@huntsman-cancer-institute/reporting-framework 16.0.1 → 17.0.0

package/fesm2022/huntsman-cancer-institute-reporting-framework.mjs

@@ -23,65 +23,65 @@ import { MatLegacyTabsModule } from '@angular/material/legacy-tabs';
 import * as i6 from 'ag-grid-angular';
 import { AgGridModule } from 'ag-grid-angular';
 
-class Report {
-    constructor() {
-        this.params = [];
-        this.formats = [];
-    }
+class Report {
+    constructor() {
+        this.params = [];
+        this.formats = [];
+    }
 }
 
-class Param {
-    constructor() {
-        this.activeOnly = true;
-        this.options = [];
-        this.selectedValueList = []; //for multi-select
-    }
-    calculateDictionaryURL() {
-        var out = "";
-        if (this.activeOnly) {
-            out = this.dictAPILeadIn + "/" + this.className + "/active-entries";
-        }
-        else {
-            out = this.dictAPILeadIn + "/" + this.className + "/entries";
-        }
-        return out;
-    }
+class Param {
+    constructor() {
+        this.activeOnly = true;
+        this.options = [];
+        this.selectedValueList = []; //for multi-select
+    }
+    calculateDictionaryURL() {
+        var out = "";
+        if (this.activeOnly) {
+            out = this.dictAPILeadIn + "/" + this.className + "/active-entries";
+        }
+        else {
+            out = this.dictAPILeadIn + "/" + this.className + "/entries";
+        }
+        return out;
+    }
 }
 
-class ReportDatepickerComponent {
-    constructor() {
-        this.invalid = false;
-        this.valueChange = new EventEmitter();
-    }
-    ngOnInit() {
-        let today = new Date();
-        // set the minDate to 20 years in the past by default
-        if (!this.minDate) {
-            this.minDate = new Date(today.getFullYear() - 20, today.getMonth(), today.getDate());
-        }
-        // set max date to 20 years in future by default
-        if (!this.maxDate) {
-            this.maxDate = new Date(today.getFullYear() + 20, today.getMonth(), today.getDate());
-        }
-    }
-    onChange(newValue) {
-        this.value = newValue;
-        this.valueChange.emit(newValue);
-    }
-    clear() {
-        this.value = undefined;
-        this.valueChange.emit();
-    }
-    // Clear input field if entered data is invalid (Mat library sets value to null if invalid but doesn't clear input)
-    onBlur() {
-        if (!this.value) {
-            this.value = undefined;
-            this.valueChange.emit();
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ReportDatepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ReportDatepickerComponent, selector: "report-datepicker", inputs: { value: "value", placeholder: "placeholder", minDate: "minDate", maxDate: "maxDate", invalid: "invalid" }, outputs: { valueChange: "valueChange" }, providers: [
-            { provide: MAT_DATE_LOCALE, useValue: "en-GB" }
+class ReportDatepickerComponent {
+    constructor() {
+        this.invalid = false;
+        this.valueChange = new EventEmitter();
+    }
+    ngOnInit() {
+        let today = new Date();
+        // set the minDate to 20 years in the past by default
+        if (!this.minDate) {
+            this.minDate = new Date(today.getFullYear() - 20, today.getMonth(), today.getDate());
+        }
+        // set max date to 20 years in future by default
+        if (!this.maxDate) {
+            this.maxDate = new Date(today.getFullYear() + 20, today.getMonth(), today.getDate());
+        }
+    }
+    onChange(newValue) {
+        this.value = newValue;
+        this.valueChange.emit(newValue);
+    }
+    clear() {
+        this.value = undefined;
+        this.valueChange.emit();
+    }
+    // Clear input field if entered data is invalid (Mat library sets value to null if invalid but doesn't clear input)
+    onBlur() {
+        if (!this.value) {
+            this.value = undefined;
+            this.valueChange.emit();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ReportDatepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: ReportDatepickerComponent, selector: "report-datepicker", inputs: { value: "value", placeholder: "placeholder", minDate: "minDate", maxDate: "maxDate", invalid: "invalid" }, outputs: { valueChange: "valueChange" }, providers: [
+            { provide: MAT_DATE_LOCALE, useValue: "en-GB" }
         ], ngImport: i0, template: `
     <div class="d-flex" style="width: 100%;">
       <input matInput [matDatepicker]="picker" class="form-control" style="cursor: pointer;" [placeholder]="placeholder" [ngModel]="value" (ngModelChange)="onChange($event)"
@@ -91,10 +91,10 @@ class ReportDatepickerComponent {
       <button class="btn btn-outline-secondary" type="button" (click)="picker.open()" style="height:32px; width:32px;"><i class="fas fa-calendar-alt"></i></button>
       <mat-datepicker #picker ></mat-datepicker>
     </div>
-  `, isInline: true, styles: ["#clearIcon{cursor:pointer}#clearIcon:Hover{background-color:#495057;color:#e9ecef}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i3.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ReportDatepickerComponent, decorators: [{
-            type: Component,
+  `, isInline: true, styles: ["#clearIcon{cursor:pointer}#clearIcon:Hover{background-color:#495057;color:#e9ecef}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i3.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ReportDatepickerComponent, decorators: [{
+            type: Component,
             args: [{ selector: "report-datepicker", template: `
     <div class="d-flex" style="width: 100%;">
       <input matInput [matDatepicker]="picker" class="form-control" style="cursor: pointer;" [placeholder]="placeholder" [ngModel]="value" (ngModelChange)="onChange($event)"
@@ -104,33 +104,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
       <button class="btn btn-outline-secondary" type="button" (click)="picker.open()" style="height:32px; width:32px;"><i class="fas fa-calendar-alt"></i></button>
       <mat-datepicker #picker ></mat-datepicker>
     </div>
-  `, providers: [
-                        { provide: MAT_DATE_LOCALE, useValue: "en-GB" }
-                    ], styles: ["#clearIcon{cursor:pointer}#clearIcon:Hover{background-color:#495057;color:#e9ecef}\n"] }]
-        }], propDecorators: { value: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], minDate: [{
-                type: Input
-            }], maxDate: [{
-                type: Input
-            }], invalid: [{
-                type: Input
-            }], valueChange: [{
-                type: Output
+  `, providers: [
+                        { provide: MAT_DATE_LOCALE, useValue: "en-GB" }
+                    ], styles: ["#clearIcon{cursor:pointer}#clearIcon:Hover{background-color:#495057;color:#e9ecef}\n"] }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], minDate: [{
+                type: Input
+            }], maxDate: [{
+                type: Input
+            }], invalid: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
             }] } });
 
-class ParameterComponent {
-    setParam(p) {
-        this.param = p;
-        if (this.param.type === "radio") { //if radio, auto select first option
-            let o = this.param.options[0];
-            this.param.selectedValue = o.value;
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ParameterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ParameterComponent, selector: "hci-parameter", ngImport: i0, template: `
+class ParameterComponent {
+    setParam(p) {
+        this.param = p;
+        if (this.param.type === "radio") { //if radio, auto select first option
+            let o = this.param.options[0];
+            this.param.selectedValue = o.value;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ParameterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: ParameterComponent, selector: "hci-parameter", ngImport: i0, template: `
 
       <!--Text Input-->
       <ng-container *ngIf="param.type === 'input'">
@@ -245,10 +245,10 @@ class ParameterComponent {
         </div>
       </ng-container>
 
-    `, isInline: true, styles: [".data-label{width:270px;margin-right:30px;display:flex;align-items:center;justify-content:flex-end}.date-input{width:45%}.report-select,.multi-report-select{flex-grow:unset!important;width:45%}.radio-pair{display:flex;align-items:center;padding-right:5px;margin-right:15px}.input-field{width:45%}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$1.MdMultiSelectComponent, selector: "hci-md-multi-select", inputs: ["class", "name", "label", "url", "entries", "required", "idKey", "displayKey"] }, { kind: "component", type: i3$1.NativeSelectComponent, selector: "hci-native-select", inputs: ["class", "name", "label", "url", "entries", "required", "idKey", "displayKey", "disabled", "sortKey", "sortNumeric", "filterKey", "filter"] }, { kind: "component", type: ReportDatepickerComponent, selector: "report-datepicker", inputs: ["value", "placeholder", "minDate", "maxDate", "invalid"], outputs: ["valueChange"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ParameterComponent, decorators: [{
-            type: Component,
+    `, isInline: true, styles: [".data-label{width:270px;margin-right:30px;display:flex;align-items:center;justify-content:flex-end}.date-input{width:45%}.report-select,.multi-report-select{flex-grow:unset!important;width:45%}.radio-pair{display:flex;align-items:center;padding-right:5px;margin-right:15px}.input-field{width:45%}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$1.MdMultiSelectComponent, selector: "hci-md-multi-select", inputs: ["class", "name", "label", "url", "entries", "required", "idKey", "displayKey"] }, { kind: "component", type: i3$1.NativeSelectComponent, selector: "hci-native-select", inputs: ["class", "name", "label", "url", "entries", "required", "idKey", "displayKey", "disabled", "sortKey", "sortNumeric", "filterKey", "filter"] }, { kind: "component", type: ReportDatepickerComponent, selector: "report-datepicker", inputs: ["value", "placeholder", "minDate", "maxDate", "invalid"], outputs: ["valueChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ParameterComponent, decorators: [{
+            type: Component,
             args: [{ selector: "hci-parameter", template: `
 
       <!--Text Input-->
@@ -364,28 +364,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         </div>
       </ng-container>
 
-    `, styles: [".data-label{width:270px;margin-right:30px;display:flex;align-items:center;justify-content:flex-end}.date-input{width:45%}.report-select,.multi-report-select{flex-grow:unset!important;width:45%}.radio-pair{display:flex;align-items:center;padding-right:5px;margin-right:15px}.input-field{width:45%}\n"] }]
+    `, styles: [".data-label{width:270px;margin-right:30px;display:flex;align-items:center;justify-content:flex-end}.date-input{width:45%}.report-select,.multi-report-select{flex-grow:unset!important;width:45%}.radio-pair{display:flex;align-items:center;padding-right:5px;margin-right:15px}.input-field{width:45%}\n"] }]
         }] });
 
-class Option {
+class Option {
 }
 
-class ReportTab {
+class ReportTab {
 }
 
-class Format {
+class Format {
 }
 
-class FormatComponent {
-    constructor() {
-        this.selectedValueChange = new EventEmitter();
-    }
-    selectFormat(s) {
-        this.selectedValue = s;
-        this.selectedValueChange.emit(s);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormatComponent, selector: "hci-format", inputs: { selectedValue: "selectedValue" }, outputs: { selectedValueChange: "selectedValueChange" }, ngImport: i0, template: `
+class FormatComponent {
+    constructor() {
+        this.selectedValueChange = new EventEmitter();
+    }
+    selectFormat(s) {
+        this.selectedValue = s;
+        this.selectedValueChange.emit(s);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FormatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: FormatComponent, selector: "hci-format", inputs: { selectedValue: "selectedValue" }, outputs: { selectedValueChange: "selectedValueChange" }, ngImport: i0, template: `
         <div class="radio-pair">
             <input type="radio" #radio
                    [value]="format.name"
@@ -395,10 +395,10 @@ class FormatComponent {
                    name="format">
             <label>{{format.caption}}</label>
         </div>
-    `, isInline: true, styles: [".radio-pair{display:flex;align-items:center;padding-right:5px}\n"] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormatComponent, decorators: [{
-            type: Component,
+    `, isInline: true, styles: [".radio-pair{display:flex;align-items:center;padding-right:5px}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FormatComponent, decorators: [{
+            type: Component,
             args: [{ selector: "hci-format", template: `
         <div class="radio-pair">
             <input type="radio" #radio
@@ -409,34 +409,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                    name="format">
             <label>{{format.caption}}</label>
         </div>
-    `, styles: [".radio-pair{display:flex;align-items:center;padding-right:5px}\n"] }]
-        }], propDecorators: { selectedValue: [{
-                type: Input
-            }], selectedValueChange: [{
-                type: Output
+    `, styles: [".radio-pair{display:flex;align-items:center;padding-right:5px}\n"] }]
+        }], propDecorators: { selectedValue: [{
+                type: Input
+            }], selectedValueChange: [{
+                type: Output
             }] } });
 
-class SpinnerDialogComponent {
-    constructor(dialogRef, data) {
-        this.dialogRef = dialogRef;
-        this.data = data;
-        this.strokeWidth = 3;
-        this.diameter = 30;
-        this.message = "Loading...";
-        if (this.data) {
-            if (!!this.data.message) {
-                this.message = this.data.message;
-            }
-            if (!!this.data.diameter) {
-                this.diameter = this.data.diameter;
-            }
-            if (!!this.data.strokeWidth) {
-                this.strokeWidth = this.data.strokeWidth;
-            }
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpinnerDialogComponent, deps: [{ token: i1$1.MatLegacyDialogRef }, { token: MAT_LEGACY_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SpinnerDialogComponent, selector: "spinner-dialog", inputs: { strokeWidth: "strokeWidth", diameter: "diameter", message: "message" }, ngImport: i0, template: `
+class SpinnerDialogComponent {
+    constructor(dialogRef, data) {
+        this.dialogRef = dialogRef;
+        this.data = data;
+        this.strokeWidth = 3;
+        this.diameter = 30;
+        this.message = "Loading...";
+        if (this.data) {
+            if (!!this.data.message) {
+                this.message = this.data.message;
+            }
+            if (!!this.data.diameter) {
+                this.diameter = this.data.diameter;
+            }
+            if (!!this.data.strokeWidth) {
+                this.strokeWidth = this.data.strokeWidth;
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpinnerDialogComponent, deps: [{ token: i1$1.MatLegacyDialogRef }, { token: MAT_LEGACY_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SpinnerDialogComponent, selector: "spinner-dialog", inputs: { strokeWidth: "strokeWidth", diameter: "diameter", message: "message" }, ngImport: i0, template: `
       <div mat-dialog-content class="full-height padded">
         <div class="full-width full-height t">
           <div class="tr">
@@ -451,10 +451,10 @@ class SpinnerDialogComponent {
       </div>
       <div mat-dialog-actions class="not-rendered">
       </div>
-    `, isInline: true, styles: [".t{display:table}.tr{display:table-row}.td{display:table-cell}.full-height{height:100%}.full-width{width:100%}.vertical-center{vertical-align:middle}.padded{padding-top:.4em;padding-bottom:.4em}.not-rendered{padding:0;margin:0;min-height:0;max-height:0;height:0}\n"], dependencies: [{ kind: "directive", type: i1$1.MatLegacyDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$1.MatLegacyDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i2$1.MatLegacyProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpinnerDialogComponent, decorators: [{
-            type: Component,
+    `, isInline: true, styles: [".t{display:table}.tr{display:table-row}.td{display:table-cell}.full-height{height:100%}.full-width{width:100%}.vertical-center{vertical-align:middle}.padded{padding-top:.4em;padding-bottom:.4em}.not-rendered{padding:0;margin:0;min-height:0;max-height:0;height:0}\n"], dependencies: [{ kind: "directive", type: i1$1.MatLegacyDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$1.MatLegacyDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i2$1.MatLegacyProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpinnerDialogComponent, decorators: [{
+            type: Component,
             args: [{ selector: "spinner-dialog", template: `
       <div mat-dialog-content class="full-height padded">
         <div class="full-width full-height t">
@@ -470,204 +470,204 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
       </div>
       <div mat-dialog-actions class="not-rendered">
       </div>
-    `, styles: [".t{display:table}.tr{display:table-row}.td{display:table-cell}.full-height{height:100%}.full-width{width:100%}.vertical-center{vertical-align:middle}.padded{padding-top:.4em;padding-bottom:.4em}.not-rendered{padding:0;margin:0;min-height:0;max-height:0;height:0}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.MatLegacyDialogRef }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MAT_LEGACY_DIALOG_DATA]
-                }] }]; }, propDecorators: { strokeWidth: [{
-                type: Input,
-                args: ["strokeWidth"]
-            }], diameter: [{
-                type: Input,
-                args: ["diameter"]
-            }], message: [{
-                type: Input,
-                args: ["message"]
+    `, styles: [".t{display:table}.tr{display:table-row}.td{display:table-cell}.full-height{height:100%}.full-width{width:100%}.vertical-center{vertical-align:middle}.padded{padding-top:.4em;padding-bottom:.4em}.not-rendered{padding:0;margin:0;min-height:0;max-height:0;height:0}\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.MatLegacyDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_LEGACY_DIALOG_DATA]
+                }] }], propDecorators: { strokeWidth: [{
+                type: Input,
+                args: ["strokeWidth"]
+            }], diameter: [{
+                type: Input,
+                args: ["diameter"]
+            }], message: [{
+                type: Input,
+                args: ["message"]
             }] } });
 
-var DialogType;
-(function (DialogType) {
-    DialogType["ERROR"] = "Error";
-    DialogType["WARNING"] = "Warning";
-    DialogType["ALERT"] = "Alert";
-    DialogType["SUCCESS"] = "Succeed";
-    DialogType["FAILED"] = "Failed";
-    DialogType["CONFIRM"] = "Confirm";
-    DialogType["INFO"] = "Info";
-    DialogType["VALIDATION"] = "Validation Error";
-})(DialogType || (DialogType = {}));
-class DialogsService {
-    get spinnerDialogIsOpen() {
-        return this._spinnerDialogIsOpen;
-    }
-    constructor(dialog) {
-        this.dialog = dialog;
-        this._spinnerDialogIsOpen = false;
-        this.spinnerWorkItemCount = 0;
-        this.checkingSpinnerWorkItems = false;
-        this.spinnerDialogRefs = [];
-    }
-    startDefaultSpinnerDialog() {
-        return this.startSpinnerDialog("Please wait...", 3, 30);
-    }
-    startSpinnerDialog(message, strokeWidth, diameter) {
-        if (this._spinnerDialogIsOpen) {
-            return null;
-        }
-        this._spinnerDialogIsOpen = true;
-        let configuration = new MatLegacyDialogConfig();
-        configuration.data = {
-            message: message,
-            strokeWidth: strokeWidth,
-            diameter: diameter
-        };
-        configuration.width = "13em";
-        configuration.disableClose = true;
-        let dialogRef = this.dialog.open(SpinnerDialogComponent, configuration);
-        dialogRef.afterClosed().subscribe(() => {
-            this._spinnerDialogIsOpen = false;
-        });
-        this.spinnerDialogRefs.push(dialogRef);
-        return dialogRef;
-    }
-    // Let there be an alternative, global way to stop all active spinner dialogs.
-    stopAllSpinnerDialogs() {
-        this.spinnerWorkItemCount = 0;
-        for (let dialogRef of this.spinnerDialogRefs) {
-            setTimeout(() => {
-                dialogRef.close();
-            });
-        }
-        this.spinnerDialogRefs = [];
-    }
-    addSpinnerWorkItem() {
-        this.spinnerWorkItemCount++;
-        if (!this.checkingSpinnerWorkItems) {
-            this.checkingSpinnerWorkItems = true;
-            setTimeout(() => {
-                this.checkSpinnerWorkItems();
-            });
-        }
-    }
-    removeSpinnerWorkItem() {
-        this.spinnerWorkItemCount--;
-        if (this.spinnerWorkItemCount < 0) {
-            this.spinnerWorkItemCount = 0;
-        }
-        if (!this.checkingSpinnerWorkItems) {
-            this.checkingSpinnerWorkItems = true;
-            setTimeout(() => {
-                this.checkSpinnerWorkItems();
-            });
-        }
-    }
-    checkSpinnerWorkItems() {
-        this.checkingSpinnerWorkItems = false;
-        if (this.spinnerWorkItemCount) {
-            if (!this._spinnerDialogIsOpen) {
-                this.startDefaultSpinnerDialog();
-            }
-        }
-        else if (this._spinnerDialogIsOpen) {
-            this.stopAllSpinnerDialogs();
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogsService, deps: [{ token: i1$1.MatLegacyDialog }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogsService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogsService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$1.MatLegacyDialog }]; } });
+var DialogType;
+(function (DialogType) {
+    DialogType["ERROR"] = "Error";
+    DialogType["WARNING"] = "Warning";
+    DialogType["ALERT"] = "Alert";
+    DialogType["SUCCESS"] = "Succeed";
+    DialogType["FAILED"] = "Failed";
+    DialogType["CONFIRM"] = "Confirm";
+    DialogType["INFO"] = "Info";
+    DialogType["VALIDATION"] = "Validation Error";
+})(DialogType || (DialogType = {}));
+class DialogsService {
+    get spinnerDialogIsOpen() {
+        return this._spinnerDialogIsOpen;
+    }
+    constructor(dialog) {
+        this.dialog = dialog;
+        this._spinnerDialogIsOpen = false;
+        this.spinnerWorkItemCount = 0;
+        this.checkingSpinnerWorkItems = false;
+        this.spinnerDialogRefs = [];
+    }
+    startDefaultSpinnerDialog() {
+        return this.startSpinnerDialog("Please wait...", 3, 30);
+    }
+    startSpinnerDialog(message, strokeWidth, diameter) {
+        if (this._spinnerDialogIsOpen) {
+            return null;
+        }
+        this._spinnerDialogIsOpen = true;
+        let configuration = new MatLegacyDialogConfig();
+        configuration.data = {
+            message: message,
+            strokeWidth: strokeWidth,
+            diameter: diameter
+        };
+        configuration.width = "13em";
+        configuration.disableClose = true;
+        let dialogRef = this.dialog.open(SpinnerDialogComponent, configuration);
+        dialogRef.afterClosed().subscribe(() => {
+            this._spinnerDialogIsOpen = false;
+        });
+        this.spinnerDialogRefs.push(dialogRef);
+        return dialogRef;
+    }
+    // Let there be an alternative, global way to stop all active spinner dialogs.
+    stopAllSpinnerDialogs() {
+        this.spinnerWorkItemCount = 0;
+        for (let dialogRef of this.spinnerDialogRefs) {
+            setTimeout(() => {
+                dialogRef.close();
+            });
+        }
+        this.spinnerDialogRefs = [];
+    }
+    addSpinnerWorkItem() {
+        this.spinnerWorkItemCount++;
+        if (!this.checkingSpinnerWorkItems) {
+            this.checkingSpinnerWorkItems = true;
+            setTimeout(() => {
+                this.checkSpinnerWorkItems();
+            });
+        }
+    }
+    removeSpinnerWorkItem() {
+        this.spinnerWorkItemCount--;
+        if (this.spinnerWorkItemCount < 0) {
+            this.spinnerWorkItemCount = 0;
+        }
+        if (!this.checkingSpinnerWorkItems) {
+            this.checkingSpinnerWorkItems = true;
+            setTimeout(() => {
+                this.checkSpinnerWorkItems();
+            });
+        }
+    }
+    checkSpinnerWorkItems() {
+        this.checkingSpinnerWorkItems = false;
+        if (this.spinnerWorkItemCount) {
+            if (!this._spinnerDialogIsOpen) {
+                this.startDefaultSpinnerDialog();
+            }
+        }
+        else if (this._spinnerDialogIsOpen) {
+            this.stopAllSpinnerDialogs();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DialogsService, deps: [{ token: i1$1.MatLegacyDialog }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DialogsService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DialogsService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i1$1.MatLegacyDialog }] });
 
-class ResizableSectionDividerComponent {
-    constructor() {
-        // Starting width or height % for the right / bottom containers respectively
-        this.initialPercentage = 50;
-        this.isVerticalLayout = false;
-        this.maxPercentage = 90;
-        this.minPercentage = 10;
-        this.dragging = false;
-        this.grabberOffset = 0;
-    }
-    ngOnInit() {
-        this.sectionSize = this.initialPercentage;
-        this.verticalTouchFunction = (event) => {
-            if (this.dragging) {
-                this.grabberOffset = (((20 / this.verticalContainer.nativeElement.offsetHeight) * 100) / 2);
-                this.sectionSize = ((this.verticalContainer.nativeElement.offsetHeight - (event.touches[0].pageY - this.verticalContainer.nativeElement.getBoundingClientRect().top))
-                    / (this.verticalContainer.nativeElement.offsetHeightt) * 100);
-                event.stopPropagation();
-                event.preventDefault();
-            }
-        };
-        this.horizontalTouchFunction = (event) => {
-            if (this.dragging) {
-                this.grabberOffset = (((10 / this.horizontalContainer.nativeElement.offsetWidth) * 100) / 2);
-                this.sectionSize = ((this.horizontalContainer.nativeElement.offsetWidth - event.touches[0].pageX - this.horizontalContainer.nativeElement.getBoundingClientRect().left)
-                    / (this.horizontalContainer.nativeElement.offsetWidth) * 100);
-                event.stopPropagation();
-                event.preventDefault();
-            }
-        };
-    }
-    ngAfterViewInit() {
-        // Handle initializing grabber size for when elements are initialized as hidden
-        this.elementObserver = new IntersectionObserver((entries, observable) => {
-            entries.forEach(entry => {
-                if (entry.isIntersecting) {
-                    // subtract half the grabber height/width % from each section
-                    if (this.isVerticalLayout) {
-                        this.grabberOffset = (((20 / this.verticalContainer.nativeElement.offsetHeight) * 100) / 2);
-                    }
-                    else {
-                        this.grabberOffset = (((10 / this.horizontalContainer.nativeElement.offsetWidth) * 100) / 2);
-                    }
-                    observable.disconnect();
-                }
-            });
-        });
-        if (this.isVerticalLayout) {
-            this.elementObserver.observe(this.verticalContainer.nativeElement);
-            window.addEventListener("touchmove", this.verticalTouchFunction, { passive: false });
-        }
-        else {
-            this.elementObserver.observe(this.horizontalContainer.nativeElement);
-            window.addEventListener("touchmove", this.horizontalTouchFunction, { passive: false });
-        }
-    }
-    mouseMove(event) {
-        if (this.dragging) {
-            if (this.isVerticalLayout) {
-                this.grabberOffset = (((20 / this.verticalContainer.nativeElement.offsetHeight) * 100) / 2);
-                this.sectionSize = ((this.verticalContainer.nativeElement.offsetHeight - (event.pageY - this.verticalContainer.nativeElement.getBoundingClientRect().top))
-                    / (this.verticalContainer.nativeElement.offsetHeight) * 100);
-                event.stopPropagation();
-                event.preventDefault();
-            }
-            else {
-                this.grabberOffset = (((10 / this.horizontalContainer.nativeElement.offsetWidth) * 100) / 2);
-                this.sectionSize = ((this.horizontalContainer.nativeElement.offsetWidth - event.pageX - this.horizontalContainer.nativeElement.getBoundingClientRect().left)
-                    / (this.horizontalContainer.nativeElement.offsetWidth) * 100);
-                event.stopPropagation();
-                event.preventDefault();
-            }
-        }
-    }
-    mouseUp(event) {
-        if (this.dragging) {
-            this.dragging = false;
-        }
-    }
-    ngOnDestroy() {
-        if (this.isVerticalLayout) {
-            window.removeEventListener("touchmove", this.verticalTouchFunction);
-        }
-        else {
-            window.removeEventListener("touchmove", this.horizontalTouchFunction);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResizableSectionDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ResizableSectionDividerComponent, selector: "resizable-section-divider", inputs: { initialPercentage: "initialPercentage", isVerticalLayout: "isVerticalLayout", maxPercentage: "maxPercentage", minPercentage: "minPercentage" }, host: { listeners: { "document:mousemove": "mouseMove($event)", "document:mouseup": "mouseUp($event)", "document:touchend": "mouseUp($event)" } }, viewQueries: [{ propertyName: "verticalContainer", first: true, predicate: ["verticalContainer"], descendants: true }, { propertyName: "horizontalContainer", first: true, predicate: ["horizontalContainer"], descendants: true }], ngImport: i0, template: `
+class ResizableSectionDividerComponent {
+    constructor() {
+        // Starting width or height % for the right / bottom containers respectively
+        this.initialPercentage = 50;
+        this.isVerticalLayout = false;
+        this.maxPercentage = 90;
+        this.minPercentage = 10;
+        this.dragging = false;
+        this.grabberOffset = 0;
+    }
+    ngOnInit() {
+        this.sectionSize = this.initialPercentage;
+        this.verticalTouchFunction = (event) => {
+            if (this.dragging) {
+                this.grabberOffset = (((20 / this.verticalContainer.nativeElement.offsetHeight) * 100) / 2);
+                this.sectionSize = ((this.verticalContainer.nativeElement.offsetHeight - (event.touches[0].pageY - this.verticalContainer.nativeElement.getBoundingClientRect().top))
+                    / (this.verticalContainer.nativeElement.offsetHeightt) * 100);
+                event.stopPropagation();
+                event.preventDefault();
+            }
+        };
+        this.horizontalTouchFunction = (event) => {
+            if (this.dragging) {
+                this.grabberOffset = (((10 / this.horizontalContainer.nativeElement.offsetWidth) * 100) / 2);
+                this.sectionSize = ((this.horizontalContainer.nativeElement.offsetWidth - event.touches[0].pageX - this.horizontalContainer.nativeElement.getBoundingClientRect().left)
+                    / (this.horizontalContainer.nativeElement.offsetWidth) * 100);
+                event.stopPropagation();
+                event.preventDefault();
+            }
+        };
+    }
+    ngAfterViewInit() {
+        // Handle initializing grabber size for when elements are initialized as hidden
+        this.elementObserver = new IntersectionObserver((entries, observable) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    // subtract half the grabber height/width % from each section
+                    if (this.isVerticalLayout) {
+                        this.grabberOffset = (((20 / this.verticalContainer.nativeElement.offsetHeight) * 100) / 2);
+                    }
+                    else {
+                        this.grabberOffset = (((10 / this.horizontalContainer.nativeElement.offsetWidth) * 100) / 2);
+                    }
+                    observable.disconnect();
+                }
+            });
+        });
+        if (this.isVerticalLayout) {
+            this.elementObserver.observe(this.verticalContainer.nativeElement);
+            window.addEventListener("touchmove", this.verticalTouchFunction, { passive: false });
+        }
+        else {
+            this.elementObserver.observe(this.horizontalContainer.nativeElement);
+            window.addEventListener("touchmove", this.horizontalTouchFunction, { passive: false });
+        }
+    }
+    mouseMove(event) {
+        if (this.dragging) {
+            if (this.isVerticalLayout) {
+                this.grabberOffset = (((20 / this.verticalContainer.nativeElement.offsetHeight) * 100) / 2);
+                this.sectionSize = ((this.verticalContainer.nativeElement.offsetHeight - (event.pageY - this.verticalContainer.nativeElement.getBoundingClientRect().top))
+                    / (this.verticalContainer.nativeElement.offsetHeight) * 100);
+                event.stopPropagation();
+                event.preventDefault();
+            }
+            else {
+                this.grabberOffset = (((10 / this.horizontalContainer.nativeElement.offsetWidth) * 100) / 2);
+                this.sectionSize = ((this.horizontalContainer.nativeElement.offsetWidth - event.pageX - this.horizontalContainer.nativeElement.getBoundingClientRect().left)
+                    / (this.horizontalContainer.nativeElement.offsetWidth) * 100);
+                event.stopPropagation();
+                event.preventDefault();
+            }
+        }
+    }
+    mouseUp(event) {
+        if (this.dragging) {
+            this.dragging = false;
+        }
+    }
+    ngOnDestroy() {
+        if (this.isVerticalLayout) {
+            window.removeEventListener("touchmove", this.verticalTouchFunction);
+        }
+        else {
+            window.removeEventListener("touchmove", this.horizontalTouchFunction);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ResizableSectionDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: ResizableSectionDividerComponent, selector: "resizable-section-divider", inputs: { initialPercentage: "initialPercentage", isVerticalLayout: "isVerticalLayout", maxPercentage: "maxPercentage", minPercentage: "minPercentage" }, host: { listeners: { "document:mousemove": "mouseMove($event)", "document:mouseup": "mouseUp($event)", "document:touchend": "mouseUp($event)" } }, viewQueries: [{ propertyName: "verticalContainer", first: true, predicate: ["verticalContainer"], descendants: true }, { propertyName: "horizontalContainer", first: true, predicate: ["horizontalContainer"], descendants: true }], ngImport: i0, template: `
         <div *ngIf="isVerticalLayout" style="height: 100%; width: 100%;" #verticalContainer>
             <div class="p-1" style="width: 100%;" [style.min-height.%]="minPercentage" [style.max-height.%]="maxPercentage" [style.height.%]="(100 - sectionSize - grabberOffset)">
                 <ng-content select="[topSection]"></ng-content>
@@ -695,10 +695,10 @@ class ResizableSectionDividerComponent {
                 <ng-content select="[rightSection]"></ng-content>
             </div>
         </div>
-    `, isInline: true, styles: [".rad-grabber{cursor:ew-resize}.rad-grabber-vertical{cursor:ns-resize}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResizableSectionDividerComponent, decorators: [{
-            type: Component,
+    `, isInline: true, styles: [".rad-grabber{cursor:ew-resize}.rad-grabber-vertical{cursor:ns-resize}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ResizableSectionDividerComponent, decorators: [{
+            type: Component,
             args: [{ selector: "resizable-section-divider", template: `
         <div *ngIf="isVerticalLayout" style="height: 100%; width: 100%;" #verticalContainer>
             <div class="p-1" style="width: 100%;" [style.min-height.%]="minPercentage" [style.max-height.%]="maxPercentage" [style.height.%]="(100 - sectionSize - grabberOffset)">
@@ -727,414 +727,414 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 <ng-content select="[rightSection]"></ng-content>
             </div>
         </div>
-    `, styles: [".rad-grabber{cursor:ew-resize}.rad-grabber-vertical{cursor:ns-resize}\n"] }]
-        }], propDecorators: { initialPercentage: [{
-                type: Input
-            }], isVerticalLayout: [{
-                type: Input
-            }], maxPercentage: [{
-                type: Input
-            }], minPercentage: [{
-                type: Input
-            }], verticalContainer: [{
-                type: ViewChild,
-                args: ["verticalContainer", { static: false }]
-            }], horizontalContainer: [{
-                type: ViewChild,
-                args: ["horizontalContainer", { static: false }]
-            }], mouseMove: [{
-                type: HostListener,
-                args: ["document:mousemove", ["$event"]]
-            }], mouseUp: [{
-                type: HostListener,
-                args: ["document:mouseup", ["$event"]]
-            }, {
-                type: HostListener,
-                args: ["document:touchend", ["$event"]]
+    `, styles: [".rad-grabber{cursor:ew-resize}.rad-grabber-vertical{cursor:ns-resize}\n"] }]
+        }], propDecorators: { initialPercentage: [{
+                type: Input
+            }], isVerticalLayout: [{
+                type: Input
+            }], maxPercentage: [{
+                type: Input
+            }], minPercentage: [{
+                type: Input
+            }], verticalContainer: [{
+                type: ViewChild,
+                args: ["verticalContainer", { static: false }]
+            }], horizontalContainer: [{
+                type: ViewChild,
+                args: ["horizontalContainer", { static: false }]
+            }], mouseMove: [{
+                type: HostListener,
+                args: ["document:mousemove", ["$event"]]
+            }], mouseUp: [{
+                type: HostListener,
+                args: ["document:mouseup", ["$event"]]
+            }, {
+                type: HostListener,
+                args: ["document:touchend", ["$event"]]
             }] } });
 
-class ReportingFrameworkComponent {
-    constructor(http, resolver, datePipe, dialogsService, modalService) {
-        this.http = http;
-        this.resolver = resolver;
-        this.datePipe = datePipe;
-        this.dialogsService = dialogsService;
-        this.modalService = modalService;
-        this.fullGridList = [];
-        this.tabbedGridList = {};
-        this.gridOptions = {
-            rowStyle: {
-                "font-family": "Prompt, sans-serif"
-            },
-            rowHeight: 20,
-            enableCellTextSelection: true,
-            ensureDomOrder: true
-        }; //enableCellTextSelection should be combined with ensureDomOrder
-        this.tabbedGridApiList = {}; //a map of GridAPIs to tab names
-        this.reportList = [];
-        this.tabList = [];
-        this.tabTypeNameLookup = {}; //a kind of dict that maps the tab or type to the tab-name
-        this.selectedReport = new Report();
-        this.displayedParamComponentRefs = [];
-        this.displayedFormatComponentRefs = [];
-    }
-    ngOnInit() {
-        if (this.manageReportUrl != null) {
-            this.http.get(this.manageReportUrl, {
-                params: new HttpParams().set("action", "loadWithParams")
-            }).subscribe((resp) => {
-                console.log(resp);
-                var templist = [];
-                var tempTabbedGridList = {};
-                var tablist = resp["reportTabs"];
-                for (let row of tablist) {
-                    var tab = new ReportTab();
-                    tab.name = row.name;
-                    tab.title = row.title;
-                    tab.type = row.type;
-                    tab.tab = row.tab;
-                    tab.datakey = row.datakey;
-                    if (!this.reportsByType) {
-                        this.tabList.push(tab);
-                        if (tab.tab) {
-                            this.tabTypeNameLookup[tab.tab] = tab.name;
-                        }
-                        if (tab.type) {
-                            this.tabTypeNameLookup[tab.type] = tab.name;
-                        }
-                    }
-                    else {
-                        if (this.reportsByType == tab.type) {
-                            this.tabList.push(tab);
-                            this.tabTypeNameLookup[tab.tab] = tab.name;
-                        }
-                    }
-                    var tabGridList = [];
-                    this.tabbedGridList[tab.name] = tabGridList;
-                    tempTabbedGridList[tab.name] = [];
-                }
-                var list = resp["reportList"];
-                // console.log(list);
-                for (let row of list) {
-                    var report = new Report();
-                    report.name = row.name;
-                    report.title = row.title;
-                    report.description = row.description;
-                    report.className = row.className;
-                    report.fileName = row.fileName;
-                    report.type = row.type;
-                    report.tab = row.tab;
-                    report.datakey = row.datakey;
-                    report.help = row.help;
-                    const object = {
-                        name: report.name,
-                        title: report.title,
-                        description: report.description
-                    };
-                    var tabname;
-                    if (report.tab) {
-                        tabname = this.tabTypeNameLookup[report.tab];
-                    }
-                    else if (!this.reportsByType && report.type) {
-                        tabname = this.tabTypeNameLookup[report.type];
-                    }
-                    if (tabname) {
-                        var gridlist = tempTabbedGridList[tabname];
-                        if (this.reportsByType) {
-                            if (report.type === this.reportsByType) {
-                                gridlist.push(object);
-                            }
-                        }
-                        else {
-                            gridlist.push(object);
-                        }
-                    }
-                    let params = row.params;
-                    if (params) {
-                        for (let p of params) {
-                            // console.log(p);
-                            var newParam = new Param();
-                            newParam.dictAPILeadIn = this.dictAPILeadIn;
-                            newParam.caption = p.caption;
-                            newParam.name = p.name;
-                            newParam.type = p.type;
-                            newParam.className = p.className;
-                            newParam.valueXPath = p.valueXPath;
-                            newParam.displayXPath = p.displayXPath;
-                            newParam.displayOrder = p.displayOrder;
-                            newParam.activeOnly = p.activeOnly;
-                            if (newParam.valueXPath) {
-                                newParam.valueXPath = newParam.valueXPath.replace("@", "");
-                            }
-                            if (newParam.displayXPath) {
-                                newParam.displayXPath = newParam.displayXPath.replace("@", "");
-                            }
-                            let options = p.options;
-                            if (options) {
-                                for (let o of options) {
-                                    var newOption = new Option();
-                                    newOption.value = o.value;
-                                    newOption.display = o.display;
-                                    newOption.displayOrder = o.displayOrder;
-                                    newParam.options.push(newOption);
-                                }
-                            }
-                            report.params.push(newParam);
-                        }
-                    }
-                    let formats = row.formats;
-                    if (formats) {
-                        for (let f of formats) {
-                            var newFormat = new Format();
-                            newFormat.name = f.name;
-                            newFormat.caption = f.caption;
-                            newFormat.displayOrder = f.displayOrder;
-                            report.formats.push(newFormat);
-                        }
-                    }
-                    this.reportList.push(report);
-                    if (this.reportsByType) {
-                        if (report.type === this.reportsByType) {
-                            templist.push(object);
-                        }
-                    }
-                    else {
-                        templist.push(object);
-                    }
-                }
-                this.fullGridList = templist.slice();
-                console.log("gridlist: ");
-                console.log(this.fullGridList);
-                for (let tab of this.tabList) {
-                    this.tabbedGridList[tab.name] = tempTabbedGridList[tab.name].slice();
-                }
-            });
-        }
-    }
-    columnDef() {
-        return [
-            {
-                field: "title",
-                headerName: "Title",
-                width: 300,
-                sortable: true,
-                resizable: true,
-                editable: false
-            },
-            {
-                field: "description",
-                headerName: "Description",
-                sortable: true,
-                resizable: true,
-                editable: false
-            }
-        ];
-    }
-    onMainGridReady(params) {
-        this.mainGridApi = params.api;
-        this.mainGridApi.setColumnDefs(this.columnDef());
-        this.mainGridApi.setRowData(this.fullGridList);
-        this.mainGridApi.sizeColumnsToFit();
-    }
-    onTabbedGridReady(params, tabname) {
-        this.tabbedGridApiList[tabname] = params.api;
-        this.tabbedGridApiList[tabname].setColumnDefs(this.columnDef());
-        this.tabbedGridApiList[tabname].setRowData(this.tabbedGridList[tabname]);
-        this.tabbedGridApiList[tabname].sizeColumnsToFit();
-    }
-    setSelectedRow(event) {
-        //console.log(event);
-        if (event.node.selected) {
-            let reportName = event.node.data.name;
-            console.log(event.node.data.name);
-            var matchedReport;
-            for (let r of this.reportList) {
-                if (r.name == reportName) {
-                    matchedReport = r;
-                }
-            }
-            if (matchedReport != null) {
-                this.selectedReport = matchedReport;
-            }
-            else {
-                this.selectedReport = new Report();
-            }
-            this.createParamComponents();
-        }
-    }
-    createParamComponents() {
-        if (this.paramContainer) {
-            this.paramContainer.clear();
-        }
-        if (this.formatContainer) {
-            this.formatContainer.clear();
-        }
-        //destroy previous components and clear the displayedRef lists..?
-        this.destroyComponentRefs();
-        this.displayedParamComponentRefs = [];
-        this.displayedFormatComponentRefs = [];
-        for (let p of this.selectedReport.params) {
-            const factory = this.resolver.resolveComponentFactory(ParameterComponent);
-            var componentRef = this.paramContainer.createComponent(factory);
-            this.displayedParamComponentRefs.push(componentRef);
-            componentRef.instance.setParam(p);
-            if (p.options.length > 0) {
-                var entries = [];
-                for (let o of p.options) {
-                    var e = { id: o.value, display: o.display };
-                    entries.push(e);
-                }
-                componentRef.instance.entries = entries;
-            }
-        }
-        var first = true;
-        for (let f of this.selectedReport.formats) {
-            const factory2 = this.resolver.resolveComponentFactory(FormatComponent);
-            var componentRef2 = this.formatContainer.createComponent(factory2);
-            this.displayedFormatComponentRefs.push(componentRef2);
-            componentRef2.instance.format = f;
-            componentRef2.instance.selectedValueChange.subscribe((s) => {
-                this.selectedFormat = s;
-            });
-            if (first) { //select the first format in the grouping
-                componentRef2.instance.selectedValue = f.name;
-                this.selectedFormat = f.name;
-                first = false;
-            }
-        }
-    }
-    openHelp(content) {
-        this.modalService.open(content, { ariaLabelledBy: "help-modal-title" })
-            .result.then((result) => {
-            // this.closeResult = `Closed with: ${result}`;
-            console.log(result);
-        }, (reason) => {
-            var closeResult = `Dismissed ${this.getDismissReason(reason)}`;
-            console.log(closeResult);
-        });
-    }
-    getDismissReason(reason) {
-        if (reason === ModalDismissReasons.ESC) {
-            return "by pressing ESC";
-        }
-        else if (reason === ModalDismissReasons.BACKDROP_CLICK) {
-            return "by clicking on a backdrop";
-        }
-        else {
-            return `with: ${reason}`;
-        }
-    }
-    onRunReport() {
-        if (this.selectedReport) {
-            this.dialogsService.startDefaultSpinnerDialog();
-            console.log("format:" + this.selectedFormat);
-            if (!this.selectedFormat) {
-                this.selectedFormat = "html";
-            }
-            let runParams = new HttpParams();
-            runParams = runParams.append("format", this.selectedFormat);
-            runParams = runParams.append("action", "show");
-            runParams = runParams.append("reportName", this.selectedReport.name);
-            runParams = this.getRunParameters(runParams);
-            console.log(runParams);
-            this.http.get(this.commandPrefix + this.selectedReport.className, {
-                params: runParams,
-                observe: "response",
-                responseType: "blob"
-            }).subscribe((res) => {
-                console.log(res);
-                var filename;
-                if (this.selectedFormat != "html") {
-                    filename = res.headers.get("content-disposition").split(";")[1].split("=")[1].replace(/\"/g, "");
-                }
-                var blob = new Blob([res.body], { type: res.body.type }); //, {type: "application/vnd.ms-excel"}
-                var fileURL = window.URL.createObjectURL(blob);
-                console.log(fileURL);
-                const a = document.createElement("a");
-                a.href = fileURL;
-                if (this.selectedFormat == "html") {
-                    a.target = "_blank";
-                }
-                else {
-                    a.download = filename;
-                }
-                window.document.body.appendChild(a);
-                a.click();
-                window.document.body.removeChild(a);
-                URL.revokeObjectURL(fileURL);
-                this.dialogsService.stopAllSpinnerDialogs();
-            });
-        }
-    }
-    getRunParameters(runParams) {
-        var newParams = runParams;
-        for (let o of this.displayedParamComponentRefs) {
-            var param = o.instance.param;
-            if (param.type == "multiselect") {
-                var resList = "";
-                for (let v of param.selectedValueList) {
-                    if (resList != "") {
-                        resList += ",";
-                    }
-                    resList += v;
-                }
-                newParams = newParams.append(param.name, resList);
-            }
-            else {
-                var value;
-                if (param.selectedValue) { //so we don't get "undefined" sent back
-                    if (param.type == "date") {
-                        value = this.getDateString(param.selectedValue);
-                    }
-                    else {
-                        value = param.selectedValue;
-                    }
-                }
-                else {
-                    value = "";
-                }
-                newParams = newParams.append(param.name, value);
-            }
-        }
-        return newParams;
-    }
-    getDateString(date) {
-        if (date instanceof Date) {
-            if (!isNaN(date.getTime())) {
-                return this.datePipe.transform(date, "MM/dd/yyyy");
-            }
-            else {
-                return "";
-            }
-        }
-        else if (moment.isMoment(date)) {
-            if (date != null) {
-                return date.format("M/D/YYYY");
-            }
-            else {
-                return "";
-            }
-        }
-        else if (typeof date == "string") {
-            return date;
-        }
-        else {
-            return "";
-        }
-    }
-    destroyComponentRefs() {
-        for (let o of this.displayedParamComponentRefs) {
-            o.destroy();
-        }
-        for (let o of this.displayedFormatComponentRefs) {
-            o.destroy();
-        }
-    }
-    ngOnDestroy() {
-        this.destroyComponentRefs();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ReportingFrameworkComponent, deps: [{ token: i1$2.HttpClient }, { token: i0.ComponentFactoryResolver }, { token: i1.DatePipe }, { token: DialogsService }, { token: i4.NgbModal }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ReportingFrameworkComponent, selector: "hci-reporting-framework", inputs: { manageReportUrl: "manageReportUrl", commandPrefix: "commandPrefix", dictAPILeadIn: "dictAPILeadIn", reportsByType: "reportsByType" }, viewQueries: [{ propertyName: "paramContainer", first: true, predicate: ["paramContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "formatContainer", first: true, predicate: ["formatContainer"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: `
+class ReportingFrameworkComponent {
+    constructor(http, resolver, datePipe, dialogsService, modalService) {
+        this.http = http;
+        this.resolver = resolver;
+        this.datePipe = datePipe;
+        this.dialogsService = dialogsService;
+        this.modalService = modalService;
+        this.fullGridList = [];
+        this.tabbedGridList = {};
+        this.gridOptions = {
+            rowStyle: {
+                "font-family": "Prompt, sans-serif"
+            },
+            rowHeight: 20,
+            enableCellTextSelection: true,
+            ensureDomOrder: true
+        }; //enableCellTextSelection should be combined with ensureDomOrder
+        this.tabbedGridApiList = {}; //a map of GridAPIs to tab names
+        this.reportList = [];
+        this.tabList = [];
+        this.tabTypeNameLookup = {}; //a kind of dict that maps the tab or type to the tab-name
+        this.selectedReport = new Report();
+        this.displayedParamComponentRefs = [];
+        this.displayedFormatComponentRefs = [];
+    }
+    ngOnInit() {
+        if (this.manageReportUrl != null) {
+            this.http.get(this.manageReportUrl, {
+                params: new HttpParams().set("action", "loadWithParams")
+            }).subscribe((resp) => {
+                console.log(resp);
+                var templist = [];
+                var tempTabbedGridList = {};
+                var tablist = resp["reportTabs"];
+                for (let row of tablist) {
+                    var tab = new ReportTab();
+                    tab.name = row.name;
+                    tab.title = row.title;
+                    tab.type = row.type;
+                    tab.tab = row.tab;
+                    tab.datakey = row.datakey;
+                    if (!this.reportsByType) {
+                        this.tabList.push(tab);
+                        if (tab.tab) {
+                            this.tabTypeNameLookup[tab.tab] = tab.name;
+                        }
+                        if (tab.type) {
+                            this.tabTypeNameLookup[tab.type] = tab.name;
+                        }
+                    }
+                    else {
+                        if (this.reportsByType == tab.type) {
+                            this.tabList.push(tab);
+                            this.tabTypeNameLookup[tab.tab] = tab.name;
+                        }
+                    }
+                    var tabGridList = [];
+                    this.tabbedGridList[tab.name] = tabGridList;
+                    tempTabbedGridList[tab.name] = [];
+                }
+                var list = resp["reportList"];
+                // console.log(list);
+                for (let row of list) {
+                    var report = new Report();
+                    report.name = row.name;
+                    report.title = row.title;
+                    report.description = row.description;
+                    report.className = row.className;
+                    report.fileName = row.fileName;
+                    report.type = row.type;
+                    report.tab = row.tab;
+                    report.datakey = row.datakey;
+                    report.help = row.help;
+                    const object = {
+                        name: report.name,
+                        title: report.title,
+                        description: report.description
+                    };
+                    var tabname;
+                    if (report.tab) {
+                        tabname = this.tabTypeNameLookup[report.tab];
+                    }
+                    else if (!this.reportsByType && report.type) {
+                        tabname = this.tabTypeNameLookup[report.type];
+                    }
+                    if (tabname) {
+                        var gridlist = tempTabbedGridList[tabname];
+                        if (this.reportsByType) {
+                            if (report.type === this.reportsByType) {
+                                gridlist.push(object);
+                            }
+                        }
+                        else {
+                            gridlist.push(object);
+                        }
+                    }
+                    let params = row.params;
+                    if (params) {
+                        for (let p of params) {
+                            // console.log(p);
+                            var newParam = new Param();
+                            newParam.dictAPILeadIn = this.dictAPILeadIn;
+                            newParam.caption = p.caption;
+                            newParam.name = p.name;
+                            newParam.type = p.type;
+                            newParam.className = p.className;
+                            newParam.valueXPath = p.valueXPath;
+                            newParam.displayXPath = p.displayXPath;
+                            newParam.displayOrder = p.displayOrder;
+                            newParam.activeOnly = p.activeOnly;
+                            if (newParam.valueXPath) {
+                                newParam.valueXPath = newParam.valueXPath.replace("@", "");
+                            }
+                            if (newParam.displayXPath) {
+                                newParam.displayXPath = newParam.displayXPath.replace("@", "");
+                            }
+                            let options = p.options;
+                            if (options) {
+                                for (let o of options) {
+                                    var newOption = new Option();
+                                    newOption.value = o.value;
+                                    newOption.display = o.display;
+                                    newOption.displayOrder = o.displayOrder;
+                                    newParam.options.push(newOption);
+                                }
+                            }
+                            report.params.push(newParam);
+                        }
+                    }
+                    let formats = row.formats;
+                    if (formats) {
+                        for (let f of formats) {
+                            var newFormat = new Format();
+                            newFormat.name = f.name;
+                            newFormat.caption = f.caption;
+                            newFormat.displayOrder = f.displayOrder;
+                            report.formats.push(newFormat);
+                        }
+                    }
+                    this.reportList.push(report);
+                    if (this.reportsByType) {
+                        if (report.type === this.reportsByType) {
+                            templist.push(object);
+                        }
+                    }
+                    else {
+                        templist.push(object);
+                    }
+                }
+                this.fullGridList = templist.slice();
+                console.log("gridlist: ");
+                console.log(this.fullGridList);
+                for (let tab of this.tabList) {
+                    this.tabbedGridList[tab.name] = tempTabbedGridList[tab.name].slice();
+                }
+            });
+        }
+    }
+    columnDef() {
+        return [
+            {
+                field: "title",
+                headerName: "Title",
+                width: 300,
+                sortable: true,
+                resizable: true,
+                editable: false
+            },
+            {
+                field: "description",
+                headerName: "Description",
+                sortable: true,
+                resizable: true,
+                editable: false
+            }
+        ];
+    }
+    onMainGridReady(params) {
+        this.mainGridApi = params.api;
+        this.mainGridApi.setColumnDefs(this.columnDef());
+        this.mainGridApi.setRowData(this.fullGridList);
+        this.mainGridApi.sizeColumnsToFit();
+    }
+    onTabbedGridReady(params, tabname) {
+        this.tabbedGridApiList[tabname] = params.api;
+        this.tabbedGridApiList[tabname].setColumnDefs(this.columnDef());
+        this.tabbedGridApiList[tabname].setRowData(this.tabbedGridList[tabname]);
+        this.tabbedGridApiList[tabname].sizeColumnsToFit();
+    }
+    setSelectedRow(event) {
+        //console.log(event);
+        if (event.node.selected) {
+            let reportName = event.node.data.name;
+            console.log(event.node.data.name);
+            var matchedReport;
+            for (let r of this.reportList) {
+                if (r.name == reportName) {
+                    matchedReport = r;
+                }
+            }
+            if (matchedReport != null) {
+                this.selectedReport = matchedReport;
+            }
+            else {
+                this.selectedReport = new Report();
+            }
+            this.createParamComponents();
+        }
+    }
+    createParamComponents() {
+        if (this.paramContainer) {
+            this.paramContainer.clear();
+        }
+        if (this.formatContainer) {
+            this.formatContainer.clear();
+        }
+        //destroy previous components and clear the displayedRef lists..?
+        this.destroyComponentRefs();
+        this.displayedParamComponentRefs = [];
+        this.displayedFormatComponentRefs = [];
+        for (let p of this.selectedReport.params) {
+            const factory = this.resolver.resolveComponentFactory(ParameterComponent);
+            var componentRef = this.paramContainer.createComponent(factory);
+            this.displayedParamComponentRefs.push(componentRef);
+            componentRef.instance.setParam(p);
+            if (p.options.length > 0) {
+                var entries = [];
+                for (let o of p.options) {
+                    var e = { id: o.value, display: o.display };
+                    entries.push(e);
+                }
+                componentRef.instance.entries = entries;
+            }
+        }
+        var first = true;
+        for (let f of this.selectedReport.formats) {
+            const factory2 = this.resolver.resolveComponentFactory(FormatComponent);
+            var componentRef2 = this.formatContainer.createComponent(factory2);
+            this.displayedFormatComponentRefs.push(componentRef2);
+            componentRef2.instance.format = f;
+            componentRef2.instance.selectedValueChange.subscribe((s) => {
+                this.selectedFormat = s;
+            });
+            if (first) { //select the first format in the grouping
+                componentRef2.instance.selectedValue = f.name;
+                this.selectedFormat = f.name;
+                first = false;
+            }
+        }
+    }
+    openHelp(content) {
+        this.modalService.open(content, { ariaLabelledBy: "help-modal-title" })
+            .result.then((result) => {
+            // this.closeResult = `Closed with: ${result}`;
+            console.log(result);
+        }, (reason) => {
+            var closeResult = `Dismissed ${this.getDismissReason(reason)}`;
+            console.log(closeResult);
+        });
+    }
+    getDismissReason(reason) {
+        if (reason === ModalDismissReasons.ESC) {
+            return "by pressing ESC";
+        }
+        else if (reason === ModalDismissReasons.BACKDROP_CLICK) {
+            return "by clicking on a backdrop";
+        }
+        else {
+            return `with: ${reason}`;
+        }
+    }
+    onRunReport() {
+        if (this.selectedReport) {
+            this.dialogsService.startDefaultSpinnerDialog();
+            console.log("format:" + this.selectedFormat);
+            if (!this.selectedFormat) {
+                this.selectedFormat = "html";
+            }
+            let runParams = new HttpParams();
+            runParams = runParams.append("format", this.selectedFormat);
+            runParams = runParams.append("action", "show");
+            runParams = runParams.append("reportName", this.selectedReport.name);
+            runParams = this.getRunParameters(runParams);
+            console.log(runParams);
+            this.http.get(this.commandPrefix + this.selectedReport.className, {
+                params: runParams,
+                observe: "response",
+                responseType: "blob"
+            }).subscribe((res) => {
+                console.log(res);
+                var filename;
+                if (this.selectedFormat != "html") {
+                    filename = res.headers.get("content-disposition").split(";")[1].split("=")[1].replace(/\"/g, "");
+                }
+                var blob = new Blob([res.body], { type: res.body.type }); //, {type: "application/vnd.ms-excel"}
+                var fileURL = window.URL.createObjectURL(blob);
+                console.log(fileURL);
+                const a = document.createElement("a");
+                a.href = fileURL;
+                if (this.selectedFormat == "html") {
+                    a.target = "_blank";
+                }
+                else {
+                    a.download = filename;
+                }
+                window.document.body.appendChild(a);
+                a.click();
+                window.document.body.removeChild(a);
+                URL.revokeObjectURL(fileURL);
+                this.dialogsService.stopAllSpinnerDialogs();
+            });
+        }
+    }
+    getRunParameters(runParams) {
+        var newParams = runParams;
+        for (let o of this.displayedParamComponentRefs) {
+            var param = o.instance.param;
+            if (param.type == "multiselect") {
+                var resList = "";
+                for (let v of param.selectedValueList) {
+                    if (resList != "") {
+                        resList += ",";
+                    }
+                    resList += v;
+                }
+                newParams = newParams.append(param.name, resList);
+            }
+            else {
+                var value;
+                if (param.selectedValue) { //so we don't get "undefined" sent back
+                    if (param.type == "date") {
+                        value = this.getDateString(param.selectedValue);
+                    }
+                    else {
+                        value = param.selectedValue;
+                    }
+                }
+                else {
+                    value = "";
+                }
+                newParams = newParams.append(param.name, value);
+            }
+        }
+        return newParams;
+    }
+    getDateString(date) {
+        if (date instanceof Date) {
+            if (!isNaN(date.getTime())) {
+                return this.datePipe.transform(date, "MM/dd/yyyy");
+            }
+            else {
+                return "";
+            }
+        }
+        else if (moment.isMoment(date)) {
+            if (date != null) {
+                return date.format("M/D/YYYY");
+            }
+            else {
+                return "";
+            }
+        }
+        else if (typeof date == "string") {
+            return date;
+        }
+        else {
+            return "";
+        }
+    }
+    destroyComponentRefs() {
+        for (let o of this.displayedParamComponentRefs) {
+            o.destroy();
+        }
+        for (let o of this.displayedFormatComponentRefs) {
+            o.destroy();
+        }
+    }
+    ngOnDestroy() {
+        this.destroyComponentRefs();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ReportingFrameworkComponent, deps: [{ token: i1$2.HttpClient }, { token: i0.ComponentFactoryResolver }, { token: i1.DatePipe }, { token: DialogsService }, { token: i4.NgbModal }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: ReportingFrameworkComponent, selector: "hci-reporting-framework", inputs: { manageReportUrl: "manageReportUrl", commandPrefix: "commandPrefix", dictAPILeadIn: "dictAPILeadIn", reportsByType: "reportsByType" }, viewQueries: [{ propertyName: "paramContainer", first: true, predicate: ["paramContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "formatContainer", first: true, predicate: ["formatContainer"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: `
       <div style="height: 100vh">
         <resizable-section-divider class="flex-grow-1" [isVerticalLayout]="true">
           <div topSection class="d-flex flex-column" style="height: 100%; width: 100%; overflow: auto;">
@@ -1236,10 +1236,10 @@ class ReportingFrameworkComponent {
         </div>
       </ng-template>
 
-    `, isInline: true, styles: [":host ::ng-deep .mat-tab-body-wrapper{flex-grow:1}:host ::ng-deep .mat-tab-label{background-color:#98c7e0}:host ::ng-deep .mat-tab-label-active{background-color:#def4ff}.report-details{height:100%;width:100%;position:absolute}.center-row{margin-top:10px;margin-left:60vw}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.MatLegacyTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "component", type: i5.MatLegacyTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "directive", type: i5.MatLegacyTabContent, selector: "[matTabContent]" }, { kind: "component", type: i6.AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "suppressMenuHide", "enableBrowserTooltips", "tooltipShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "maintainColumnOrder", "suppressFieldDotNotation", "deltaColumnMode", "applyColumnDefOrder", "immutableColumns", "suppressSetColumnStateEvents", "suppressColumnStateEvents", "colWidth", "minColWidth", "maxColWidth", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressDragLeaveHidesColumns", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "components", "frameworkComponents", "editType", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterMovesDown", "enterMovesDownAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "stopEditingWhenGridLosesFocus", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "defaultExportParams", "quickFilterText", "cacheQuickFilter", "excludeChildrenWhenTreeDataFiltering", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "enableChartToolPanelsButton", "chartToolPanelsDef", "loadingCellRenderer", "loadingCellRendererFramework", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererFramework", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressParentsInRowNodes", "suppressTouch", "suppressFocusAfterRefresh", "suppressAsyncEvents", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentFramework", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentFramework", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "pagination", "paginationPageSize", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "pivotMode", "pivotPanelShow", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "suppressAggFuncInHeader", "suppressAggAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "enableCellChangeFlash", "cellFlashDelay", "cellFadeDelay", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "fullWidthCellRenderer", "fullWidthCellRendererFramework", "fullWidthCellRendererParams", "embedFullWidthRows", "deprecatedEmbedFullWidthRows", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupAggFiltering", "groupIncludeFooter", "groupIncludeTotalFooter", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererFramework", "groupRowRendererParams", "suppressMakeColumnVisibleAfterUnGroup", "treeData", "rowGroupPanelSuppressSort", "groupRowsSticky", "groupRowInnerRenderer", "groupRowInnerRendererFramework", "groupMultiAutoColumn", "groupUseEntireRow", "groupSuppressAutoColumn", "rememberGroupStateWhenNewData", "pinnedTopRowData", "pinnedBottomRowData", "rowModelType", "rowData", "immutableData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "deltaRowDataMode", "batchUpdateWaitMillis", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "serverSideStoreType", "serverSideInfiniteScroll", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideFilterAllLevels", "serverSideSortOnServer", "serverSideFilterOnServer", "serverSideSortingAlwaysResets", "serverSideFilteringAlwaysResets", "suppressEnterpriseResetOnNewColumns", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellSelection", "suppressCellFocus", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "columnHoverHighlight", "deltaSort", "treeDataDisplayType", "angularCompileRows", "angularCompileFilters", "functionsPassive", "enableGroupEdit", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "suppressKeyboardEvent", "localeTextFunc", "getLocaleText", "getDocument", "paginationNumberFormatter", "groupRowAggNodes", "getGroupRowAgg", "isGroupOpenByDefault", "initialGroupOrderComparator", "defaultGroupOrderComparator", "processSecondaryColDef", "processSecondaryColGroupDef", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "defaultGroupSortComparator", "getChildCount", "getServerSideGroupLevelParams", "getServerSideStoreParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowNodeId", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSort", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthCell", "isFullWidthRow"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "filterOpened", "filterChanged", "filterModified", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "cellKeyPress", "gridReady", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pinnedRowDataChanged", "rowDataChanged", "rowDataUpdated", "asyncTransactionsFlushed", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "sortChanged", "columnRowGroupChangeRequest", "columnPivotChangeRequest", "columnValueChangeRequest", "columnAggFuncChangeRequest"] }, { kind: "component", type: ResizableSectionDividerComponent, selector: "resizable-section-divider", inputs: ["initialPercentage", "isVerticalLayout", "maxPercentage", "minPercentage"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ReportingFrameworkComponent, decorators: [{
-            type: Component,
+    `, isInline: true, styles: [":host ::ng-deep .mat-tab-body-wrapper{flex-grow:1}:host ::ng-deep .mat-tab-label{background-color:#98c7e0}:host ::ng-deep .mat-tab-label-active{background-color:#def4ff}.report-details{height:100%;width:100%;position:absolute}.center-row{margin-top:10px;margin-left:60vw}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.MatLegacyTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "component", type: i5.MatLegacyTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "directive", type: i5.MatLegacyTabContent, selector: "[matTabContent]" }, { kind: "component", type: i6.AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "suppressMenuHide", "enableBrowserTooltips", "tooltipShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "maintainColumnOrder", "suppressFieldDotNotation", "deltaColumnMode", "applyColumnDefOrder", "immutableColumns", "suppressSetColumnStateEvents", "suppressColumnStateEvents", "colWidth", "minColWidth", "maxColWidth", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressDragLeaveHidesColumns", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "components", "frameworkComponents", "editType", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterMovesDown", "enterMovesDownAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "stopEditingWhenGridLosesFocus", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "defaultExportParams", "quickFilterText", "cacheQuickFilter", "excludeChildrenWhenTreeDataFiltering", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "enableChartToolPanelsButton", "chartToolPanelsDef", "loadingCellRenderer", "loadingCellRendererFramework", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererFramework", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressParentsInRowNodes", "suppressTouch", "suppressFocusAfterRefresh", "suppressAsyncEvents", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentFramework", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentFramework", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "pagination", "paginationPageSize", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "pivotMode", "pivotPanelShow", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "suppressAggFuncInHeader", "suppressAggAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "enableCellChangeFlash", "cellFlashDelay", "cellFadeDelay", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "fullWidthCellRenderer", "fullWidthCellRendererFramework", "fullWidthCellRendererParams", "embedFullWidthRows", "deprecatedEmbedFullWidthRows", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupAggFiltering", "groupIncludeFooter", "groupIncludeTotalFooter", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererFramework", "groupRowRendererParams", "suppressMakeColumnVisibleAfterUnGroup", "treeData", "rowGroupPanelSuppressSort", "groupRowsSticky", "groupRowInnerRenderer", "groupRowInnerRendererFramework", "groupMultiAutoColumn", "groupUseEntireRow", "groupSuppressAutoColumn", "rememberGroupStateWhenNewData", "pinnedTopRowData", "pinnedBottomRowData", "rowModelType", "rowData", "immutableData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "deltaRowDataMode", "batchUpdateWaitMillis", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "serverSideStoreType", "serverSideInfiniteScroll", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideFilterAllLevels", "serverSideSortOnServer", "serverSideFilterOnServer", "serverSideSortingAlwaysResets", "serverSideFilteringAlwaysResets", "suppressEnterpriseResetOnNewColumns", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellSelection", "suppressCellFocus", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "columnHoverHighlight", "deltaSort", "treeDataDisplayType", "angularCompileRows", "angularCompileFilters", "functionsPassive", "enableGroupEdit", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "suppressKeyboardEvent", "localeTextFunc", "getLocaleText", "getDocument", "paginationNumberFormatter", "groupRowAggNodes", "getGroupRowAgg", "isGroupOpenByDefault", "initialGroupOrderComparator", "defaultGroupOrderComparator", "processSecondaryColDef", "processSecondaryColGroupDef", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "defaultGroupSortComparator", "getChildCount", "getServerSideGroupLevelParams", "getServerSideStoreParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowNodeId", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSort", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthCell", "isFullWidthRow"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "filterOpened", "filterChanged", "filterModified", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "cellKeyPress", "gridReady", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pinnedRowDataChanged", "rowDataChanged", "rowDataUpdated", "asyncTransactionsFlushed", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "sortChanged", "columnRowGroupChangeRequest", "columnPivotChangeRequest", "columnValueChangeRequest", "columnAggFuncChangeRequest"] }, { kind: "component", type: ResizableSectionDividerComponent, selector: "resizable-section-divider", inputs: ["initialPercentage", "isVerticalLayout", "maxPercentage", "minPercentage"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ReportingFrameworkComponent, decorators: [{
+            type: Component,
             args: [{ selector: "hci-reporting-framework", template: `
       <div style="height: 100vh">
         <resizable-section-divider class="flex-grow-1" [isVerticalLayout]="true">
@@ -1342,86 +1342,86 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         </div>
       </ng-template>
 
-    `, styles: [":host ::ng-deep .mat-tab-body-wrapper{flex-grow:1}:host ::ng-deep .mat-tab-label{background-color:#98c7e0}:host ::ng-deep .mat-tab-label-active{background-color:#def4ff}.report-details{height:100%;width:100%;position:absolute}.center-row{margin-top:10px;margin-left:60vw}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$2.HttpClient }, { type: i0.ComponentFactoryResolver }, { type: i1.DatePipe }, { type: DialogsService }, { type: i4.NgbModal }]; }, propDecorators: { manageReportUrl: [{
-                type: Input
-            }], commandPrefix: [{
-                type: Input
-            }], dictAPILeadIn: [{
-                type: Input
-            }], reportsByType: [{
-                type: Input
-            }], paramContainer: [{
-                type: ViewChild,
-                args: ["paramContainer", { read: ViewContainerRef, static: false }]
-            }], formatContainer: [{
-                type: ViewChild,
-                args: ["formatContainer", { read: ViewContainerRef, static: false }]
+    `, styles: [":host ::ng-deep .mat-tab-body-wrapper{flex-grow:1}:host ::ng-deep .mat-tab-label{background-color:#98c7e0}:host ::ng-deep .mat-tab-label-active{background-color:#def4ff}.report-details{height:100%;width:100%;position:absolute}.center-row{margin-top:10px;margin-left:60vw}\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.HttpClient }, { type: i0.ComponentFactoryResolver }, { type: i1.DatePipe }, { type: DialogsService }, { type: i4.NgbModal }], propDecorators: { manageReportUrl: [{
+                type: Input
+            }], commandPrefix: [{
+                type: Input
+            }], dictAPILeadIn: [{
+                type: Input
+            }], reportsByType: [{
+                type: Input
+            }], paramContainer: [{
+                type: ViewChild,
+                args: ["paramContainer", { read: ViewContainerRef, static: false }]
+            }], formatContainer: [{
+                type: ViewChild,
+                args: ["formatContainer", { read: ViewContainerRef, static: false }]
             }] } });
 
-class ReportModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ReportModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ReportModule, declarations: [ReportingFrameworkComponent,
-            ReportDatepickerComponent,
-            ParameterComponent,
-            FormatComponent,
-            SpinnerDialogComponent,
-            ResizableSectionDividerComponent], imports: [CommonModule,
-            FormsModule,
-            NgbModule,
-            MatDatepickerModule,
-            MatLegacyDialogModule,
-            MatLegacyProgressSpinnerModule,
-            MatLegacyTabsModule,
-            SelectModule,
-            AgGridModule], exports: [ReportingFrameworkComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ReportModule, providers: [
-            DatePipe,
-            DialogsService
-        ], imports: [CommonModule,
-            FormsModule,
-            NgbModule,
-            MatDatepickerModule,
-            MatLegacyDialogModule,
-            MatLegacyProgressSpinnerModule,
-            MatLegacyTabsModule,
-            SelectModule,
-            AgGridModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ReportModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        FormsModule,
-                        NgbModule,
-                        MatDatepickerModule,
-                        MatLegacyDialogModule,
-                        MatLegacyProgressSpinnerModule,
-                        MatLegacyTabsModule,
-                        SelectModule,
-                        AgGridModule,
-                    ],
-                    providers: [
-                        DatePipe,
-                        DialogsService
-                    ],
-                    declarations: [
-                        ReportingFrameworkComponent,
-                        ReportDatepickerComponent,
-                        ParameterComponent,
-                        FormatComponent,
-                        SpinnerDialogComponent,
-                        ResizableSectionDividerComponent
-                    ],
-                    exports: [
-                        ReportingFrameworkComponent
-                    ]
-                }]
+class ReportModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ReportModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.2", ngImport: i0, type: ReportModule, declarations: [ReportingFrameworkComponent,
+            ReportDatepickerComponent,
+            ParameterComponent,
+            FormatComponent,
+            SpinnerDialogComponent,
+            ResizableSectionDividerComponent], imports: [CommonModule,
+            FormsModule,
+            NgbModule,
+            MatDatepickerModule,
+            MatLegacyDialogModule,
+            MatLegacyProgressSpinnerModule,
+            MatLegacyTabsModule,
+            SelectModule,
+            AgGridModule], exports: [ReportingFrameworkComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ReportModule, providers: [
+            DatePipe,
+            DialogsService
+        ], imports: [CommonModule,
+            FormsModule,
+            NgbModule,
+            MatDatepickerModule,
+            MatLegacyDialogModule,
+            MatLegacyProgressSpinnerModule,
+            MatLegacyTabsModule,
+            SelectModule,
+            AgGridModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ReportModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        NgbModule,
+                        MatDatepickerModule,
+                        MatLegacyDialogModule,
+                        MatLegacyProgressSpinnerModule,
+                        MatLegacyTabsModule,
+                        SelectModule,
+                        AgGridModule,
+                    ],
+                    providers: [
+                        DatePipe,
+                        DialogsService
+                    ],
+                    declarations: [
+                        ReportingFrameworkComponent,
+                        ReportDatepickerComponent,
+                        ParameterComponent,
+                        FormatComponent,
+                        SpinnerDialogComponent,
+                        ResizableSectionDividerComponent
+                    ],
+                    exports: [
+                        ReportingFrameworkComponent
+                    ]
+                }]
         }] });
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { ReportModule, ReportingFrameworkComponent };