@memberjunction/ng-explorer-core 0.9.204 → 0.9.206

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

@@ -0,0 +1,142 @@
+import { Component, Input } from '@angular/core';
+import { DecimalPipe, DatePipe } from '@angular/common';
+import { LogStatus } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@progress/kendo-angular-grid";
+function DynamicGridComponent_ng_container_1_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const dataItem_r3 = ctx.$implicit;
+    const col_r1 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.formatData(col_r1.DataType, dataItem_r3[col_r1.FieldName]), " ");
+} }
+const _c0 = () => ({ "font-weight": "bold", "background-color": "#cyan" });
+function DynamicGridComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "kendo-grid-column", 2);
+    i0.ɵɵtemplate(2, DynamicGridComponent_ng_container_1_ng_template_2_Template, 1, 1, "ng-template", 3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const col_r1 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵpropertyInterpolate("field", col_r1.FieldName);
+    i0.ɵɵpropertyInterpolate("title", col_r1.DisplayName);
+    i0.ɵɵproperty("headerStyle", i0.ɵɵpureFunction0(3, _c0));
+} }
+export class DynamicGridComponent {
+    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.loadGridView();
+        }
+    }
+    constructor(decimalPipe, datePipe) {
+        this.decimalPipe = decimalPipe;
+        this.datePipe = datePipe;
+        this.data = [];
+        this.columns = [];
+        this.pageSize = 30;
+        this.startingRow = 0;
+    }
+    formatData(dataType, data) {
+        switch (dataType) {
+            case 'bigint':
+            case 'smallint':
+            case 'int':
+            case 'tinyint':
+                return data; // No specific formatting for integer types
+            case 'decimal':
+            case 'numeric':
+            case 'smallmoney':
+            case 'money':
+                return this.decimalPipe.transform(data, '1.2-2'); // Format as decimal with 2 digits after the decimal point
+            case 'date':
+            case 'datetime':
+            case 'datetime2':
+            case 'smalldatetime':
+                return this.datePipe.transform(data, 'short'); // Format as short date
+            // Add more cases as needed for other SQL Server datatypes
+            default:
+                return data; // For data types not handled, return data as is
+        }
+    }
+    ngAfterViewInit() {
+        if (this.data) {
+            this.loadGridView();
+        }
+    }
+    pageChange(event) {
+        this.startingRow = event.skip;
+        this.loadGridView();
+    }
+    loadGridView() {
+        this.gridView = {
+            data: this.data.slice(this.startingRow, this.startingRow + this.pageSize),
+            total: this.data.length,
+        };
+    }
+    cellClick(event) {
+        LogStatus(`Cell clicked in DynamicGrid`, undefined, event);
+        LogStatus('Need to implement cellClick in DynamicGridComponent like DyanmicChartComponent to do drill down!');
+    }
+}
+DynamicGridComponent.ɵfac = function DynamicGridComponent_Factory(t) { return new (t || DynamicGridComponent)(i0.ɵɵdirectiveInject(i1.DecimalPipe), i0.ɵɵdirectiveInject(i1.DatePipe)); };
+DynamicGridComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DynamicGridComponent, selectors: [["app-dynamic-grid"]], inputs: { data: "data", columns: "columns", pageSize: "pageSize", startingRow: "startingRow", SkipData: "SkipData" }, features: [i0.ɵɵProvidersFeature([DecimalPipe, DatePipe])], decls: 2, vars: 8, consts: [["scrollable", "virtual", 3, "data", "skip", "pageSize", "rowHeight", "reorderable", "resizable", "navigable", "pageChange", "cellClick"], [4, "ngFor", "ngForOf"], [3, "field", "title", "headerStyle"], ["kendoGridCellTemplate", ""]], template: function DynamicGridComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "kendo-grid", 0);
+        i0.ɵɵlistener("pageChange", function DynamicGridComponent_Template_kendo_grid_pageChange_0_listener($event) { return ctx.pageChange($event); })("cellClick", function DynamicGridComponent_Template_kendo_grid_cellClick_0_listener($event) { return ctx.cellClick($event); });
+        i0.ɵɵtemplate(1, DynamicGridComponent_ng_container_1_Template, 3, 4, "ng-container", 1);
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵproperty("data", ctx.gridView)("skip", ctx.startingRow)("pageSize", ctx.pageSize)("rowHeight", 36)("reorderable", true)("resizable", true)("navigable", true);
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("ngForOf", ctx.columns);
+    } }, dependencies: [i1.NgForOf, i2.GridComponent, i2.ColumnComponent, i2.CellTemplateDirective], encapsulation: 2 });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DynamicGridComponent, [{
+        type: Component,
+        args: [{
+                selector: 'app-dynamic-grid',
+                template: `
+    <kendo-grid [data]="gridView"
+                [skip]="startingRow"
+                [pageSize]="pageSize"
+                scrollable="virtual"
+                [rowHeight]="36"
+                [reorderable]="true"
+                [resizable]="true"
+                (pageChange)="pageChange($event)"
+                (cellClick)="cellClick($event)"
+                [navigable]="true">
+        <ng-container *ngFor="let col of columns">
+            <kendo-grid-column 
+                field="{{col.FieldName}}" 
+                title="{{col.DisplayName}}"
+                [headerStyle]="{ 'font-weight' : 'bold', 'background-color': '#cyan' }">
+                <ng-template kendoGridCellTemplate let-dataItem>
+                    {{ formatData(col.DataType, dataItem[col.FieldName]) }}
+                </ng-template>
+            </kendo-grid-column>
+        </ng-container>
+    </kendo-grid>
+  `,
+                providers: [DecimalPipe, DatePipe]
+            }]
+    }], () => [{ type: i1.DecimalPipe }, { type: i1.DatePipe }], { data: [{
+            type: Input
+        }], columns: [{
+            type: Input
+        }], pageSize: [{
+            type: Input
+        }], startingRow: [{
+            type: Input
+        }], SkipData: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DynamicGridComponent, { className: "DynamicGridComponent", filePath: "src\\lib\\generic\\dynamic-grid.ts", lineNumber: 34 }); })();

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

@@ -0,0 +1,38 @@
+import { Router } from '@angular/router';
+import { SkipColumnInfo, SkipData } from '../ask-skip/ask-skip.component';
+import { SharedService } from '../../shared/shared.service';
+import { DynamicGridComponent } from './dynamic-grid';
+import { DynamicChartComponent } from './dynamic-chart';
+import { SelectEvent, TabStripComponent } from '@progress/kendo-angular-layout';
+import * as i0 from "@angular/core";
+export declare class DynamicReportComponent {
+    sharedService: SharedService;
+    private router;
+    ShowDetailsTab: boolean;
+    ShowCreateReportButton: boolean;
+    ConversationID: number | null;
+    ConversationName: string | null;
+    ConversationDetailID: number | null;
+    private _skipData;
+    get SkipData(): SkipData | undefined;
+    set SkipData(d: SkipData | undefined);
+    theGrid: DynamicGridComponent;
+    theChart: DynamicChartComponent;
+    tabStrip: TabStripComponent;
+    constructor(sharedService: SharedService, router: Router);
+    matchingReportID: number | null;
+    matchingReportName: string | null;
+    private _loaded;
+    ngAfterViewInit(): Promise<void>;
+    clickMatchingReport(): void;
+    activeTabIndex: number;
+    onTabSelect(e: SelectEvent): void;
+    isTabSelected(index: number): boolean;
+    get Columns(): SkipColumnInfo[];
+    get IsChart(): boolean;
+    get IsTable(): boolean;
+    createAnalysisHtml(): string;
+    doCreateReport(): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicReportComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicReportComponent, "app-dynamic-report", never, { "ShowDetailsTab": { "alias": "ShowDetailsTab"; "required": false; }; "ShowCreateReportButton": { "alias": "ShowCreateReportButton"; "required": false; }; "ConversationID": { "alias": "ConversationID"; "required": false; }; "ConversationName": { "alias": "ConversationName"; "required": false; }; "ConversationDetailID": { "alias": "ConversationDetailID"; "required": false; }; "SkipData": { "alias": "SkipData"; "required": false; }; }, {}, never, never, false, never>;
+}

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

@@ -0,0 +1,405 @@
+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, ViewChild } from '@angular/core';
+import { HtmlListType } from '../../shared/shared.service';
+import { Metadata, RunView } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../shared/shared.service";
+import * as i2 from "@angular/router";
+const _c0 = ["theGrid"];
+const _c1 = ["theChart"];
+const _c2 = ["tabStrip"];
+function DynamicReportComponent_button_1_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 9);
+    i0.ɵɵlistener("click", function DynamicReportComponent_button_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r11 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r11.doCreateReport()); });
+    i0.ɵɵtext(1, "Create Report");
+    i0.ɵɵelementEnd();
+} }
+function DynamicReportComponent_div_2_Template(rf, ctx) { if (rf & 1) {
+    const _r14 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 10);
+    i0.ɵɵlistener("click", function DynamicReportComponent_div_2_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r14); const ctx_r13 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r13.clickMatchingReport()); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate2("Report: ", ctx_r1.matchingReportName, " (ID: ", ctx_r1.matchingReportID, ") Created From This Message");
+} }
+function DynamicReportComponent_kendo_tabstrip_tab_5_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-svgicon", 12);
+    i0.ɵɵelementStart(1, "span", 13);
+    i0.ɵɵtext(2, "Chart");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r15 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("icon", ctx_r15.sharedService.kendoSVGIcon("graph"));
+} }
+function DynamicReportComponent_kendo_tabstrip_tab_5_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "app-dynamic-chart", 14, 15);
+} if (rf & 2) {
+    const ctx_r16 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("SkipData", ctx_r16.SkipData);
+} }
+function DynamicReportComponent_kendo_tabstrip_tab_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "kendo-tabstrip-tab", 11);
+    i0.ɵɵtemplate(1, DynamicReportComponent_kendo_tabstrip_tab_5_ng_template_1_Template, 3, 1, "ng-template", 7)(2, DynamicReportComponent_kendo_tabstrip_tab_5_ng_template_2_Template, 2, 1, "ng-template", 8);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("selected", ctx_r3.isTabSelected(0));
+} }
+function DynamicReportComponent_ng_template_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-svgicon", 12);
+    i0.ɵɵelementStart(1, "span", 13);
+    i0.ɵɵtext(2, "Table");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("icon", ctx_r4.sharedService.kendoSVGIcon("table"));
+} }
+function DynamicReportComponent_ng_template_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "app-dynamic-grid", 14, 16);
+} if (rf & 2) {
+    const ctx_r5 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("SkipData", ctx_r5.SkipData);
+} }
+function DynamicReportComponent_ng_template_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "img", 17);
+    i0.ɵɵelementStart(1, "span", 13);
+    i0.ɵɵtext(2, "Analysis");
+    i0.ɵɵelementEnd();
+} }
+function DynamicReportComponent_ng_template_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 18);
+} if (rf & 2) {
+    const ctx_r7 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("innerHTML", ctx_r7.createAnalysisHtml(), i0.ɵɵsanitizeHtml);
+} }
+function DynamicReportComponent_ng_template_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-svgicon", 12);
+    i0.ɵɵelementStart(1, "span", 13);
+    i0.ɵɵtext(2, "Explanation");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r8 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("icon", ctx_r8.sharedService.kendoSVGIcon("file"));
+} }
+function DynamicReportComponent_ng_template_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 0);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r9 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate((ctx_r9.SkipData == null ? null : ctx_r9.SkipData.ReportExplanation) || "No Explanation Provided");
+} }
+function DynamicReportComponent_kendo_tabstrip_tab_15_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-svgicon", 19);
+    i0.ɵɵelementStart(1, "span", 13);
+    i0.ɵɵtext(2, "Details");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r19 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("icon", ctx_r19.sharedService.kendoSVGIcon("pageProperties"));
+} }
+function DynamicReportComponent_kendo_tabstrip_tab_15_ng_template_2_div_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div")(1, "span");
+    i0.ɵɵtext(2, "Skip Conversation ID:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r21 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r21.ConversationID);
+} }
+function DynamicReportComponent_kendo_tabstrip_tab_15_ng_template_2_div_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div")(1, "span");
+    i0.ɵɵtext(2, "Skip Conversation Detail ID:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r22 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r22.ConversationDetailID);
+} }
+function DynamicReportComponent_kendo_tabstrip_tab_15_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div")(1, "span")(2, "b");
+    i0.ɵɵtext(3, "SQL:");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(4, "span")(5, "textarea", 20);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵtemplate(7, DynamicReportComponent_kendo_tabstrip_tab_15_ng_template_2_div_7_Template, 5, 1, "div", 21)(8, DynamicReportComponent_kendo_tabstrip_tab_15_ng_template_2_div_8_Template, 5, 1, "div", 21);
+} if (rf & 2) {
+    const ctx_r20 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("disabled", true)("fillHeight", false);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r20.SkipData == null ? null : ctx_r20.SkipData.SQLResults == null ? null : ctx_r20.SkipData.SQLResults.sql);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r20.ConversationID !== null);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r20.ConversationDetailID !== null);
+} }
+function DynamicReportComponent_kendo_tabstrip_tab_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "kendo-tabstrip-tab", 11);
+    i0.ɵɵtemplate(1, DynamicReportComponent_kendo_tabstrip_tab_15_ng_template_1_Template, 3, 1, "ng-template", 7)(2, DynamicReportComponent_kendo_tabstrip_tab_15_ng_template_2_Template, 9, 5, "ng-template", 8);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r10 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("selected", ctx_r10.isTabSelected(4));
+} }
+// This component is used for dynamically rendering report data, it is wrapped by app-single-report which gets
+// info from the database. This can also be used directly to render a dynamic report that is NOT saved in the DB
+// which is what Skip does in its conversational UI
+export class DynamicReportComponent {
+    get SkipData() {
+        return this._skipData;
+    }
+    set SkipData(d) {
+        this._skipData = d;
+        if (d && !this._loaded)
+            this.ngAfterViewInit();
+    }
+    constructor(sharedService, router) {
+        this.sharedService = sharedService;
+        this.router = router;
+        this.ShowDetailsTab = false;
+        this.ShowCreateReportButton = false;
+        this.ConversationID = null;
+        this.ConversationName = null;
+        this.ConversationDetailID = null;
+        this.matchingReportID = null;
+        this.matchingReportName = null;
+        this._loaded = false;
+        this.activeTabIndex = 0;
+    }
+    ngAfterViewInit() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.SkipData) {
+                this._loaded = true;
+                if (this.ShowCreateReportButton) {
+                    // check to see if a report has been created that is linked to this ConvoID/ConvoDetailID
+                    // if so don't allow the user to create another report, show a link to the existing one 
+                    const rv = new RunView();
+                    const matchingReports = yield rv.RunView({
+                        EntityName: 'Reports',
+                        ExtraFilter: 'ConversationID = ' + this.ConversationID + ' AND ConversationDetailID = ' + this.ConversationDetailID
+                    });
+                    if (matchingReports && matchingReports.Success && matchingReports.RowCount > 0) {
+                        const item = matchingReports.Results.at(0);
+                        this.matchingReportID = item === null || item === void 0 ? void 0 : item.ID;
+                        this.matchingReportName = item === null || item === void 0 ? void 0 : item.Name;
+                    }
+                }
+            }
+        });
+    }
+    clickMatchingReport() {
+        if (this.matchingReportID !== null && this.matchingReportID > 0) {
+            // navigate to the report
+            this.router.navigate(['resource', 'report', this.matchingReportID]);
+        }
+    }
+    onTabSelect(e) {
+        e.preventDefault();
+        this.activeTabIndex = e.index;
+        this.sharedService.InvokeManualResize(100);
+    }
+    isTabSelected(index) {
+        const offset = !this.IsChart ? 1 : 0;
+        return this.activeTabIndex === (index - offset);
+    }
+    get Columns() {
+        var _a;
+        return ((_a = this.SkipData) === null || _a === void 0 ? void 0 : _a.SQLResults.columns) || [];
+    }
+    get IsChart() {
+        if (!this.SkipData)
+            return false;
+        return this.SkipData.DisplayType.trim().toLowerCase() !== 'table';
+    }
+    get IsTable() {
+        if (!this.SkipData)
+            return false;
+        return this.SkipData.DisplayType.trim().toLowerCase() === 'table';
+    }
+    createAnalysisHtml() {
+        var _a;
+        const analysis = (_a = this.SkipData) === null || _a === void 0 ? void 0 : _a.Analysis;
+        if (analysis && analysis.length > 0) {
+            return this.sharedService.ConvertMarkdownStringToHtmlList(HtmlListType.Unordered, analysis);
+        }
+        else
+            return '<h2>No Analysis Provided</h2>';
+    }
+    doCreateReport() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.SkipData || !this.ConversationID || !this.ConversationName || !this.ConversationDetailID) {
+                throw new Error('Must set SkipData, ConversationID, ConversationName, and ConversationDetailID to enable saving report');
+            }
+            else {
+                if (confirm('Do you want to save this report?')) {
+                    const md = new Metadata();
+                    const report = yield md.GetEntityObject('Reports');
+                    report.NewRecord();
+                    report.Name = this.SkipData.ReportTitle;
+                    report.Description = this.SkipData.ReportExplanation ? this.SkipData.ReportExplanation : '';
+                    report.ConversationID = this.ConversationID;
+                    report.ConversationDetailID = this.ConversationDetailID;
+                    report.ReportSQL = this.SkipData.SQLResults.sql;
+                    report.ReportConfiguration = JSON.stringify(this.SkipData);
+                    report.SharingScope = 'None';
+                    report.UserID = md.CurrentUser.ID;
+                    if (yield report.Save()) {
+                        this.matchingReportID = report.ID;
+                        this.matchingReportName = report.Name;
+                        this.sharedService.CreateSimpleNotification(`Report "${report.Name}"Saved`, 'success', 2500);
+                    }
+                    else
+                        this.sharedService.CreateSimpleNotification('Error saving report', 'error', 2500);
+                }
+            }
+        });
+    }
+}
+DynamicReportComponent.ɵfac = function DynamicReportComponent_Factory(t) { return new (t || DynamicReportComponent)(i0.ɵɵdirectiveInject(i1.SharedService), i0.ɵɵdirectiveInject(i2.Router)); };
+DynamicReportComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DynamicReportComponent, selectors: [["app-dynamic-report"]], viewQuery: function DynamicReportComponent_Query(rf, ctx) { if (rf & 1) {
+        i0.ɵɵviewQuery(_c0, 5);
+        i0.ɵɵviewQuery(_c1, 5);
+        i0.ɵɵviewQuery(_c2, 5);
+    } if (rf & 2) {
+        let _t;
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.theGrid = _t.first);
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.theChart = _t.first);
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tabStrip = _t.first);
+    } }, inputs: { ShowDetailsTab: "ShowDetailsTab", ShowCreateReportButton: "ShowCreateReportButton", ConversationID: "ConversationID", ConversationName: "ConversationName", ConversationDetailID: "ConversationDetailID", SkipData: "SkipData" }, decls: 16, vars: 12, consts: [["mjFillContainer", ""], ["kendoButton", "", "class", "create-report-button", 3, "click", 4, "ngIf"], ["class", "report-link", 3, "click", 4, "ngIf"], ["mjFillContainer", "", 1, "report-tabstrip", 3, "keepTabContent", "animate", "tabSelect"], ["tabStrip", ""], [3, "selected", 4, "ngIf"], [3, "closable", "selected"], ["kendoTabTitle", ""], ["kendoTabContent", "", "class", "report-tab-contents"], ["kendoButton", "", 1, "create-report-button", 3, "click"], [1, "report-link", 3, "click"], [3, "selected"], [3, "icon"], [1, "report-tab-title"], ["mjFillContainer", "", 3, "SkipData"], ["theChart", ""], ["theGrid", ""], ["src", "assets/Skip - Mark Only - Small.png", 1, "avatar", 2, "height", "16px", "width", "16px"], ["mjFillContainer", "", 3, "innerHTML"], ["name", "page-properties", 3, "icon"], ["mjFillContainer", "", 3, "disabled", "fillHeight"], [4, "ngIf"]], template: function DynamicReportComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0);
+        i0.ɵɵtemplate(1, DynamicReportComponent_button_1_Template, 2, 0, "button", 1)(2, DynamicReportComponent_div_2_Template, 2, 2, "div", 2);
+        i0.ɵɵelementStart(3, "kendo-tabstrip", 3, 4);
+        i0.ɵɵlistener("tabSelect", function DynamicReportComponent_Template_kendo_tabstrip_tabSelect_3_listener($event) { return ctx.onTabSelect($event); });
+        i0.ɵɵtemplate(5, DynamicReportComponent_kendo_tabstrip_tab_5_Template, 3, 1, "kendo-tabstrip-tab", 5);
+        i0.ɵɵelementStart(6, "kendo-tabstrip-tab", 6);
+        i0.ɵɵtemplate(7, DynamicReportComponent_ng_template_7_Template, 3, 1, "ng-template", 7)(8, DynamicReportComponent_ng_template_8_Template, 2, 1, "ng-template", 8);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(9, "kendo-tabstrip-tab", 6);
+        i0.ɵɵtemplate(10, DynamicReportComponent_ng_template_10_Template, 3, 0, "ng-template", 7)(11, DynamicReportComponent_ng_template_11_Template, 1, 1, "ng-template", 8);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(12, "kendo-tabstrip-tab", 6);
+        i0.ɵɵtemplate(13, DynamicReportComponent_ng_template_13_Template, 3, 1, "ng-template", 7)(14, DynamicReportComponent_ng_template_14_Template, 2, 1, "ng-template", 8);
+        i0.ɵɵelementEnd();
+        i0.ɵɵtemplate(15, DynamicReportComponent_kendo_tabstrip_tab_15_Template, 3, 1, "kendo-tabstrip-tab", 5);
+        i0.ɵɵelementEnd()();
+    } if (rf & 2) {
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("ngIf", ctx.ShowCreateReportButton && !ctx.matchingReportID);
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("ngIf", ctx.matchingReportID !== null);
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("keepTabContent", true)("animate", false);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngIf", ctx.IsChart);
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("closable", false)("selected", ctx.isTabSelected(1));
+        i0.ɵɵadvance(3);
+        i0.ɵɵproperty("closable", false)("selected", ctx.isTabSelected(2));
+        i0.ɵɵadvance(3);
+        i0.ɵɵproperty("closable", false)("selected", ctx.isTabSelected(3));
+        i0.ɵɵadvance(3);
+        i0.ɵɵproperty("ngIf", ctx.ShowDetailsTab);
+    } }, styles: [".report-tab-title[_ngcontent-%COMP%] { margin-left: 10px;}", ".create-report-button[_ngcontent-%COMP%] { \n        margin-bottom: 10px;\n        margin-top: 10px;\n      }", ".report-link[_ngcontent-%COMP%] {\n        margin-top: 10px;\n        margin-bottom: 10px;\n        cursor: pointer;\n        color: blue;\n        font-weight: bold;\n      }"] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DynamicReportComponent, [{
+        type: Component,
+        args: [{ selector: 'app-dynamic-report', template: `
+<div mjFillContainer> 
+  <button kendoButton *ngIf="ShowCreateReportButton && !matchingReportID" (click)="doCreateReport()" class="create-report-button">Create Report</button>
+  <div *ngIf="matchingReportID!==null" class="report-link" (click)="clickMatchingReport()">Report: {{matchingReportName}} (ID: {{matchingReportID}}) Created From This Message</div>
+  <kendo-tabstrip mjFillContainer [keepTabContent]="true" [animate]="false" class="report-tabstrip" (tabSelect)="onTabSelect($event)" #tabStrip>
+      <kendo-tabstrip-tab *ngIf="IsChart" [selected]="isTabSelected(0)">
+          <ng-template kendoTabTitle>
+            <kendo-svgicon [icon]="sharedService.kendoSVGIcon('graph')"></kendo-svgicon>
+            <span class="report-tab-title">Chart</span>
+          </ng-template>
+          <ng-template kendoTabContent class="report-tab-contents">
+              <app-dynamic-chart mjFillContainer #theChart [SkipData]="SkipData">
+              </app-dynamic-chart>
+          </ng-template>
+      </kendo-tabstrip-tab>  
+      <kendo-tabstrip-tab [closable]="false" [selected]="isTabSelected(1)">
+          <ng-template kendoTabTitle>
+            <kendo-svgicon  [icon]="sharedService.kendoSVGIcon('table')"></kendo-svgicon>
+            <span class="report-tab-title">Table</span>
+          </ng-template>
+          <ng-template kendoTabContent class="report-tab-contents">
+              <app-dynamic-grid mjFillContainer #theGrid [SkipData]="SkipData">
+              </app-dynamic-grid>
+          </ng-template>
+      </kendo-tabstrip-tab>  
+      <kendo-tabstrip-tab [closable]="false" [selected]="isTabSelected(2)">
+          <ng-template kendoTabTitle>
+              <img src="assets/Skip - Mark Only - Small.png" class="avatar" style="height:16px;width:16px;" />
+              <span class="report-tab-title">Analysis</span>
+          </ng-template>
+          <ng-template kendoTabContent class="report-tab-contents">
+              <div mjFillContainer [innerHTML]="createAnalysisHtml()"></div>
+          </ng-template>
+      </kendo-tabstrip-tab>  
+      <kendo-tabstrip-tab [closable]="false" [selected]="isTabSelected(3)">
+          <ng-template kendoTabTitle>
+            <kendo-svgicon [icon]="sharedService.kendoSVGIcon('file')"></kendo-svgicon>
+            <span class="report-tab-title">Explanation</span>
+          </ng-template>
+          <ng-template kendoTabContent class="report-tab-contents">
+              <div mjFillContainer>{{SkipData?.ReportExplanation || 'No Explanation Provided'}}</div>
+          </ng-template>
+      </kendo-tabstrip-tab>  
+      <kendo-tabstrip-tab *ngIf="ShowDetailsTab" [selected]="isTabSelected(4)">
+          <ng-template kendoTabTitle>
+            <kendo-svgicon  [icon]="sharedService.kendoSVGIcon('pageProperties')" name="page-properties"></kendo-svgicon>
+            <span class="report-tab-title">Details</span>
+          </ng-template>
+          <ng-template kendoTabContent class="report-tab-contents">
+              <div><span><b>SQL:</b></span><span><textarea [disabled]="true" mjFillContainer [fillHeight]="false">{{SkipData?.SQLResults?.sql}}</textarea></span></div>
+              <div *ngIf="ConversationID!==null"><span>Skip Conversation ID:</span><span>{{ConversationID}}</span></div>
+              <div *ngIf="ConversationDetailID!==null"><span>Skip Conversation Detail ID:</span><span>{{ConversationDetailID}}</span></div>
+          </ng-template>
+      </kendo-tabstrip-tab>  
+  </kendo-tabstrip>
+</div>
+`, styles: [".report-tab-title { margin-left: 10px;}", ".create-report-button { \n        margin-bottom: 10px;\n        margin-top: 10px;\n      }", ".report-link {\n        margin-top: 10px;\n        margin-bottom: 10px;\n        cursor: pointer;\n        color: blue;\n        font-weight: bold;\n      }"] }]
+    }], () => [{ type: i1.SharedService }, { type: i2.Router }], { ShowDetailsTab: [{
+            type: Input
+        }], ShowCreateReportButton: [{
+            type: Input
+        }], ConversationID: [{
+            type: Input
+        }], ConversationName: [{
+            type: Input
+        }], ConversationDetailID: [{
+            type: Input
+        }], SkipData: [{
+            type: Input
+        }], theGrid: [{
+            type: ViewChild,
+            args: ['theGrid', { static: false }]
+        }], theChart: [{
+            type: ViewChild,
+            args: ['theChart', { static: false }]
+        }], tabStrip: [{
+            type: ViewChild,
+            args: ['tabStrip', { static: false }]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DynamicReportComponent, { className: "DynamicReportComponent", filePath: "src\\lib\\generic\\dynamic-report.ts", lineNumber: 90 }); })();

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

@@ -1 +1 @@
-{"version":3,"file":"header.component.d.ts","sourceRoot":"","sources":["../../../src/lib/header/header.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAAqB,UAAU,EAAE,MAAM,EAAS,MAAM,eAAe,CAAC;AACtG,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAE9D,OAAO,EAAc,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAEtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;;AAEvE,qBAKa,eAAgB,YAAW,MAAM;IAkCvB,QAAQ,EAAE,UAAU;IAAS,aAAa,EAAE,aAAa;IAAE,OAAO,CAAC,oBAAoB;IAAwB,OAAO,CAAC,MAAM;IAjCvI,eAAe,EAAG,MAAM,CAAC;IACzB,mBAAmB,EAAG,MAAM,CAAC;IAE/B,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,CAE7B;IACK,gBAAgB,EAAE,MAAM,CAAe;IACvC,YAAY,EAAE,MAAM,CAAqB;IAC/B,MAAM,oBAAsB;IAEnB,WAAW,EAAG,UAAU,CAAC,gBAAgB,CAAC,CAAA;IAClC,cAAc,EAAG,qBAAqB,CAAA;IAEjE,OAAO,EAAE,MAAM,CAAI;IAEnB,gBAAgB;;;MAA4C;IAC5D,aAAa;;MAAoB;IACjC,MAAM,EAAE,GAAG,CAKhB;IACK,aAAa,MAAkB;IAEtC,IAAW,iBAAiB,IAAI,sBAAsB,EAAE,CAEvD;IAED,IAAW,uBAAuB,IAAI,MAAM,CAE3C;gBAEkB,QAAQ,EAAE,UAAU,EAAS,aAAa,EAAE,aAAa,EAAU,oBAAoB,EAAE,oBAAoB,EAAU,MAAM,EAAE,MAAM;IAEjJ,WAAW,CAAC,KAAK,EAAE;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAC;IAM/C,aAAa,IAAI,IAAI;IAIf,MAAM;IAMN,WAAW,CAAC,KAAK,EAAE,GAAG;IAMtB,iBAAiB,CAAC,KAAK,EAAE,GAAG;IAWlC,kBAAkB,EAAE,GAAG,EAAE,CAAM;IAC/B,cAAc,EAAE,GAAG,CAAC;IACd,QAAQ;YAmBP,sBAAsB;IAcpC,OAAO,CAAC,WAAW;IAKZ,QAAQ,CAAC,KAAK,EAAE,GAAG;yCA7GjB,eAAe;2CAAf,eAAe;CAwH3B"}
+{"version":3,"file":"header.component.d.ts","sourceRoot":"","sources":["../../../src/lib/header/header.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAAqB,UAAU,EAAE,MAAM,EAAS,MAAM,eAAe,CAAC;AACtG,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAE9D,OAAO,EAAc,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAEtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;;AAEvE,qBAKa,eAAgB,YAAW,MAAM;IAkCvB,QAAQ,EAAE,UAAU;IAAS,aAAa,EAAE,aAAa;IAAE,OAAO,CAAC,oBAAoB;IAAwB,OAAO,CAAC,MAAM;IAjCvI,eAAe,EAAG,MAAM,CAAC;IACzB,mBAAmB,EAAG,MAAM,CAAC;IAE/B,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,CAE7B;IACK,gBAAgB,EAAE,MAAM,CAAe;IACvC,YAAY,EAAE,MAAM,CAAqB;IAC/B,MAAM,oBAAsB;IAEnB,WAAW,EAAG,UAAU,CAAC,gBAAgB,CAAC,CAAA;IAClC,cAAc,EAAG,qBAAqB,CAAA;IAEjE,OAAO,EAAE,MAAM,CAAI;IAEnB,gBAAgB;;;MAA4C;IAC5D,aAAa;;MAAoB;IACjC,MAAM,EAAE,GAAG,CAKhB;IACK,aAAa,MAAkB;IAEtC,IAAW,iBAAiB,IAAI,sBAAsB,EAAE,CAEvD;IAED,IAAW,uBAAuB,IAAI,MAAM,CAE3C;gBAEkB,QAAQ,EAAE,UAAU,EAAS,aAAa,EAAE,aAAa,EAAU,oBAAoB,EAAE,oBAAoB,EAAU,MAAM,EAAE,MAAM;IAEjJ,WAAW,CAAC,KAAK,EAAE;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAC;IAM/C,aAAa,IAAI,IAAI;IAIf,MAAM;IAMN,WAAW,CAAC,KAAK,EAAE,GAAG;IAMtB,iBAAiB,CAAC,KAAK,EAAE,GAAG;IAWlC,kBAAkB,EAAE,GAAG,EAAE,CAAM;IAC/B,cAAc,EAAE,GAAG,CAAC;IACd,QAAQ;YAmBP,sBAAsB;IAepC,OAAO,CAAC,WAAW;IAKZ,QAAQ,CAAC,KAAK,EAAE,GAAG;yCA9GjB,eAAe;2CAAf,eAAe;CAyH3B"}

package/dist/lib/header/header.component.js

@@ -119,7 +119,8 @@ export class HeaderComponent {
             const rv = new RunView();
             const result = yield rv.RunView({
                 EntityName: 'Entities',
-                ExtraFilter: 'AllowUserSearchAPI = 1'
+                ExtraFilter: 'AllowUserSearchAPI = 1',
+                OrderBy: 'Name'
             });
             if (result && result.Success) {
                 this.searchableEntities = result.Results;