@memberjunction/ng-explorer-core 0.9.78 → 0.9.96

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

@@ -1,323 +1,328 @@
-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(1);
-    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-icon", 12);
-    i0.ɵɵelementStart(1, "span", 13);
-    i0.ɵɵtext(2, "Chart");
-    i0.ɵɵelementEnd();
-} }
-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, 0, "ng-template", 7);
-    i0.ɵɵtemplate(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-icon", 16);
-    i0.ɵɵelementStart(1, "span", 13);
-    i0.ɵɵtext(2, "Table");
-    i0.ɵɵelementEnd();
-} }
-function DynamicReportComponent_ng_template_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "app-dynamic-grid", 14, 17);
-} 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", 18);
-    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", 19);
-} 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-icon", 20);
-    i0.ɵɵelementStart(1, "span", 13);
-    i0.ɵɵtext(2, "Explanation");
-    i0.ɵɵelementEnd();
-} }
-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(1);
-    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-icon", 21);
-    i0.ɵɵelementStart(1, "span", 13);
-    i0.ɵɵtext(2, "Details");
-    i0.ɵɵelementEnd();
-} }
-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", 22);
-    i0.ɵɵtext(6);
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵtemplate(7, DynamicReportComponent_kendo_tabstrip_tab_15_ng_template_2_div_7_Template, 5, 1, "div", 23);
-    i0.ɵɵtemplate(8, DynamicReportComponent_kendo_tabstrip_tab_15_ng_template_2_div_8_Template, 5, 1, "div", 23);
-} if (rf & 2) {
-    const ctx_r20 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(5);
-    i0.ɵɵproperty("disabled", true)("fillHeight", false);
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(ctx_r20.SkipData == null ? null : ctx_r20.SkipData.SQLResults == null ? null : ctx_r20.SkipData.SQLResults.sql);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r20.ConversationID !== null);
-    i0.ɵɵadvance(1);
-    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, 0, "ng-template", 7);
-    i0.ɵɵtemplate(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"], ["name", "graph"], [1, "report-tab-title"], ["mjFillContainer", "", 3, "SkipData"], ["theChart", ""], ["name", "table"], ["theGrid", ""], ["src", "assets/Skip - Mark Only - Small.png", 1, "avatar", 2, "height", "16px", "width", "16px"], ["mjFillContainer", "", 3, "innerHTML"], ["name", "file"], ["name", "page-properties"], ["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);
-        i0.ɵɵtemplate(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, 0, "ng-template", 7);
-        i0.ɵɵtemplate(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);
-        i0.ɵɵtemplate(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, 0, "ng-template", 7);
-        i0.ɵɵtemplate(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(1);
-        i0.ɵɵproperty("ngIf", ctx.ShowCreateReportButton && !ctx.matchingReportID);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.matchingReportID !== null);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("keepTabContent", true)("animate", false);
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("ngIf", ctx.IsChart);
-        i0.ɵɵadvance(1);
-        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      }"] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DynamicReportComponent, [{
-        type: Component,
+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>
@@ -325,7 +330,7 @@ DynamicReportComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Dyna
   <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-icon name="graph" ></kendo-icon>
+            <kendo-svgicon [icon]="sharedService.kendoSVGIcon('graph')"></kendo-svgicon>
             <span class="report-tab-title">Chart</span>
           </ng-template>
           <ng-template kendoTabContent class="report-tab-contents">
@@ -335,7 +340,7 @@ DynamicReportComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Dyna
       </kendo-tabstrip-tab>  
       <kendo-tabstrip-tab [closable]="false" [selected]="isTabSelected(1)">
           <ng-template kendoTabTitle>
-            <kendo-icon name="table"></kendo-icon>
+            <kendo-svgicon  [icon]="sharedService.kendoSVGIcon('table')"></kendo-svgicon>
             <span class="report-tab-title">Table</span>
           </ng-template>
           <ng-template kendoTabContent class="report-tab-contents">
@@ -354,7 +359,7 @@ DynamicReportComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Dyna
       </kendo-tabstrip-tab>  
       <kendo-tabstrip-tab [closable]="false" [selected]="isTabSelected(3)">
           <ng-template kendoTabTitle>
-            <kendo-icon name="file"></kendo-icon>
+            <kendo-svgicon [icon]="sharedService.kendoSVGIcon('file')"></kendo-svgicon>
             <span class="report-tab-title">Explanation</span>
           </ng-template>
           <ng-template kendoTabContent class="report-tab-contents">
@@ -363,7 +368,7 @@ DynamicReportComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Dyna
       </kendo-tabstrip-tab>  
       <kendo-tabstrip-tab *ngIf="ShowDetailsTab" [selected]="isTabSelected(4)">
           <ng-template kendoTabTitle>
-            <kendo-icon name="page-properties"></kendo-icon>
+            <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">
@@ -374,26 +379,27 @@ DynamicReportComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Dyna
       </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      }"] }]
-    }], function () { return [{ 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 }]
-        }] }); })();
+`, 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 }); })();