@huntsman-cancer-institute/reporting-framework 17.0.7 → 17.0.8

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

@@ -79,31 +79,31 @@ class ReportDatepickerComponent {
             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: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: ReportDatepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", 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)"
-             (click)="picker.open()" (blur)="onBlur()" [min]="minDate" [max]="maxDate"
-             [ngStyle]="{'background-color':invalid ? 'red' : '#fff'}"   >
-      <span class="input-group-text" id="clearIcon" (click)="clear()"><i class="fas fa-times"></i></span>
-      <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>
+        ], 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)"
+             (click)="picker.open()" (blur)="onBlur()" [min]="minDate" [max]="maxDate"
+             [ngStyle]="{'background-color':invalid ? 'red' : '#fff'}"   >
+      <span class="input-group-text" id="clearIcon" (click)="clear()"><i class="fas fa-times"></i></span>
+      <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: "17.1.2", ngImport: i0, type: ReportDatepickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", 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)"
-             (click)="picker.open()" (blur)="onBlur()" [min]="minDate" [max]="maxDate"
-             [ngStyle]="{'background-color':invalid ? 'red' : '#fff'}"   >
-      <span class="input-group-text" id="clearIcon" (click)="clear()"><i class="fas fa-times"></i></span>
-      <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>
+            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)"
+             (click)="picker.open()" (blur)="onBlur()" [min]="minDate" [max]="maxDate"
+             [ngStyle]="{'background-color':invalid ? 'red' : '#fff'}"   >
+      <span class="input-group-text" id="clearIcon" (click)="clear()"><i class="fas fa-times"></i></span>
+      <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"] }]
@@ -129,241 +129,241 @@ class ParameterComponent {
             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'">
-        <div style="display: block;">
-          <div class="row">
-            <label class="data-label">{{param.caption}}:</label>
-            <input type="text" class="form-control input-field"
-                   [id]="param.name"
-                   [name]="param.name"
-                   [(ngModel)]="param.selectedValue"
-            >
-          </div>
-        </div>
-      </ng-container>
-
-      <!--Date-->
-      <ng-container *ngIf="param.type === 'date'">
-        <div style="display: block;">
-          <div class="row">
-            <label class="data-label">{{param.caption}}:</label>
-            <report-datepicker class="date-input"
-                               placeholder=""
-                               id="{{param.name}}"
-                               [(value)]="param.selectedValue"
-            >
-            </report-datepicker>
-          </div>
-        </div>
-      </ng-container>
-
-      <!--Select with dictionary-->
-      <ng-container *ngIf="param.type === 'select' && param.className && param.className != ''">
-        <div style="display: block;">
-          <div class="row">
-            <label class="data-label">{{param.caption}}:</label>
-            <hci-native-select class="report-select"
-                               [id]="param.name"
-                               [name]="param.name"
-                               [idKey]="param.valueXPath"
-                               [displayKey]="param.displayXPath"
-                               [(ngModel)]="param.selectedValue"
-                               [url]="param.calculateDictionaryURL()"
-            ></hci-native-select>
-          </div>
-        </div>
-      </ng-container>
-
-      <!--Select with manual options-->
-      <ng-container *ngIf="param.type === 'select' && (!param.className || param.className === '')">
-        <div style="display: block;">
-          <div class="row">
-            <label class="data-label">{{param.caption}}:</label>
-            <hci-native-select class="report-select"
-                               [id]="param.name"
-                               [name]="param.name"
-                               [(ngModel)]="param.selectedValue"
-                               [entries] = "entries"
-            ></hci-native-select>
-          </div>
-        </div>
-      </ng-container>
-
-      <!--Multi-select with dictionary-->
-      <ng-container *ngIf="param.type === 'multiselect' && param.className && param.className != ''">
-        <div style="display: block;">
-          <div class="row">
-            <label class="data-label">{{param.caption}}:</label>
-            <hci-md-multi-select class="multi-report-select"
-              [id]="param.name"
-              [name]="param.name"
-              [idKey]="param.valueXPath"
-              [displayKey]="param.displayXPath"
-              [(ngModel)]="param.selectedValueList"
-              [url]="param.calculateDictionaryURL()"
-            >
-            </hci-md-multi-select>
-          </div>
-        </div>
-      </ng-container>
-
-      <!--Multi-select with manual options-->
-      <ng-container *ngIf="param.type === 'multiselect' && (!param.className || param.className === '')">
-        <div style="display: block;">
-          <div class="row">
-            <label class="data-label">{{param.caption}}:</label>
-            <hci-md-multi-select class="multi-report-select"
-              [id]="param.name"
-              [name]="param.name"
-              [entries] = "entries"
-              [(ngModel)]="param.selectedValueList"
-            >
-            </hci-md-multi-select>
-          </div>
-        </div>
-      </ng-container>
-
-      <!--Radio buttons-->
-      <ng-container *ngIf="param.type === 'radio'">
-        <div style="display: block;">
-          <div class="row">
-            <label class="data-label">{{param.caption}}:</label>
-            <div class="radio-pair" *ngFor="let o of param.options">
-              <input type="radio"
-                     style="margin-right: 3px;"
-                     [value]="o.value"
-                     [id]="param.name + '-' + o.value"
-                     [(ngModel)]="param.selectedValue"
-                     [name]="param.name">
-              <label for="{{param.name + '-' + o.value}}">{{o.display}}</label>
-            </div>
-          </div>
-        </div>
-      </ng-container>
-
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: ParameterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: ParameterComponent, selector: "hci-parameter", ngImport: i0, template: `
+
+      <!--Text Input-->
+      <ng-container *ngIf="param.type === 'input'">
+        <div style="display: block;">
+          <div class="row">
+            <label class="data-label">{{param.caption}}:</label>
+            <input type="text" class="form-control input-field"
+                   [id]="param.name"
+                   [name]="param.name"
+                   [(ngModel)]="param.selectedValue"
+            >
+          </div>
+        </div>
+      </ng-container>
+
+      <!--Date-->
+      <ng-container *ngIf="param.type === 'date'">
+        <div style="display: block;">
+          <div class="row">
+            <label class="data-label">{{param.caption}}:</label>
+            <report-datepicker class="date-input"
+                               placeholder=""
+                               id="{{param.name}}"
+                               [(value)]="param.selectedValue"
+            >
+            </report-datepicker>
+          </div>
+        </div>
+      </ng-container>
+
+      <!--Select with dictionary-->
+      <ng-container *ngIf="param.type === 'select' && param.className && param.className != ''">
+        <div style="display: block;">
+          <div class="row">
+            <label class="data-label">{{param.caption}}:</label>
+            <hci-native-select class="report-select"
+                               [id]="param.name"
+                               [name]="param.name"
+                               [idKey]="param.valueXPath"
+                               [displayKey]="param.displayXPath"
+                               [(ngModel)]="param.selectedValue"
+                               [url]="param.calculateDictionaryURL()"
+            ></hci-native-select>
+          </div>
+        </div>
+      </ng-container>
+
+      <!--Select with manual options-->
+      <ng-container *ngIf="param.type === 'select' && (!param.className || param.className === '')">
+        <div style="display: block;">
+          <div class="row">
+            <label class="data-label">{{param.caption}}:</label>
+            <hci-native-select class="report-select"
+                               [id]="param.name"
+                               [name]="param.name"
+                               [(ngModel)]="param.selectedValue"
+                               [entries] = "entries"
+            ></hci-native-select>
+          </div>
+        </div>
+      </ng-container>
+
+      <!--Multi-select with dictionary-->
+      <ng-container *ngIf="param.type === 'multiselect' && param.className && param.className != ''">
+        <div style="display: block;">
+          <div class="row">
+            <label class="data-label">{{param.caption}}:</label>
+            <hci-md-multi-select class="multi-report-select"
+              [id]="param.name"
+              [name]="param.name"
+              [idKey]="param.valueXPath"
+              [displayKey]="param.displayXPath"
+              [(ngModel)]="param.selectedValueList"
+              [url]="param.calculateDictionaryURL()"
+            >
+            </hci-md-multi-select>
+          </div>
+        </div>
+      </ng-container>
+
+      <!--Multi-select with manual options-->
+      <ng-container *ngIf="param.type === 'multiselect' && (!param.className || param.className === '')">
+        <div style="display: block;">
+          <div class="row">
+            <label class="data-label">{{param.caption}}:</label>
+            <hci-md-multi-select class="multi-report-select"
+              [id]="param.name"
+              [name]="param.name"
+              [entries] = "entries"
+              [(ngModel)]="param.selectedValueList"
+            >
+            </hci-md-multi-select>
+          </div>
+        </div>
+      </ng-container>
+
+      <!--Radio buttons-->
+      <ng-container *ngIf="param.type === 'radio'">
+        <div style="display: block;">
+          <div class="row">
+            <label class="data-label">{{param.caption}}:</label>
+            <div class="radio-pair" *ngFor="let o of param.options">
+              <input type="radio"
+                     style="margin-right: 3px;"
+                     [value]="o.value"
+                     [id]="param.name + '-' + o.value"
+                     [(ngModel)]="param.selectedValue"
+                     [name]="param.name">
+              <label for="{{param.name + '-' + o.value}}">{{o.display}}</label>
+            </div>
+          </div>
+        </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: "17.1.2", ngImport: i0, type: ParameterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: ParameterComponent, decorators: [{
             type: Component,
-            args: [{ selector: "hci-parameter", template: `
-
-      <!--Text Input-->
-      <ng-container *ngIf="param.type === 'input'">
-        <div style="display: block;">
-          <div class="row">
-            <label class="data-label">{{param.caption}}:</label>
-            <input type="text" class="form-control input-field"
-                   [id]="param.name"
-                   [name]="param.name"
-                   [(ngModel)]="param.selectedValue"
-            >
-          </div>
-        </div>
-      </ng-container>
-
-      <!--Date-->
-      <ng-container *ngIf="param.type === 'date'">
-        <div style="display: block;">
-          <div class="row">
-            <label class="data-label">{{param.caption}}:</label>
-            <report-datepicker class="date-input"
-                               placeholder=""
-                               id="{{param.name}}"
-                               [(value)]="param.selectedValue"
-            >
-            </report-datepicker>
-          </div>
-        </div>
-      </ng-container>
-
-      <!--Select with dictionary-->
-      <ng-container *ngIf="param.type === 'select' && param.className && param.className != ''">
-        <div style="display: block;">
-          <div class="row">
-            <label class="data-label">{{param.caption}}:</label>
-            <hci-native-select class="report-select"
-                               [id]="param.name"
-                               [name]="param.name"
-                               [idKey]="param.valueXPath"
-                               [displayKey]="param.displayXPath"
-                               [(ngModel)]="param.selectedValue"
-                               [url]="param.calculateDictionaryURL()"
-            ></hci-native-select>
-          </div>
-        </div>
-      </ng-container>
-
-      <!--Select with manual options-->
-      <ng-container *ngIf="param.type === 'select' && (!param.className || param.className === '')">
-        <div style="display: block;">
-          <div class="row">
-            <label class="data-label">{{param.caption}}:</label>
-            <hci-native-select class="report-select"
-                               [id]="param.name"
-                               [name]="param.name"
-                               [(ngModel)]="param.selectedValue"
-                               [entries] = "entries"
-            ></hci-native-select>
-          </div>
-        </div>
-      </ng-container>
-
-      <!--Multi-select with dictionary-->
-      <ng-container *ngIf="param.type === 'multiselect' && param.className && param.className != ''">
-        <div style="display: block;">
-          <div class="row">
-            <label class="data-label">{{param.caption}}:</label>
-            <hci-md-multi-select class="multi-report-select"
-              [id]="param.name"
-              [name]="param.name"
-              [idKey]="param.valueXPath"
-              [displayKey]="param.displayXPath"
-              [(ngModel)]="param.selectedValueList"
-              [url]="param.calculateDictionaryURL()"
-            >
-            </hci-md-multi-select>
-          </div>
-        </div>
-      </ng-container>
-
-      <!--Multi-select with manual options-->
-      <ng-container *ngIf="param.type === 'multiselect' && (!param.className || param.className === '')">
-        <div style="display: block;">
-          <div class="row">
-            <label class="data-label">{{param.caption}}:</label>
-            <hci-md-multi-select class="multi-report-select"
-              [id]="param.name"
-              [name]="param.name"
-              [entries] = "entries"
-              [(ngModel)]="param.selectedValueList"
-            >
-            </hci-md-multi-select>
-          </div>
-        </div>
-      </ng-container>
-
-      <!--Radio buttons-->
-      <ng-container *ngIf="param.type === 'radio'">
-        <div style="display: block;">
-          <div class="row">
-            <label class="data-label">{{param.caption}}:</label>
-            <div class="radio-pair" *ngFor="let o of param.options">
-              <input type="radio"
-                     style="margin-right: 3px;"
-                     [value]="o.value"
-                     [id]="param.name + '-' + o.value"
-                     [(ngModel)]="param.selectedValue"
-                     [name]="param.name">
-              <label for="{{param.name + '-' + o.value}}">{{o.display}}</label>
-            </div>
-          </div>
-        </div>
-      </ng-container>
-
+            args: [{ selector: "hci-parameter", template: `
+
+      <!--Text Input-->
+      <ng-container *ngIf="param.type === 'input'">
+        <div style="display: block;">
+          <div class="row">
+            <label class="data-label">{{param.caption}}:</label>
+            <input type="text" class="form-control input-field"
+                   [id]="param.name"
+                   [name]="param.name"
+                   [(ngModel)]="param.selectedValue"
+            >
+          </div>
+        </div>
+      </ng-container>
+
+      <!--Date-->
+      <ng-container *ngIf="param.type === 'date'">
+        <div style="display: block;">
+          <div class="row">
+            <label class="data-label">{{param.caption}}:</label>
+            <report-datepicker class="date-input"
+                               placeholder=""
+                               id="{{param.name}}"
+                               [(value)]="param.selectedValue"
+            >
+            </report-datepicker>
+          </div>
+        </div>
+      </ng-container>
+
+      <!--Select with dictionary-->
+      <ng-container *ngIf="param.type === 'select' && param.className && param.className != ''">
+        <div style="display: block;">
+          <div class="row">
+            <label class="data-label">{{param.caption}}:</label>
+            <hci-native-select class="report-select"
+                               [id]="param.name"
+                               [name]="param.name"
+                               [idKey]="param.valueXPath"
+                               [displayKey]="param.displayXPath"
+                               [(ngModel)]="param.selectedValue"
+                               [url]="param.calculateDictionaryURL()"
+            ></hci-native-select>
+          </div>
+        </div>
+      </ng-container>
+
+      <!--Select with manual options-->
+      <ng-container *ngIf="param.type === 'select' && (!param.className || param.className === '')">
+        <div style="display: block;">
+          <div class="row">
+            <label class="data-label">{{param.caption}}:</label>
+            <hci-native-select class="report-select"
+                               [id]="param.name"
+                               [name]="param.name"
+                               [(ngModel)]="param.selectedValue"
+                               [entries] = "entries"
+            ></hci-native-select>
+          </div>
+        </div>
+      </ng-container>
+
+      <!--Multi-select with dictionary-->
+      <ng-container *ngIf="param.type === 'multiselect' && param.className && param.className != ''">
+        <div style="display: block;">
+          <div class="row">
+            <label class="data-label">{{param.caption}}:</label>
+            <hci-md-multi-select class="multi-report-select"
+              [id]="param.name"
+              [name]="param.name"
+              [idKey]="param.valueXPath"
+              [displayKey]="param.displayXPath"
+              [(ngModel)]="param.selectedValueList"
+              [url]="param.calculateDictionaryURL()"
+            >
+            </hci-md-multi-select>
+          </div>
+        </div>
+      </ng-container>
+
+      <!--Multi-select with manual options-->
+      <ng-container *ngIf="param.type === 'multiselect' && (!param.className || param.className === '')">
+        <div style="display: block;">
+          <div class="row">
+            <label class="data-label">{{param.caption}}:</label>
+            <hci-md-multi-select class="multi-report-select"
+              [id]="param.name"
+              [name]="param.name"
+              [entries] = "entries"
+              [(ngModel)]="param.selectedValueList"
+            >
+            </hci-md-multi-select>
+          </div>
+        </div>
+      </ng-container>
+
+      <!--Radio buttons-->
+      <ng-container *ngIf="param.type === 'radio'">
+        <div style="display: block;">
+          <div class="row">
+            <label class="data-label">{{param.caption}}:</label>
+            <div class="radio-pair" *ngFor="let o of param.options">
+              <input type="radio"
+                     style="margin-right: 3px;"
+                     [value]="o.value"
+                     [id]="param.name + '-' + o.value"
+                     [(ngModel)]="param.selectedValue"
+                     [name]="param.name">
+              <label for="{{param.name + '-' + o.value}}">{{o.display}}</label>
+            </div>
+          </div>
+        </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"] }]
         }] });
 
@@ -384,31 +384,31 @@ class FormatComponent {
         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"
-                   [id]="format.name"
-                   [checked]="selectedValue === format.name ? true : false"
-                   (click)="selectFormat(radio.value)"
-                   name="format">
-            <label>{{format.caption}}</label>
-        </div>
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FormatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", 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"
+                   [id]="format.name"
+                   [checked]="selectedValue === format.name ? true : false"
+                   (click)="selectFormat(radio.value)"
+                   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: "17.1.2", ngImport: i0, type: FormatComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FormatComponent, decorators: [{
             type: Component,
-            args: [{ selector: "hci-format", template: `
-        <div class="radio-pair">
-            <input type="radio" #radio
-                   [value]="format.name"
-                   [id]="format.name"
-                   [checked]="selectedValue === format.name ? true : false"
-                   (click)="selectFormat(radio.value)"
-                   name="format">
-            <label>{{format.caption}}</label>
-        </div>
+            args: [{ selector: "hci-format", template: `
+        <div class="radio-pair">
+            <input type="radio" #radio
+                   [value]="format.name"
+                   [id]="format.name"
+                   [checked]="selectedValue === format.name ? true : false"
+                   (click)="selectFormat(radio.value)"
+                   name="format">
+            <label>{{format.caption}}</label>
+        </div>
     `, styles: [".radio-pair{display:flex;align-items:center;padding-right:5px}\n"] }]
         }], propDecorators: { selectedValue: [{
                 type: Input
@@ -435,8 +435,8 @@ class SpinnerDialogComponent {
             }
         }
     }
-    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: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", 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.3.1", 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">
@@ -453,7 +453,7 @@ class SpinnerDialogComponent {
       </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: "17.1.2", ngImport: i0, type: SpinnerDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: SpinnerDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: "spinner-dialog", template: `
       <div mat-dialog-content class="full-height padded">
@@ -572,10 +572,10 @@ class DialogsService {
             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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: DialogsService, deps: [{ token: i1$1.MatLegacyDialog }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: DialogsService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DialogsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: DialogsService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1$1.MatLegacyDialog }] });
 
@@ -666,15 +666,15 @@ class ResizableSectionDividerComponent {
             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: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: ResizableSectionDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", 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>
             </div>
             <div class="d-flex align-items-center justify-content-center" style="height: 20px; width: 100%;">
                 <div class="rad-grabber-vertical" (mousedown)="dragging = true;" (touchstart)="dragging = true;">
-                    <i class="fa fa-grip-lines"></i>
+                    <i class="fas fa-grip-lines"></i>
                 </div>
             </div>
             <div class="p-1" style="width: 100%;" [style.min-height.%]="minPercentage" [style.max-height.%]="maxPercentage" [style.height.%]="(sectionSize - grabberOffset)">
@@ -688,7 +688,7 @@ class ResizableSectionDividerComponent {
             </div>
             <div class="d-flex align-items-center justify-content-center" style="width: 10px; height: 100%;">
                 <div class="rad-grabber" (mousedown)="dragging = true;" (touchstart)="dragging = true;">
-                    <i class="fa fa-grip-lines-vertical"></i>
+                    <i class="fas fa-grip-lines-vertical"></i>
                 </div>
             </div>
             <div class="p-1" style="height: 100%;" [style.min-width.%]="minPercentage" [style.max-width.%]="maxPercentage" [style.width.%]="sectionSize - grabberOffset">
@@ -697,7 +697,7 @@ class ResizableSectionDividerComponent {
         </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: "17.1.2", ngImport: i0, type: ResizableSectionDividerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: ResizableSectionDividerComponent, decorators: [{
             type: Component,
             args: [{ selector: "resizable-section-divider", template: `
         <div *ngIf="isVerticalLayout" style="height: 100%; width: 100%;" #verticalContainer>
@@ -706,7 +706,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
             </div>
             <div class="d-flex align-items-center justify-content-center" style="height: 20px; width: 100%;">
                 <div class="rad-grabber-vertical" (mousedown)="dragging = true;" (touchstart)="dragging = true;">
-                    <i class="fa fa-grip-lines"></i>
+                    <i class="fas fa-grip-lines"></i>
                 </div>
             </div>
             <div class="p-1" style="width: 100%;" [style.min-height.%]="minPercentage" [style.max-height.%]="maxPercentage" [style.height.%]="(sectionSize - grabberOffset)">
@@ -720,7 +720,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
             </div>
             <div class="d-flex align-items-center justify-content-center" style="width: 10px; height: 100%;">
                 <div class="rad-grabber" (mousedown)="dragging = true;" (touchstart)="dragging = true;">
-                    <i class="fa fa-grip-lines-vertical"></i>
+                    <i class="fas fa-grip-lines-vertical"></i>
                 </div>
             </div>
             <div class="p-1" style="height: 100%;" [style.min-width.%]="minPercentage" [style.max-width.%]="maxPercentage" [style.width.%]="sectionSize - grabberOffset">
@@ -1133,8 +1133,8 @@ class ReportingFrameworkComponent {
     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: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", 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.3.1", 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;">
@@ -1238,7 +1238,7 @@ class ReportingFrameworkComponent {
 
     `, 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: ReportingFrameworkComponent, decorators: [{
             type: Component,
             args: [{ selector: "hci-reporting-framework", template: `
       <div style="height: 100vh">
@@ -1360,8 +1360,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
             }] } });
 
 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,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: ReportModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.1", ngImport: i0, type: ReportModule, declarations: [ReportingFrameworkComponent,
             ReportDatepickerComponent,
             ParameterComponent,
             FormatComponent,
@@ -1375,7 +1375,7 @@ class ReportModule {
             MatLegacyTabsModule,
             SelectModule,
             AgGridModule], exports: [ReportingFrameworkComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ReportModule, providers: [
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: ReportModule, providers: [
             DatePipe,
             DialogsService
         ], imports: [CommonModule,
@@ -1388,7 +1388,7 @@ class ReportModule {
             SelectModule,
             AgGridModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ReportModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: ReportModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [