@churchillliving/se-ui-toolkit 6.53.468 → 6.53.470

package/bundles/churchillliving-se-ui-toolkit.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('primeng/api'), require('@angular/core'), require('primeng/dynamicdialog'), require('file-saver'), require('jspdf'), require('@angular/common'), require('ngx-toastr'), require('@angular/common/http'), require('rxjs'), require('@angular/platform-browser'), require('@angular/router'), require('primeng/table'), require('primeng/multiselect'), require('@angular/forms'), require('@angular/platform-browser/animations'), require('primeng/tabview'), require('primeng/dropdown'), require('primeng/calendar'), require('primeng/button'), require('primeng/ripple'), require('primeng/checkbox'), require('primeng/inputtext'), require('primeng/tristatecheckbox'), require('primeng/inputtextarea'), require('primeng/tooltip'), require('primeng/panelmenu'), require('ngx-cookie-service'), require('@angular/cdk/portal'), require('primeng/menu'), require('primeng/galleria'), require('primeng/autocomplete'), require('primeng/accordion'), require('primeng/confirmdialog'), require('primeng/messages'), require('primeng/progressspinner'), require('primeng/inputnumber'), require('primeng/avatar'), require('primeng/card'), require('@angular/cdk/drag-drop'), require('primeng/inputswitch')) :
   typeof define === 'function' && define.amd ? define('@churchillliving/se-ui-toolkit', ['exports', 'primeng/api', '@angular/core', 'primeng/dynamicdialog', 'file-saver', 'jspdf', '@angular/common', 'ngx-toastr', '@angular/common/http', 'rxjs', '@angular/platform-browser', '@angular/router', 'primeng/table', 'primeng/multiselect', '@angular/forms', '@angular/platform-browser/animations', 'primeng/tabview', 'primeng/dropdown', 'primeng/calendar', 'primeng/button', 'primeng/ripple', 'primeng/checkbox', 'primeng/inputtext', 'primeng/tristatecheckbox', 'primeng/inputtextarea', 'primeng/tooltip', 'primeng/panelmenu', 'ngx-cookie-service', '@angular/cdk/portal', 'primeng/menu', 'primeng/galleria', 'primeng/autocomplete', 'primeng/accordion', 'primeng/confirmdialog', 'primeng/messages', 'primeng/progressspinner', 'primeng/inputnumber', 'primeng/avatar', 'primeng/card', '@angular/cdk/drag-drop', 'primeng/inputswitch'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.churchillliving = global.churchillliving || {}, global.churchillliving["se-ui-toolkit"] = {}), global.api, global.ng.core, global.dynamicdialog, global.fileSaver, global.jsPDF, global.ng.common, global.ngxToastr, global.ng.common.http, global.rxjs, global.ng.platformBrowser, global.ng.router, global.table, global.multiselect, global.ng.forms, global.ng.platformBrowser.animations, global.tabview, global.dropdown, global.calendar, global.button, global.ripple, global.checkbox, global.inputtext, global.tristatecheckbox, global.inputtextarea, global.tooltip, global.panelmenu, global.ngxCookieService, global.ng.cdk.portal, global.menu, global.galleria, global.autocomplete, global.accordion, global.confirmdialog, global.messages, global.progressspinner, global.inputnumber, global.avatar, global.card, global.ng.cdk.dragDrop, global.inputswitch));
-})(this, (function (exports, api, i0, dynamicdialog, fileSaver, jsPDF, i1$1, ngxToastr, i1, rxjs, platformBrowser, router, table, multiselect, forms, animations, tabview, dropdown, calendar, button, ripple, checkbox, inputtext, tristatecheckbox, inputtextarea, tooltip, panelmenu, ngxCookieService, portal, menu, galleria, autocomplete, accordion, confirmdialog, messages, progressspinner, inputnumber, avatar, card, dragDrop, inputswitch) { 'use strict';
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.churchillliving = global.churchillliving || {}, global.churchillliving["se-ui-toolkit"] = {}), global.api, global.ng.core, global.i1, global.fileSaver, global.jsPDF, global.ng.common, global.ngxToastr, global.ng.common.http, global.rxjs, global.ng.platformBrowser, global.ng.router, global.table, global.multiselect, global.ng.forms, global.ng.platformBrowser.animations, global.tabview, global.dropdown, global.calendar, global.button, global.ripple, global.checkbox, global.inputtext, global.tristatecheckbox, global.inputtextarea, global.tooltip, global.panelmenu, global.ngxCookieService, global.ng.cdk.portal, global.menu, global.galleria, global.autocomplete, global.accordion, global.confirmdialog, global.messages, global.progressspinner, global.inputnumber, global.avatar, global.card, global.ng.cdk.dragDrop, global.inputswitch));
+})(this, (function (exports, api, i0, i1, fileSaver, jsPDF, i1$2, ngxToastr, i1$1, rxjs, platformBrowser, router, table, multiselect, forms, animations, tabview, dropdown, calendar, button, ripple, checkbox, inputtext, tristatecheckbox, inputtextarea, tooltip, panelmenu, ngxCookieService, portal, menu, galleria, autocomplete, accordion, confirmdialog, messages, progressspinner, inputnumber, avatar, card, dragDrop, inputswitch) { 'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -25,9 +25,10 @@
   }
 
   var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+  var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1);
   var jsPDF__default = /*#__PURE__*/_interopDefaultLegacy(jsPDF);
-  var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
-  var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+  var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$2);
+  var i1__namespace = /*#__PURE__*/_interopNamespace(i1$1);
 
   /******************************************************************************
   Copyright (c) Microsoft Corporation.
@@ -596,8 +597,8 @@
   ];
   /** @nocollapse */
   AlertPopUpComponent.ctorParameters = function () { return [
-      { type: dynamicdialog.DynamicDialogConfig, decorators: [{ type: i0.Optional }] },
-      { type: dynamicdialog.DynamicDialogRef, decorators: [{ type: i0.Optional }] }
+      { type: i1.DynamicDialogConfig, decorators: [{ type: i0.Optional }] },
+      { type: i1.DynamicDialogRef, decorators: [{ type: i0.Optional }] }
   ]; };
 
   var AlertService = /** @class */ (function () {
@@ -681,7 +682,7 @@
   /** @nocollapse */
   AlertService.ctorParameters = function () { return [
       { type: ngxToastr.ToastrService },
-      { type: dynamicdialog.DialogService },
+      { type: i1.DialogService },
       { type: api.ConfirmationService }
   ]; };
 
@@ -729,7 +730,7 @@
   ];
   /** @nocollapse */
   RequestService.ctorParameters = function () { return [
-      { type: i1.HttpClient },
+      { type: i1$1.HttpClient },
       { type: undefined, decorators: [{ type: i0.Inject, args: ['env',] }] }
   ]; };
 
@@ -1147,7 +1148,7 @@
               return value;
           }
           else {
-              return i1$1.formatDate(value, 'MM/dd/yyyy', 'en-US');
+              return i1$2.formatDate(value, 'MM/dd/yyyy', 'en-US');
           }
       }
       else {
@@ -1162,7 +1163,7 @@
               return value;
           }
           else {
-              return i1$1.formatDate(value, 'MM/dd/yyyy hh:mm a', 'en-US');
+              return i1$2.formatDate(value, 'MM/dd/yyyy hh:mm a', 'en-US');
           }
       }
       else {
@@ -3595,7 +3596,7 @@
   ];
   /** @nocollapse */
   GridService.ctorParameters = function () { return [
-      { type: i1$1.DatePipe },
+      { type: i1$2.DatePipe },
       { type: HyperlinkService },
       { type: DropdownService },
       { type: AlertService },
@@ -3700,8 +3701,8 @@
   /** @nocollapse */
   IframeComponent.ctorParameters = function () { return [
       { type: platformBrowser.DomSanitizer },
-      { type: dynamicdialog.DynamicDialogRef, decorators: [{ type: i0.Optional }] },
-      { type: dynamicdialog.DynamicDialogConfig, decorators: [{ type: i0.Optional }] }
+      { type: i1.DynamicDialogRef, decorators: [{ type: i0.Optional }] },
+      { type: i1.DynamicDialogConfig, decorators: [{ type: i0.Optional }] }
   ]; };
 
   var PageLoggerService = /** @class */ (function () {
@@ -6331,19 +6332,19 @@
   ];
   /** @nocollapse */
   GridComponent.ctorParameters = function () { return [
-      { type: dynamicdialog.DialogService },
+      { type: i1.DialogService },
       { type: GridService },
       { type: AlertService },
       { type: AuthenticationService },
       { type: i0.ElementRef },
-      { type: i1$1.DecimalPipe },
+      { type: i1$2.DecimalPipe },
       { type: PageLoggerService },
       { type: i0.ChangeDetectorRef },
       { type: router.Router },
-      { type: i1$1.DatePipe },
+      { type: i1$2.DatePipe },
       { type: api.ConfirmationService },
-      { type: dynamicdialog.DynamicDialogConfig, decorators: [{ type: i0.Optional }] },
-      { type: dynamicdialog.DynamicDialogRef, decorators: [{ type: i0.Optional }] }
+      { type: i1.DynamicDialogConfig, decorators: [{ type: i0.Optional }] },
+      { type: i1.DynamicDialogRef, decorators: [{ type: i0.Optional }] }
   ]; };
   GridComponent.propDecorators = {
       gridRow: [{ type: i0.ViewChildren, args: ['gridRow',] }],
@@ -6926,8 +6927,8 @@
   ];
   /** @nocollapse */
   NotesComponent.ctorParameters = function () { return [
-      { type: dynamicdialog.DynamicDialogRef },
-      { type: dynamicdialog.DynamicDialogConfig }
+      { type: i1.DynamicDialogRef },
+      { type: i1.DynamicDialogConfig }
   ]; };
 
   var FormComponent = /** @class */ (function () {
@@ -8073,12 +8074,12 @@
       { type: FormService },
       { type: AlertService },
       { type: platformBrowser.DomSanitizer },
-      { type: dynamicdialog.DialogService },
+      { type: i1.DialogService },
       { type: i0.ComponentFactoryResolver },
       { type: i0.ChangeDetectorRef },
       { type: router.Router },
       { type: i0.ElementRef },
-      { type: i1$1.DatePipe },
+      { type: i1$2.DatePipe },
       { type: GridService },
       { type: PageLoggerService }
   ]; };
@@ -8373,6 +8374,7 @@
       ESidebarAction["NAVIGATION"] = "navigation";
       ESidebarAction["OPENDIALOG"] = "dialog";
       ESidebarAction["IFRAME"] = "_iframe";
+      ESidebarAction["REPORT"] = "report";
   })(exports.ESidebarAction || (exports.ESidebarAction = {}));
 
   var SideBarService = /** @class */ (function () {
@@ -8464,11 +8466,309 @@
       { type: i0.ApplicationRef }
   ]; };
 
+  var ReportFilterComponent = /** @class */ (function () {
+      function ReportFilterComponent(config, requestService, formService, alertService) {
+          this.config = config;
+          this.requestService = requestService;
+          this.formService = formService;
+          this.alertService = alertService;
+          this.formFields = [];
+      }
+      ReportFilterComponent.prototype.ngOnInit = function () {
+          this.createDynamicFields();
+      };
+      ReportFilterComponent.prototype.initializeForm = function () {
+          var _this = this;
+          var _a, _b;
+          this.dynamicForm = {
+              formSections: [
+                  {
+                      fields: __spreadArray(__spreadArray([], __read(this.formFields)), [
+                          {
+                              label: 'Download Report',
+                              control: exports.EFormControl.ADD_BUTTON,
+                              hidden: (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.hideGenerateReportBtn,
+                              onClick: function () {
+                                  _this.downloadReport();
+                              },
+                          }
+                      ])
+                  }
+              ]
+          };
+      };
+      ReportFilterComponent.prototype.createDynamicFields = function () {
+          var _this = this;
+          var _a;
+          this.requestService.getOne('/ReportConfig/ById', (_a = this.config.data) === null || _a === void 0 ? void 0 : _a.Id).subscribe(function (data) {
+              var reportJson = JSON.parse(data === null || data === void 0 ? void 0 : data.report);
+              _this.formFields = reportJson === null || reportJson === void 0 ? void 0 : reportJson.FormFields;
+              _this.setParamFieldValue();
+              _this.initializeForm();
+              // set dropdown data based on matched field.
+              _this.setDropDownData(reportJson);
+          }, function (error) {
+              _this.initializeForm();
+              _this.alertService.error(error);
+          });
+      };
+      ReportFilterComponent.prototype.setParamFieldValue = function () {
+          var _this = this;
+          var _a;
+          if (this.config.data && ((_a = this.config.data.param) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+              this.config.data.param.forEach(function (param) {
+                  _this.formFields.forEach(function (field) {
+                      var _a;
+                      var matchKey = (_a = Object.keys(param)) === null || _a === void 0 ? void 0 : _a.find(function (key) { var _a; return (key === null || key === void 0 ? void 0 : key.toLowerCase()) === ((_a = field.field) === null || _a === void 0 ? void 0 : _a.toLowerCase()); });
+                      if (matchKey && matchKey.length > 0) {
+                          field.value = param[matchKey];
+                      }
+                  });
+              });
+          }
+      };
+      ReportFilterComponent.prototype.setDropDownData = function (reportJson) {
+          var _this = this;
+          var _a;
+          (_a = reportJson.Parameters) === null || _a === void 0 ? void 0 : _a.forEach(function (record) {
+              if (record.isuniquekey) {
+                  _this.requestService.get('/Data/Fetch', {
+                      uniqueKey: record.isuniquekey,
+                      filters: []
+                  }).subscribe(function (response) {
+                      _this.formService.setFormFieldProp(_this.dynamicForm, record.paramname, [
+                          { name: 'data', value: response.records },
+                      ]);
+                  }, function (error) {
+                      _this.alertService.apiError(error);
+                  });
+              }
+          });
+      };
+      ReportFilterComponent.prototype.getFilters = function () {
+          var _a, _b;
+          var filters = [];
+          (_b = (_a = this.dynamicForm) === null || _a === void 0 ? void 0 : _a.formSections) === null || _b === void 0 ? void 0 : _b.forEach(function (section) {
+              var _a;
+              (_a = section.fields) === null || _a === void 0 ? void 0 : _a.forEach(function (field) {
+                  if (field && field.value) {
+                      filters.push({ field: field.field, matchMode: 'equal', operator: 'and', value: field.value });
+                  }
+                  ;
+              });
+          });
+          return filters;
+      };
+      ReportFilterComponent.prototype.downloadReport = function () {
+          var _this = this;
+          var _a, _b;
+          var filters = this.getFilters();
+          this.requestService.download('/Report/Generate', { Id: (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.Id, filters: filters })
+              .subscribe(function (response) {
+              var _a, _b, _c, _d;
+              var newBlob = new Blob([response.body], { type: 'application/pdf' });
+              var data = window.URL.createObjectURL(newBlob);
+              var a = document.createElement('a');
+              a.href = data;
+              var header = (_a = response === null || response === void 0 ? void 0 : response.headers) === null || _a === void 0 ? void 0 : _a.get('Content-Disposition');
+              var fileName = (_d = (_c = (_b = header === null || header === void 0 ? void 0 : header.split('filename=')) === null || _b === void 0 ? void 0 : _b[1]) === null || _c === void 0 ? void 0 : _c.split(";")[0]) === null || _d === void 0 ? void 0 : _d.replaceAll(/\"/g, '');
+              a.download = fileName;
+              document.body.appendChild(a);
+              a.click();
+              document.body.removeChild(a);
+          }, function (error) {
+              _this.alertService.apiError(error);
+          });
+      };
+      return ReportFilterComponent;
+  }());
+  ReportFilterComponent.decorators = [
+      { type: i0.Component, args: [{
+                  selector: 'se-report-filter',
+                  template: "<se-form  \n*ngIf=\"dynamicForm\"\n[form]=\"dynamicForm\"\n[hideSaveButton]=\"true\"\n[hideCancelButton]=\"true\"\n>\n</se-form>\n",
+                  styles: [""]
+              },] }
+  ];
+  /** @nocollapse */
+  ReportFilterComponent.ctorParameters = function () { return [
+      { type: i1.DynamicDialogConfig, decorators: [{ type: i0.Optional }] },
+      { type: RequestService },
+      { type: FormService },
+      { type: AlertService }
+  ]; };
+
+  var ReportService = /** @class */ (function () {
+      function ReportService(dialogService, requestService, alertService) {
+          this.dialogService = dialogService;
+          this.requestService = requestService;
+          this.alertService = alertService;
+          this.formFields = [];
+          this.paramsCopy = [];
+      }
+      ReportService.prototype.downloadReport = function (repId, params, showDialog, form) {
+          var _this = this;
+          if (showDialog === void 0) { showDialog = false; }
+          if (form === void 0) { form = {}; }
+          params === null || params === void 0 ? void 0 : params.forEach(function (p) {
+              _this.paramsCopy.push(Object.assign({}, p));
+          });
+          this.createDynamicFields(repId, params, showDialog, form);
+      };
+      ReportService.prototype.createDynamicFields = function (repId, params, showDialog, form) {
+          var _this = this;
+          this.requestService
+              .getOne('/ReportConfig/ById', repId)
+              .subscribe(function (data) {
+              if (data) {
+                  var reportJson = JSON.parse(data === null || data === void 0 ? void 0 : data.report);
+                  _this.formFields = reportJson === null || reportJson === void 0 ? void 0 : reportJson.FormFields;
+              }
+              _this.generateReport(repId, params, showDialog, form);
+          }, function (error) {
+              _this.alertService.error(error);
+          });
+      };
+      ReportService.prototype.generateReport = function (repId, params, showDialog, form) {
+          if (showDialog === void 0) { showDialog = false; }
+          if (form === void 0) { form = {}; }
+          this.getFormFieldValues(form, params);
+          if ((this.formFields.some(function (field) { return !field.hidden; }) &&
+              showDialog === undefined) ||
+              showDialog === true) {
+              this.dialogService.open(ReportFilterComponent, {
+                  width: '80%',
+                  height: '100%',
+                  header: 'Generate Report',
+                  style: { background: '#fff' },
+                  data: { Id: repId, param: params },
+              });
+          }
+          else {
+              this.downloadQuickReport(params, repId);
+          }
+      };
+      ReportService.prototype.getFormFieldValues = function (form, params) {
+          var _a;
+          if (((_a = this.paramsCopy) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+              this.paramsCopy.forEach(function (paramCopy) {
+                  var _a, _b;
+                  var key = Object.keys(paramCopy)[0];
+                  if (paramCopy[key] === '' || !paramCopy[key]) {
+                      (_a = form === null || form === void 0 ? void 0 : form.formSections) === null || _a === void 0 ? void 0 : _a.forEach(function (section) {
+                          section.fields.forEach(function (field) {
+                              var _a;
+                              if (key.toString().toLowerCase() === ((_a = field.field) === null || _a === void 0 ? void 0 : _a.toLowerCase())) {
+                                  params.forEach(function (origParam) {
+                                      var origKey = Object.keys(origParam)[0];
+                                      if (origKey == key) {
+                                          //origParam[origKey] = field.value;
+                                          if (field.control == exports.EFormControl.CALENDAR) {
+                                              origParam[origKey] = field.value ? field.value.toLocaleDateString() : null;
+                                          }
+                                          else {
+                                              origParam[origKey] = field.value;
+                                          }
+                                      }
+                                  });
+                              }
+                          });
+                      });
+                  }
+                  else if (paramCopy[key].toString().includes('{') &&
+                      paramCopy[key].toString().includes('}')) {
+                      var newValue = paramCopy[key].replace('{', '').replace('}', '');
+                      (_b = form === null || form === void 0 ? void 0 : form.formSections) === null || _b === void 0 ? void 0 : _b.forEach(function (section) {
+                          section.fields.forEach(function (field) {
+                              var _a;
+                              if (newValue.toString().toLowerCase() === ((_a = field.field) === null || _a === void 0 ? void 0 : _a.toLowerCase())) {
+                                  params.forEach(function (origParam) {
+                                      var origKey = Object.keys(origParam)[0];
+                                      if (origKey == key) {
+                                          if (field.control == exports.EFormControl.CALENDAR) {
+                                              origParam[origKey] = field.value ? field.value.toLocaleDateString() : null;
+                                          }
+                                          else {
+                                              origParam[origKey] = field.value;
+                                          }
+                                      }
+                                  });
+                              }
+                          });
+                      });
+                  }
+              });
+          }
+      };
+      ReportService.prototype.downloadQuickReport = function (params, repId) {
+          var _this = this;
+          var filters = [];
+          if (params && params.length > 0) {
+              params.forEach(function (param) {
+                  Object.keys(param).map(function (key) { return filters.push({
+                      field: key,
+                      matchMode: 'equal',
+                      operator: 'and',
+                      value: param[key],
+                  }); });
+              });
+          }
+          else {
+              filters = this.getFilters();
+          }
+          this.requestService
+              .download('/Report/Generate', { Id: repId, filters: filters })
+              .subscribe(function (response) {
+              var _a, _b, _c, _d;
+              var newBlob = new Blob([response.body], { type: 'application/pdf' });
+              var data = window.URL.createObjectURL(newBlob);
+              var a = document.createElement('a');
+              a.href = data;
+              var header = (_a = response === null || response === void 0 ? void 0 : response.headers) === null || _a === void 0 ? void 0 : _a.get('Content-Disposition');
+              var fileName = (_d = (_c = (_b = header === null || header === void 0 ? void 0 : header.split('filename=')) === null || _b === void 0 ? void 0 : _b[1]) === null || _c === void 0 ? void 0 : _c.split(';')[0]) === null || _d === void 0 ? void 0 : _d.replaceAll(/\"/g, '');
+              a.download = fileName;
+              document.body.appendChild(a);
+              a.click();
+              document.body.removeChild(a);
+          }, function (error) {
+              _this.alertService.apiError(error);
+          });
+      };
+      ReportService.prototype.getFilters = function () {
+          var filters = [];
+          this.formFields.forEach(function (field) {
+              var _a, _b;
+              if (field && ((_b = (_a = field.value) === null || _a === void 0 ? void 0 : _a.toString()) === null || _b === void 0 ? void 0 : _b.length) > 0) {
+                  filters.push({
+                      field: field.field,
+                      matchMode: 'equal',
+                      operator: 'and',
+                      value: field.value,
+                  });
+              }
+          });
+          return filters;
+      };
+      return ReportService;
+  }());
+  /** @nocollapse */ ReportService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function ReportService_Factory() { return new ReportService(i0__namespace.ɵɵinject(i1__namespace$2.DialogService), i0__namespace.ɵɵinject(RequestService), i0__namespace.ɵɵinject(AlertService)); }, token: ReportService, providedIn: "root" });
+  ReportService.decorators = [
+      { type: i0.Injectable, args: [{
+                  providedIn: 'root'
+              },] }
+  ];
+  /** @nocollapse */
+  ReportService.ctorParameters = function () { return [
+      { type: i1.DialogService },
+      { type: RequestService },
+      { type: AlertService }
+  ]; };
+
   var SidebarComponent = /** @class */ (function () {
-      function SidebarComponent(instance, authService, dialogService, router, pageLoggerService, hyperlinkService, sidebarService) {
+      function SidebarComponent(instance, authService, dialogService, reportService, router, pageLoggerService, hyperlinkService, sidebarService) {
           this.instance = instance;
           this.authService = authService;
           this.dialogService = dialogService;
+          this.reportService = reportService;
           this.router = router;
           this.pageLoggerService = pageLoggerService;
           this.hyperlinkService = hyperlinkService;
@@ -8544,6 +8844,9 @@
                   else if (x.action && x.action === exports.ESidebarAction.IFRAME) {
                       _this.loadIFrame(x, item);
                   }
+                  else if (x.action && x.action === exports.ESidebarAction.REPORT) {
+                      _this.downloadReport(x);
+                  }
                   else {
                       _this.handleActiveItem(item);
                   }
@@ -8620,6 +8923,10 @@
               disabled: menu.disabled,
           }); });
       };
+      SidebarComponent.prototype.downloadReport = function (menu) {
+          console.log('menu: ', menu);
+          this.reportService.downloadReport(menu.reportId, menu.params, menu.showDialog);
+      };
       SidebarComponent.prototype.loadIFrame = function (menu, item) {
           var _this = this;
           var _a, _b, _c, _d;
@@ -8791,7 +9098,8 @@
   SidebarComponent.ctorParameters = function () { return [
       { type: i0.Renderer2 },
       { type: AuthenticationService },
-      { type: dynamicdialog.DialogService },
+      { type: i1.DialogService },
+      { type: ReportService },
       { type: router.Router },
       { type: PageLoggerService },
       { type: HyperlinkService },
@@ -8895,7 +9203,7 @@
   /** @nocollapse */
   HeaderComponent.ctorParameters = function () { return [
       { type: AuthenticationService },
-      { type: i1$1.DatePipe }
+      { type: i1$2.DatePipe }
   ]; };
   HeaderComponent.propDecorators = {
       headers: [{ type: i0.Input }]
@@ -9115,8 +9423,8 @@
       { type: FormService },
       { type: RequestService },
       { type: AlertService },
-      { type: dynamicdialog.DynamicDialogConfig, decorators: [{ type: i0.Optional }] },
-      { type: dynamicdialog.DynamicDialogRef, decorators: [{ type: i0.Optional }] }
+      { type: i1.DynamicDialogConfig, decorators: [{ type: i0.Optional }] },
+      { type: i1.DynamicDialogRef, decorators: [{ type: i0.Optional }] }
   ]; };
 
   var CardComponent = /** @class */ (function () {
@@ -9261,7 +9569,7 @@
   ];
   /** @nocollapse */
   CardComponent.ctorParameters = function () { return [
-      { type: dynamicdialog.DialogService },
+      { type: i1.DialogService },
       { type: GridService },
       { type: api.ConfirmationService }
   ]; };
@@ -9386,299 +9694,27 @@
       allowDeleteFile: [{ type: i0.Input }]
   };
 
-  var ReportFilterComponent = /** @class */ (function () {
-      function ReportFilterComponent(config, requestService, formService, alertService) {
-          this.config = config;
-          this.requestService = requestService;
-          this.formService = formService;
-          this.alertService = alertService;
-          this.formFields = [];
-      }
-      ReportFilterComponent.prototype.ngOnInit = function () {
-          this.createDynamicFields();
-      };
-      ReportFilterComponent.prototype.initializeForm = function () {
-          var _this = this;
-          var _a, _b;
-          this.dynamicForm = {
-              formSections: [
-                  {
-                      fields: __spreadArray(__spreadArray([], __read(this.formFields)), [
-                          {
-                              label: 'Download Report',
-                              control: exports.EFormControl.ADD_BUTTON,
-                              hidden: (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.hideGenerateReportBtn,
-                              onClick: function () {
-                                  _this.downloadReport();
-                              },
-                          }
-                      ])
-                  }
-              ]
-          };
-      };
-      ReportFilterComponent.prototype.createDynamicFields = function () {
-          var _this = this;
-          var _a;
-          this.requestService.getOne('/ReportConfig/ById', (_a = this.config.data) === null || _a === void 0 ? void 0 : _a.Id).subscribe(function (data) {
-              var reportJson = JSON.parse(data === null || data === void 0 ? void 0 : data.report);
-              _this.formFields = reportJson === null || reportJson === void 0 ? void 0 : reportJson.FormFields;
-              _this.setParamFieldValue();
-              _this.initializeForm();
-              // set dropdown data based on matched field.
-              _this.setDropDownData(reportJson);
-          }, function (error) {
-              _this.initializeForm();
-              _this.alertService.error(error);
-          });
-      };
-      ReportFilterComponent.prototype.setParamFieldValue = function () {
-          var _this = this;
-          var _a;
-          if (this.config.data && ((_a = this.config.data.param) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-              this.config.data.param.forEach(function (param) {
-                  _this.formFields.forEach(function (field) {
-                      var _a;
-                      var matchKey = (_a = Object.keys(param)) === null || _a === void 0 ? void 0 : _a.find(function (key) { var _a; return (key === null || key === void 0 ? void 0 : key.toLowerCase()) === ((_a = field.field) === null || _a === void 0 ? void 0 : _a.toLowerCase()); });
-                      if (matchKey && matchKey.length > 0) {
-                          field.value = param[matchKey];
-                      }
-                  });
-              });
-          }
-      };
-      ReportFilterComponent.prototype.setDropDownData = function (reportJson) {
-          var _this = this;
-          var _a;
-          (_a = reportJson.Parameters) === null || _a === void 0 ? void 0 : _a.forEach(function (record) {
-              if (record.isuniquekey) {
-                  _this.requestService.get('/Data/Fetch', {
-                      uniqueKey: record.isuniquekey,
-                      filters: []
-                  }).subscribe(function (response) {
-                      _this.formService.setFormFieldProp(_this.dynamicForm, record.paramname, [
-                          { name: 'data', value: response.records },
-                      ]);
-                  }, function (error) {
-                      _this.alertService.apiError(error);
-                  });
-              }
-          });
-      };
-      ReportFilterComponent.prototype.getFilters = function () {
-          var _a, _b;
-          var filters = [];
-          (_b = (_a = this.dynamicForm) === null || _a === void 0 ? void 0 : _a.formSections) === null || _b === void 0 ? void 0 : _b.forEach(function (section) {
-              var _a;
-              (_a = section.fields) === null || _a === void 0 ? void 0 : _a.forEach(function (field) {
-                  if (field && field.value) {
-                      filters.push({ field: field.field, matchMode: 'equal', operator: 'and', value: field.value });
-                  }
-                  ;
-              });
-          });
-          return filters;
-      };
-      ReportFilterComponent.prototype.downloadReport = function () {
-          var _this = this;
-          var _a, _b;
-          var filters = this.getFilters();
-          this.requestService.download('/Report/Generate', { Id: (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.Id, filters: filters })
-              .subscribe(function (response) {
-              var _a, _b, _c, _d;
-              var newBlob = new Blob([response.body], { type: 'application/pdf' });
-              var data = window.URL.createObjectURL(newBlob);
-              var a = document.createElement('a');
-              a.href = data;
-              var header = (_a = response === null || response === void 0 ? void 0 : response.headers) === null || _a === void 0 ? void 0 : _a.get('Content-Disposition');
-              var fileName = (_d = (_c = (_b = header === null || header === void 0 ? void 0 : header.split('filename=')) === null || _b === void 0 ? void 0 : _b[1]) === null || _c === void 0 ? void 0 : _c.split(";")[0]) === null || _d === void 0 ? void 0 : _d.replaceAll(/\"/g, '');
-              a.download = fileName;
-              document.body.appendChild(a);
-              a.click();
-              document.body.removeChild(a);
-          }, function (error) {
-              _this.alertService.apiError(error);
-          });
-      };
-      return ReportFilterComponent;
-  }());
-  ReportFilterComponent.decorators = [
-      { type: i0.Component, args: [{
-                  selector: 'se-report-filter',
-                  template: "<se-form  \n*ngIf=\"dynamicForm\"\n[form]=\"dynamicForm\"\n[hideSaveButton]=\"true\"\n[hideCancelButton]=\"true\"\n>\n</se-form>\n",
-                  styles: [""]
-              },] }
-  ];
-  /** @nocollapse */
-  ReportFilterComponent.ctorParameters = function () { return [
-      { type: dynamicdialog.DynamicDialogConfig, decorators: [{ type: i0.Optional }] },
-      { type: RequestService },
-      { type: FormService },
-      { type: AlertService }
-  ]; };
-
-  //import { EFormControl, IDynamicForm } from '@churchillliving/se-ui-toolkit';
   var GenerateReportBtnComponent = /** @class */ (function () {
-      function GenerateReportBtnComponent(dialogService, requestService, alertService) {
-          this.dialogService = dialogService;
-          this.requestService = requestService;
-          this.alertService = alertService;
-          this.formFields = [];
-          this.paramsCopy = [];
+      function GenerateReportBtnComponent(reportService) {
+          this.reportService = reportService;
       }
       GenerateReportBtnComponent.prototype.ngOnInit = function () {
-          var _this = this;
-          this.params.forEach(function (p) {
-              _this.paramsCopy.push(Object.assign({}, p));
-          });
-          this.createDynamicFields();
       };
       GenerateReportBtnComponent.prototype.reportClickEvent = function () {
-          this.getFormFieldValues();
-          if ((this.formFields.some(function (field) { return !field.hidden; }) &&
-              this.showDialog === undefined) ||
-              this.showDialog === true) {
-              this.dialogService.open(ReportFilterComponent, {
-                  width: '80%',
-                  height: '100%',
-                  header: 'Generate Report',
-                  data: { Id: this.repId, param: this.params },
-              });
-          }
-          else {
-              this.downloadQuickReport();
-          }
-      };
-      GenerateReportBtnComponent.prototype.createDynamicFields = function () {
-          var _this = this;
-          this.requestService
-              .getOne('/ReportConfig/ById', this.repId)
-              .subscribe(function (data) {
-              if (data) {
-                  var reportJson = JSON.parse(data === null || data === void 0 ? void 0 : data.report);
-                  _this.formFields = reportJson === null || reportJson === void 0 ? void 0 : reportJson.FormFields;
-              }
-          }, function (error) {
-              _this.alertService.error(error);
-          });
-      };
-      GenerateReportBtnComponent.prototype.getFilters = function () {
-          var filters = [];
-          this.formFields.forEach(function (field) {
-              var _a, _b;
-              if (field && ((_b = (_a = field.value) === null || _a === void 0 ? void 0 : _a.toString()) === null || _b === void 0 ? void 0 : _b.length) > 0) {
-                  filters.push({
-                      field: field.field,
-                      matchMode: 'equal',
-                      operator: 'and',
-                      value: field.value,
-                  });
-              }
-          });
-          return filters;
-      };
-      GenerateReportBtnComponent.prototype.getFormFieldValues = function () {
-          var _this = this;
-          var _a;
-          if (((_a = this.paramsCopy) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-              this.paramsCopy.forEach(function (paramCopy) {
-                  var _a, _b, _c, _d;
-                  var key = Object.keys(paramCopy)[0];
-                  if (paramCopy[key] === '' || !paramCopy[key]) {
-                      (_b = (_a = _this.form) === null || _a === void 0 ? void 0 : _a.formSections) === null || _b === void 0 ? void 0 : _b.forEach(function (section) {
-                          section.fields.forEach(function (field) {
-                              var _a;
-                              if (key.toString().toLowerCase() === ((_a = field.field) === null || _a === void 0 ? void 0 : _a.toLowerCase())) {
-                                  _this.params.forEach(function (origParam) {
-                                      var origKey = Object.keys(origParam)[0];
-                                      if (origKey == key) {
-                                          //origParam[origKey] = field.value;
-                                          if (field.control == exports.EFormControl.CALENDAR) {
-                                              origParam[origKey] = field.value ? field.value.toLocaleDateString() : null;
-                                          }
-                                          else {
-                                              origParam[origKey] = field.value;
-                                          }
-                                      }
-                                  });
-                              }
-                          });
-                      });
-                  }
-                  else if (paramCopy[key].toString().includes('{') &&
-                      paramCopy[key].toString().includes('}')) {
-                      var newValue = paramCopy[key].replace('{', '').replace('}', '');
-                      (_d = (_c = _this.form) === null || _c === void 0 ? void 0 : _c.formSections) === null || _d === void 0 ? void 0 : _d.forEach(function (section) {
-                          section.fields.forEach(function (field) {
-                              var _a;
-                              if (newValue.toString().toLowerCase() === ((_a = field.field) === null || _a === void 0 ? void 0 : _a.toLowerCase())) {
-                                  _this.params.forEach(function (origParam) {
-                                      var origKey = Object.keys(origParam)[0];
-                                      if (origKey == key) {
-                                          if (field.control == exports.EFormControl.CALENDAR) {
-                                              origParam[origKey] = field.value ? field.value.toLocaleDateString() : null;
-                                          }
-                                          else {
-                                              origParam[origKey] = field.value;
-                                          }
-                                      }
-                                  });
-                              }
-                          });
-                      });
-                  }
-              });
-              //console.log('new params', this.params);
-          }
-      };
-      GenerateReportBtnComponent.prototype.downloadQuickReport = function () {
-          var _this = this;
-          var filters = [];
-          if (this.params && this.params.length > 0) {
-              this.params.forEach(function (param) {
-                  Object.keys(param).map(function (key) { return filters.push({
-                      field: key,
-                      matchMode: 'equal',
-                      operator: 'and',
-                      value: param[key],
-                  }); });
-              });
-          }
-          else {
-              filters = this.getFilters();
-          }
-          this.requestService
-              .download('/Report/Generate', { Id: this.repId, filters: filters })
-              .subscribe(function (response) {
-              var _a, _b, _c, _d;
-              var newBlob = new Blob([response.body], { type: 'application/pdf' });
-              var data = window.URL.createObjectURL(newBlob);
-              var a = document.createElement('a');
-              a.href = data;
-              var header = (_a = response === null || response === void 0 ? void 0 : response.headers) === null || _a === void 0 ? void 0 : _a.get('Content-Disposition');
-              var fileName = (_d = (_c = (_b = header === null || header === void 0 ? void 0 : header.split('filename=')) === null || _b === void 0 ? void 0 : _b[1]) === null || _c === void 0 ? void 0 : _c.split(';')[0]) === null || _d === void 0 ? void 0 : _d.replaceAll(/\"/g, '');
-              a.download = fileName;
-              document.body.appendChild(a);
-              a.click();
-              document.body.removeChild(a);
-          }, function (error) {
-              _this.alertService.apiError(error);
-          });
+          this.reportService.downloadReport(this.repId, this.params, this.showDialog, this.form);
       };
       return GenerateReportBtnComponent;
   }());
   GenerateReportBtnComponent.decorators = [
       { type: i0.Component, args: [{
                   selector: 'se-generate-report-btn',
-                  template: "<button\n  class=\"report-btn generate-report-btn\"\n  pButton\n  type=\"button\"\n  [label]=\"label ? label : 'Generate Report'\"\n  (click)=\"reportClickEvent()\"\n></button>\n",
+                  template: "<button\n  class=\"report-btn generate-report-btn\"\n  pButton\n  type=\"button\"\n  id=\"reportbtn\"\n  [label]=\"label ? label : 'Generate Report'\"\n  (click)=\"reportClickEvent()\"\n></button>\n",
                   styles: [""]
               },] }
   ];
   /** @nocollapse */
   GenerateReportBtnComponent.ctorParameters = function () { return [
-      { type: dynamicdialog.DialogService },
-      { type: RequestService },
-      { type: AlertService }
+      { type: ReportService }
   ]; };
   GenerateReportBtnComponent.propDecorators = {
       repId: [{ type: i0.Input }],
@@ -10160,11 +10196,11 @@
   ];
   /** @nocollapse */
   SeGlobalFilterComponent.ctorParameters = function () { return [
-      { type: i1$1.DatePipe },
-      { type: dynamicdialog.DynamicDialogRef, decorators: [{ type: i0.Optional }] },
-      { type: dynamicdialog.DynamicDialogConfig, decorators: [{ type: i0.Optional }] },
+      { type: i1$2.DatePipe },
+      { type: i1.DynamicDialogRef, decorators: [{ type: i0.Optional }] },
+      { type: i1.DynamicDialogConfig, decorators: [{ type: i0.Optional }] },
       { type: GridService },
-      { type: dynamicdialog.DialogService },
+      { type: i1.DialogService },
       { type: AlertService },
       { type: i0.ElementRef }
   ]; };
@@ -10220,7 +10256,7 @@
   ];
   /** @nocollapse */
   SeFilterComponent.ctorParameters = function () { return [
-      { type: dynamicdialog.DialogService }
+      { type: i1.DialogService }
   ]; };
   SeFilterComponent.propDecorators = {
       globalFilters: [{ type: i0.Input }],
@@ -10322,9 +10358,9 @@
                       SeFilterComponent,
                       AlertPopUpComponent
                   ],
-                  providers: [dynamicdialog.DialogService, AlertService, i1$1.DecimalPipe, i1$1.DatePipe, RequestService],
+                  providers: [i1.DialogService, AlertService, i1$2.DecimalPipe, i1$2.DatePipe, RequestService],
                   imports: [
-                      i1$1.CommonModule,
+                      i1$2.CommonModule,
                       table.TableModule,
                       panelmenu.PanelMenuModule,
                       menu.MenuModule,
@@ -10666,7 +10702,8 @@
   exports["ɵb"] = AddRowDirective;
   exports["ɵc"] = NotesComponent;
   exports["ɵd"] = AppFilterMenuComponent;
-  exports["ɵe"] = AlertPopUpComponent;
+  exports["ɵe"] = ReportService;
+  exports["ɵf"] = AlertPopUpComponent;
   Object.keys(api).forEach(function (k) {
     if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
       enumerable: true,