@churchillliving/se-ui-toolkit 6.53.477 → 6.53.478

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

@@ -3542,7 +3542,7 @@
                               row[fieldNameObj] = Object.assign(Object.assign({}, row[fieldNameObj]), (_g = { text: row[fieldName] }, _g[prop.propName] = prop.propValue, _g));
                           }
                           else {
-                              row[fieldNameObj] = Object.assign(Object.assign({}, row[fieldName]), (_h = { text: row[fieldName] }, _h[prop.propName] = prop.propValue, _h));
+                              row[fieldNameObj] = (_h = { text: row[fieldName] }, _h[prop.propName] = prop.propValue, _h);
                           }
                       }
                       else if (columns === null || columns === void 0 ? void 0 : columns.some(function (column) { var _a, _b; return ((_a = column.field) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = prop === null || prop === void 0 ? void 0 : prop.field) === null || _b === void 0 ? void 0 : _b.toLowerCase()); })) {
@@ -3552,7 +3552,7 @@
                               row[propFieldObj] = Object.assign(Object.assign({}, row[propFieldObj]), (_j = { text: row[prop.field] }, _j[prop.propName] = prop.propValue, _j));
                           }
                           else {
-                              row[propFieldObj] = Object.assign(Object.assign({}, row[propField]), (_k = { text: row[prop.field] }, _k[prop.propName] = prop.propValue, _k));
+                              row[propFieldObj] = (_k = { text: row[prop.field] }, _k[prop.propName] = prop.propValue, _k);
                           }
                       }
                       ;
@@ -5783,6 +5783,7 @@
       };
       // Check calender value is changed or not
       GridComponent.prototype.calenderChangeEvent = function (column, row) {
+          var _this = this;
           var valueChange = false;
           if (column.timeOnly &&
               this.datePipe.transform(row[column.field], 'hh:mm') !==
@@ -5801,7 +5802,9 @@
           if (valueChange) {
               this.browserCloseEvent(true);
               this.generateRowsDataCopy = false;
-              this.rowsChange.emit(this.rowsData);
+              setTimeout(function () {
+                  _this.rowsChange.emit(_this.rowsData);
+              }, 250);
               if (column.onChange) {
                   column.onChange(row);
               }
@@ -5957,30 +5960,29 @@
       };
       // Invoke onClick Event.
       GridComponent.prototype.onClickEvent = function (column, row) {
-          var _a, _b, _c, _d;
-          if (column.type === exports.EGridColumnType.LINK && (column.editLink === false || column.editLink === undefined) && column.editable !== true && column.disabled !== true) {
-              if (column && column.onClick && column.disabled !== true && ((_b = (_a = row[column.field + '_obj']) === null || _a === void 0 ? void 0 : _a.action) === null || _b === void 0 ? void 0 : _b.disabled) !== true) {
-                  column.onClick(row);
-              }
-              else {
-                  var a = document.createElement('a');
-                  a.href = (_c = row[column.field + '_obj']) === null || _c === void 0 ? void 0 : _c.hyperlink;
-                  a.target = column.target ? column.target : '_blank',
-                      a.click();
-              }
-          }
-          if (column.type === exports.EGridColumnType.DATE && row[column.field]) {
-              this.calenderPreviousValue = row[column.field];
-          }
-          else if (!row[column.field] &&
-              column.type === exports.EGridColumnType.DATE &&
-              (column.showTime || column.timeOnly) &&
-              column.minutesInterval) {
-              this.defaultDate = new Date(setMinutesInterval(new Date()));
-          }
-          if (column && column.onClick && column.disabled !== true && ((_d = row[column.field + '_obj']) === null || _d === void 0 ? void 0 : _d.disabled) !== true) {
-              column.onClick(row);
-          }
+          // if (column.type === EGridColumnType.LINK && (column.editLink === false || column.editLink === undefined) && column.editable !== true && column.disabled !== true) {
+          //   if (column && column.onClick && column.disabled !== true && row[column.field + '_obj']?.action?.disabled !== true) {
+          //     column.onClick(row);
+          //   } else {
+          //     let a = document.createElement('a');
+          //     a.href = row[column.field + '_obj']?.hyperlink;
+          //     a.target = column.target ? column.target : '_blank',
+          //     a.click();
+          //   }
+          // }
+          // if (column.type === EGridColumnType.DATE && row[column.field]) {
+          //   this.calenderPreviousValue = row[column.field];
+          // } else if (
+          //   !row[column.field] &&
+          //   column.type === EGridColumnType.DATE &&
+          //   (column.showTime || column.timeOnly) &&
+          //   column.minutesInterval
+          // ) {
+          //   this.defaultDate = new Date(utilities.setMinutesInterval(new Date()));
+          // }
+          // if (column && column.onClick && column.disabled !== true && row[column.field + '_obj']?.disabled !== true) {
+          //   column.onClick(row);
+          // }
       };
       // set the select value of multi-select
       GridComponent.prototype.showOption = function (column, row) {
@@ -8375,7 +8377,6 @@
       ESidebarAction["NAVIGATION"] = "navigation";
       ESidebarAction["OPENDIALOG"] = "dialog";
       ESidebarAction["IFRAME"] = "_iframe";
-      ESidebarAction["REPORT"] = "report";
   })(exports.ESidebarAction || (exports.ESidebarAction = {}));
 
   var SideBarService = /** @class */ (function () {
@@ -8467,493 +8468,189 @@
       { 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 = [];
+  var SidebarComponent = /** @class */ (function () {
+      function SidebarComponent(instance, authService, dialogService, router, pageLoggerService, hyperlinkService, sidebarService) {
+          this.instance = instance;
+          this.authService = authService;
+          this.dialogService = dialogService;
+          this.router = router;
+          this.pageLoggerService = pageLoggerService;
+          this.hyperlinkService = hyperlinkService;
+          this.sidebarService = sidebarService;
+          this.toggleMenu = false;
+          this.loadComponentName = '';
+          this.openDialogs = [];
+          this.navHidden = false;
+          this.collapseSidebar = false;
+          this.sidebarItemsList = [];
+          this.menuItems = [];
+          this.roles = [];
+          this.isSidebarHidden = false;
       }
-      ReportFilterComponent.prototype.ngOnInit = function () {
-          this.createDynamicFields();
-      };
-      ReportFilterComponent.prototype.initializeForm = function () {
-          var _this = this;
+      Object.defineProperty(SidebarComponent.prototype, "sidebarItems", {
+          set: function (newSidebarItems) {
+              if (newSidebarItems) {
+                  this.sidebarItemsList = newSidebarItems;
+                  this.initializeSideBar();
+              }
+          },
+          enumerable: false,
+          configurable: true
+      });
+      SidebarComponent.prototype.ngOnInit = function () {
           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();
-                              },
-                          }
-                      ])
-                  }
-              ]
-          };
+          if ((_a = this.router.url.toString()) === null || _a === void 0 ? void 0 : _a.includes('component=')) {
+              var componentName = (_b = this.router.url) === null || _b === void 0 ? void 0 : _b.split('component=')[1];
+              if (componentName) {
+                  this.loadComponentName = componentName;
+              }
+          }
+          if (this.loadComponentName) {
+              this.openDynamicComponetonLoad();
+          }
       };
-      ReportFilterComponent.prototype.createDynamicFields = function () {
+      SidebarComponent.prototype.openDynamicComponetonLoad = 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);
+          (_a = this.sidebarItemsList) === null || _a === void 0 ? void 0 : _a.forEach(function (item) {
+              if (item.action === exports.ESidebarAction.OPENDIALOG && exports.ESidebarTarget.BLANK && item.component.name === _this.loadComponentName) {
+                  _this.navigateComponentToNewTab(item, false);
+              }
           });
       };
-      ReportFilterComponent.prototype.setParamFieldValue = function () {
+      SidebarComponent.prototype.initializeSideBar = 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];
+          this.roles = this.authService.getUserRoles();
+          // apply user role permissions
+          this.applyUserPermissions();
+          this.menuItems = this.sidebarItemsList.map(function (x) { return ({
+              label: x.label,
+              icon: x.icon,
+              id: x.id,
+              section: x.section,
+              expanded: x.expanded,
+              action: x.action,
+              items: x.items && x.items.length > 0 ? _this.setMenuItems(x) : [],
+              title: _this.setMenuTitle(x),
+              command: function (_e) {
+                  var item = _e.item;
+                  if (x.action && x.action === exports.ESidebarAction.NAVIGATION) {
+                      _this.navigateToSection(x, item);
+                  }
+                  else if (x.action && x.action === exports.ESidebarAction.OPENDIALOG) {
+                      if (x.target && x.target === exports.ESidebarTarget.BLANK) {
+                          _this.navigateComponentToNewTab(x);
                       }
-                  });
-              });
-          }
+                      else {
+                          _this.openDialog(x, item);
+                      }
+                  }
+                  else if (x.action && x.action === exports.ESidebarAction.IFRAME) {
+                      _this.loadIFrame(x, item);
+                  }
+                  else {
+                      _this.handleActiveItem(item);
+                  }
+              },
+              style: {
+                  borderBottom: '',
+                  display: x.hidden ? 'none' : '',
+              },
+              onClick: x.onClick,
+              onReturn: x.onReturn,
+              disabled: x.disabled,
+          }); });
       };
-      ReportFilterComponent.prototype.setDropDownData = function (reportJson) {
+      //ref link: https://medium.com/@saranya.thangaraj/open-angular-component-in-a-new-tab-without-bootstrapping-the-whole-app-again-e329af460e92
+      SidebarComponent.prototype.navigateComponentToNewTab = function (menu, onNewTab) {
           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);
-                  });
+          if (onNewTab === void 0) { onNewTab = true; }
+          var _a, _b;
+          var windowRef = window;
+          var winRef;
+          if (onNewTab) {
+              winRef = window.open();
+              if (winRef.location.href === 'about:blank') {
+                  if (this.router.url && ((_b = (_a = this.router.url) === null || _a === void 0 ? void 0 : _a.toString()) === null || _b === void 0 ? void 0 : _b.includes('?'))) {
+                      winRef.location.href = this.router.url + '&&component=' + menu.component.name;
+                  }
+                  else {
+                      winRef.location.href = this.router.url + "?component=" + menu.component.name;
+                  }
               }
-          });
+          }
+          // Wait for window instance to be created
+          if (onNewTab) {
+              setTimeout(function () {
+                  _this.sidebarService.createWindowInstance(menu, winRef);
+              }, 900);
+          }
+          else {
+              this.sidebarService.createWindowInstance(menu, windowRef);
+          }
       };
-      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 });
+      SidebarComponent.prototype.setMenuTitle = function (x) {
+          return x.tooltip ? x.tooltip : !x.label ? x.section : '';
+      };
+      SidebarComponent.prototype.setMenuItems = function (x) {
+          var _this = this;
+          return x.items.map(function (menu) { return ({
+              label: menu.label,
+              icon: menu.icon,
+              id: menu.id,
+              section: menu.section,
+              expanded: menu.expanded,
+              action: menu.action,
+              title: _this.setMenuTitle(x),
+              command: function (_e) {
+                  var item = _e.item;
+                  if (x.action && x.action === exports.ESidebarAction.NAVIGATION) {
+                      _this.navigateToSection(menu, item);
                   }
-                  ;
+                  else if (menu.action && menu.action === exports.ESidebarAction.OPENDIALOG) {
+                      _this.openDialog(menu, item);
+                  }
+                  else if (menu.action && menu.action === exports.ESidebarAction.IFRAME) {
+                      _this.loadIFrame(menu, x);
+                  }
+                  _this.handleActiveItem(item);
+              },
+              style: {
+                  borderBottom: '',
+                  display: menu.hidden ? 'none' : '',
+              },
+              onClick: menu.onClick,
+              onReturn: menu.onReturn,
+              disabled: menu.disabled,
+          }); });
+      };
+      SidebarComponent.prototype.loadIFrame = function (menu, item) {
+          var _this = this;
+          var _a, _b, _c, _d;
+          if (menu) {
+              var dialogRef = this.dialogService.open(IframeComponent, {
+                  header: menu.section,
+                  width: ((_a = menu.iFrame) === null || _a === void 0 ? void 0 : _a.width) ? menu.iFrame.width : '90%',
+                  height: ((_b = menu.iFrame) === null || _b === void 0 ? void 0 : _b.height) ? menu.iFrame.height : '80%',
+                  data: { value: (_c = menu.iFrame) === null || _c === void 0 ? void 0 : _c.link, iFrameId: menu.section },
               });
-          });
-          return filters;
+              this.pageLoggerService.savePageLoggerInfo((_d = this.router.url) === null || _d === void 0 ? void 0 : _d.substring(1), 'IframeComponent');
+              this.handleActiveItem(item);
+              draggableDialog(menu.label);
+              dialogRef.onClose.subscribe(function (data) {
+                  _this.handleActiveItem(item, false);
+                  if (data && menu.onReturn) {
+                      menu.onReturn(data);
+                  }
+              });
+          }
       };
-      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, 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;
-          this.sidebarService = sidebarService;
-          this.toggleMenu = false;
-          this.loadComponentName = '';
-          this.openDialogs = [];
-          this.navHidden = false;
-          this.collapseSidebar = false;
-          this.sidebarItemsList = [];
-          this.menuItems = [];
-          this.roles = [];
-          this.isSidebarHidden = false;
-      }
-      Object.defineProperty(SidebarComponent.prototype, "sidebarItems", {
-          set: function (newSidebarItems) {
-              if (newSidebarItems) {
-                  this.sidebarItemsList = newSidebarItems;
-                  this.initializeSideBar();
-              }
-          },
-          enumerable: false,
-          configurable: true
-      });
-      SidebarComponent.prototype.ngOnInit = function () {
-          var _a, _b;
-          if ((_a = this.router.url.toString()) === null || _a === void 0 ? void 0 : _a.includes('component=')) {
-              var componentName = (_b = this.router.url) === null || _b === void 0 ? void 0 : _b.split('component=')[1];
-              if (componentName) {
-                  this.loadComponentName = componentName;
-              }
-          }
-          if (this.loadComponentName) {
-              this.openDynamicComponetonLoad();
-          }
-      };
-      SidebarComponent.prototype.openDynamicComponetonLoad = function () {
-          var _this = this;
-          var _a;
-          (_a = this.sidebarItemsList) === null || _a === void 0 ? void 0 : _a.forEach(function (item) {
-              if (item.action === exports.ESidebarAction.OPENDIALOG && exports.ESidebarTarget.BLANK && item.component.name === _this.loadComponentName) {
-                  _this.navigateComponentToNewTab(item, false);
-              }
-          });
-      };
-      SidebarComponent.prototype.initializeSideBar = function () {
-          var _this = this;
-          this.roles = this.authService.getUserRoles();
-          // apply user role permissions
-          this.applyUserPermissions();
-          this.menuItems = this.sidebarItemsList.map(function (x) { return ({
-              label: x.label,
-              icon: x.icon,
-              id: x.id,
-              section: x.section,
-              expanded: x.expanded,
-              action: x.action,
-              items: x.items && x.items.length > 0 ? _this.setMenuItems(x) : [],
-              title: _this.setMenuTitle(x),
-              command: function (_e) {
-                  var item = _e.item;
-                  if (x.action && x.action === exports.ESidebarAction.NAVIGATION) {
-                      _this.navigateToSection(x, item);
-                  }
-                  else if (x.action && x.action === exports.ESidebarAction.OPENDIALOG) {
-                      if (x.target && x.target === exports.ESidebarTarget.BLANK) {
-                          _this.navigateComponentToNewTab(x);
-                      }
-                      else {
-                          _this.openDialog(x, item);
-                      }
-                  }
-                  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);
-                  }
-              },
-              style: {
-                  borderBottom: '',
-                  display: x.hidden ? 'none' : '',
-              },
-              onClick: x.onClick,
-              onReturn: x.onReturn,
-              disabled: x.disabled,
-          }); });
-      };
-      //ref link: https://medium.com/@saranya.thangaraj/open-angular-component-in-a-new-tab-without-bootstrapping-the-whole-app-again-e329af460e92
-      SidebarComponent.prototype.navigateComponentToNewTab = function (menu, onNewTab) {
-          var _this = this;
-          if (onNewTab === void 0) { onNewTab = true; }
-          var _a, _b;
-          var windowRef = window;
-          var winRef;
-          if (onNewTab) {
-              winRef = window.open();
-              if (winRef.location.href === 'about:blank') {
-                  if (this.router.url && ((_b = (_a = this.router.url) === null || _a === void 0 ? void 0 : _a.toString()) === null || _b === void 0 ? void 0 : _b.includes('?'))) {
-                      winRef.location.href = this.router.url + '&&component=' + menu.component.name;
-                  }
-                  else {
-                      winRef.location.href = this.router.url + "?component=" + menu.component.name;
-                  }
-              }
-          }
-          // Wait for window instance to be created
-          if (onNewTab) {
-              setTimeout(function () {
-                  _this.sidebarService.createWindowInstance(menu, winRef);
-              }, 900);
-          }
-          else {
-              this.sidebarService.createWindowInstance(menu, windowRef);
-          }
-      };
-      SidebarComponent.prototype.setMenuTitle = function (x) {
-          return x.tooltip ? x.tooltip : !x.label ? x.section : '';
-      };
-      SidebarComponent.prototype.setMenuItems = function (x) {
-          var _this = this;
-          return x.items.map(function (menu) { return ({
-              label: menu.label,
-              icon: menu.icon,
-              id: menu.id,
-              section: menu.section,
-              expanded: menu.expanded,
-              action: menu.action,
-              title: _this.setMenuTitle(x),
-              command: function (_e) {
-                  var item = _e.item;
-                  if (x.action && x.action === exports.ESidebarAction.NAVIGATION) {
-                      _this.navigateToSection(menu, item);
-                  }
-                  else if (menu.action && menu.action === exports.ESidebarAction.OPENDIALOG) {
-                      _this.openDialog(menu, item);
-                  }
-                  else if (menu.action && menu.action === exports.ESidebarAction.IFRAME) {
-                      _this.loadIFrame(menu, x);
-                  }
-                  _this.handleActiveItem(item);
-              },
-              style: {
-                  borderBottom: '',
-                  display: menu.hidden ? 'none' : '',
-              },
-              onClick: menu.onClick,
-              onReturn: menu.onReturn,
-              disabled: menu.disabled,
-          }); });
-      };
-      SidebarComponent.prototype.downloadReport = function (menu) {
-          this.reportService.downloadReport(menu.reportId, menu.params, menu.showDialog);
-      };
-      SidebarComponent.prototype.loadIFrame = function (menu, item) {
-          var _this = this;
-          var _a, _b, _c, _d;
-          if (menu) {
-              var dialogRef = this.dialogService.open(IframeComponent, {
-                  header: menu.section,
-                  width: ((_a = menu.iFrame) === null || _a === void 0 ? void 0 : _a.width) ? menu.iFrame.width : '90%',
-                  height: ((_b = menu.iFrame) === null || _b === void 0 ? void 0 : _b.height) ? menu.iFrame.height : '80%',
-                  data: { value: (_c = menu.iFrame) === null || _c === void 0 ? void 0 : _c.link, iFrameId: menu.section },
-              });
-              this.pageLoggerService.savePageLoggerInfo((_d = this.router.url) === null || _d === void 0 ? void 0 : _d.substring(1), 'IframeComponent');
-              this.handleActiveItem(item);
-              draggableDialog(menu.label);
-              dialogRef.onClose.subscribe(function (data) {
-                  _this.handleActiveItem(item, false);
-                  if (data && menu.onReturn) {
-                      menu.onReturn(data);
-                  }
-              });
-          }
-      };
-      SidebarComponent.prototype.toggleSidebar = function () {
-          this.toggleMenu = !this.toggleMenu;
-          localStorage.setItem('toggleMenu', JSON.stringify(this.toggleMenu));
-      };
-      // apply user role permissions
-      SidebarComponent.prototype.applyUserPermissions = function () {
+      SidebarComponent.prototype.toggleSidebar = function () {
+          this.toggleMenu = !this.toggleMenu;
+          localStorage.setItem('toggleMenu', JSON.stringify(this.toggleMenu));
+      };
+      // apply user role permissions
+      SidebarComponent.prototype.applyUserPermissions = function () {
           var _this = this;
           if (this.sidebarItemsList) {
               var totalItems_1 = 0;
@@ -9099,7 +8796,6 @@
       { type: i0.Renderer2 },
       { type: AuthenticationService },
       { type: i1.DialogService },
-      { type: ReportService },
       { type: router.Router },
       { type: PageLoggerService },
       { type: HyperlinkService },
@@ -9573,126 +9269,423 @@
       { type: GridService },
       { type: api.ConfirmationService }
   ]; };
-  CardComponent.propDecorators = {
-      selectedCard: [{ type: i0.Output }],
-      data: [{ type: i0.Input }],
-      width: [{ type: i0.Input }],
-      height: [{ type: i0.Input }],
-      card: [{ type: i0.Input }],
-      setCardData: [{ type: i0.Input }]
-  };
+  CardComponent.propDecorators = {
+      selectedCard: [{ type: i0.Output }],
+      data: [{ type: i0.Input }],
+      width: [{ type: i0.Input }],
+      height: [{ type: i0.Input }],
+      card: [{ type: i0.Input }],
+      setCardData: [{ type: i0.Input }]
+  };
+
+  var fileComponent = /** @class */ (function () {
+      function fileComponent(confirmationService) {
+          this.confirmationService = confirmationService;
+          this.url = '';
+          this.caption = '';
+          this.width = '';
+          this.height = '200px';
+          this.onDeleteEvent = new i0.EventEmitter();
+          this.onSaveEvent = new i0.EventEmitter();
+          this.name = '';
+          this.allowDownloadFile = true;
+          this.allowEditableCaption = true;
+          this.allowDeleteFile = true;
+          this.editableCaption = false;
+      }
+      fileComponent.prototype.ngOnInit = function () {
+          this.checkFileExtension();
+      };
+      fileComponent.prototype.checkFileExtension = function () {
+          switch (this.type) {
+              case 'png':
+              case 'jpeg':
+              case 'jfif':
+              case 'jpg': {
+                  this.type = '.image';
+                  break;
+              }
+              case 'xlsx':
+              case 'xls':
+              case 'xlsm':
+              case 'txt': {
+                  this.type = exports.ESelectFileType.EXCEL;
+                  break;
+              }
+              case 'pdf':
+              case 'html': {
+                  this.type = exports.ESelectFileType.PDF;
+                  break;
+              }
+              case 'doc':
+              case 'docx': {
+                  this.type = exports.ESelectFileType.DOCUMENT;
+                  break;
+              }
+          }
+      };
+      fileComponent.prototype.downloadFile = function (url) {
+          var link = document.createElement('a');
+          link.href = url;
+          link.target = '_blank';
+          link.click();
+      };
+      fileComponent.prototype.captionClickEvent = function () {
+          if (this.allowEditableCaption) {
+              this.editableCaption = true;
+          }
+      };
+      fileComponent.prototype.captionSave = function (id, name, url, type, caption) {
+          var obj = {
+              id: id,
+              name: name,
+              blobfileurl: url,
+              type: type,
+              caption: caption,
+          };
+          if (caption !== null) {
+              this.caption = caption;
+              this.editableCaption = false;
+              this.onSaveEvent.emit(obj);
+          }
+      };
+      fileComponent.prototype.onDeleteFile = function (id, name, url, type, caption) {
+          var obj = {
+              id: id,
+              name: name,
+              blobfileurl: url,
+              type: type,
+              caption: caption,
+          };
+          this.onDeleteEvent.emit(obj);
+      };
+      fileComponent.prototype.cancel = function () {
+          this.editableCaption = false;
+      };
+      return fileComponent;
+  }());
+  fileComponent.decorators = [
+      { type: i0.Component, args: [{
+                  selector: 'se-file',
+                  template: "<div class=\"p-d-flex cards-wrapper\">\n  <div\n    class=\"example-box\"\n    [class]=\"width && width.length > 0 ? 'p-col-' + width : 'p-col-12'\"\n  >\n    <p-card class=\"custom-card\">\n      <div class=\"image-wrapper\">\n        <!-- Start image file type cases -->\n        <div [ngSwitch]=\"type\">\n          <img\n            alt=\"ImageCard\"\n            [src]=\"url\"\n            [name]=\"name\"\n            [id]=\"id\"\n            *ngSwitchCase=\"'.image'\"\n            [ngStyle]=\"{ height: height }\"\n          />\n\n          <img\n            alt=\"ImageCard\"\n            src=\"../../../../assets/images/pdf-file.png\"\n            [name]=\"name\"\n            [id]=\"id\"\n            *ngSwitchCase=\"'.pdf'\"\n            [ngStyle]=\"{ height: height }\"\n          />\n          <img\n            alt=\"ImageCard\"\n            src=\"../../../../assets/images/xls.png\"\n            [name]=\"name\"\n            [id]=\"id\"\n            *ngSwitchCase=\"'.excel'\"\n            [ngStyle]=\"{ height: height }\"\n          />\n          <img\n            alt=\"ImageCard\"\n            src=\"../../../../assets/images/doc.png\"\n            [name]=\"name\"\n            [id]=\"id\"\n            *ngSwitchCase=\"'.document'\"\n            [ngStyle]=\"{ height: height }\"\n          />\n        </div>\n        <!-- End image file type cases -->\n\n        <!-- start caption functionality-->\n        <div class=\"edit-caption\">\n          <h4\n            class=\"example-box\"\n            (click)=\"captionClickEvent()\"\n            [title]=\"caption\"\n            *ngIf=\"!editableCaption\"\n          >\n            {{ caption }}\n          </h4>\n          <div\n          class=\"p-d-flex p-flex-column p-ai-end\" \n          *ngIf=\"editableCaption && allowEditableCaption\"\n          >\n            <input\n              type=\"text\"\n              name=\"caption\"\n              [(ngModel)]=\"caption\"\n              pInputText\n              (blur)=\"captionSave(id, name, url, type, caption)\"\n            />\n            <div class=\"icons\">\n              <i\n                class=\"pi pi-check\"\n                (click)=\"captionSave(id, name, url, type, caption)\"\n              ></i>\n              <i class=\"pi pi-times\" (click)=\"cancel()\"></i>\n            </div>\n          </div>\n          <!-- End caption functionality-->\n\n          <!-- start header action button functionality -->\n          <div class=\"action-buttons\">\n            <button\n              pButton\n              type=\"button\"\n              icon=\"pi pi-arrow-circle-down\"\n              (click)=\"downloadFile(url)\"\n              class=\"p-button-rounded p-button-text\"\n              *ngIf=\"allowDownloadFile\"\n            ></button>\n            <button\n              pButton\n              type=\"button\"\n              icon=\"pi pi-trash\"\n              (click)=\"onDeleteFile(id, name, url, type, caption)\"\n              class=\"p-button-rounded p-button-text\"\n              *ngIf=\"allowDeleteFile\"\n            ></button>\n          </div>\n          <!-- End header action button functionality -->\n        </div>\n      </div>\n    </p-card>\n  </div>\n</div>\n",
+                  styles: [":host ::ng-deep .custom-card .action-buttons{visibility:hidden}:host ::ng-deep .custom-card .image-wrapper:hover .action-buttons{visibility:visible}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}\n"]
+              },] }
+  ];
+  /** @nocollapse */
+  fileComponent.ctorParameters = function () { return [
+      { type: api.ConfirmationService }
+  ]; };
+  fileComponent.propDecorators = {
+      url: [{ type: i0.Input }],
+      caption: [{ type: i0.Input }],
+      width: [{ type: i0.Input }],
+      height: [{ type: i0.Input }],
+      onDeleteEvent: [{ type: i0.Output }],
+      onSaveEvent: [{ type: i0.Output }],
+      id: [{ type: i0.Input }],
+      name: [{ type: i0.Input }],
+      type: [{ type: i0.Input }],
+      allowDownloadFile: [{ type: i0.Input }],
+      allowEditableCaption: [{ type: i0.Input }],
+      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: i1.DynamicDialogConfig, decorators: [{ type: i0.Optional }] },
+      { type: RequestService },
+      { type: FormService },
+      { type: AlertService }
+  ]; };
 
-  var fileComponent = /** @class */ (function () {
-      function fileComponent(confirmationService) {
-          this.confirmationService = confirmationService;
-          this.url = '';
-          this.caption = '';
-          this.width = '';
-          this.height = '200px';
-          this.onDeleteEvent = new i0.EventEmitter();
-          this.onSaveEvent = new i0.EventEmitter();
-          this.name = '';
-          this.allowDownloadFile = true;
-          this.allowEditableCaption = true;
-          this.allowDeleteFile = true;
-          this.editableCaption = false;
+  var ReportService = /** @class */ (function () {
+      function ReportService(dialogService, requestService, alertService) {
+          this.dialogService = dialogService;
+          this.requestService = requestService;
+          this.alertService = alertService;
+          this.formFields = [];
+          this.paramsCopy = [];
       }
-      fileComponent.prototype.ngOnInit = function () {
-          this.checkFileExtension();
+      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);
       };
-      fileComponent.prototype.checkFileExtension = function () {
-          switch (this.type) {
-              case 'png':
-              case 'jpeg':
-              case 'jfif':
-              case 'jpg': {
-                  this.type = '.image';
-                  break;
-              }
-              case 'xlsx':
-              case 'xls':
-              case 'xlsm':
-              case 'txt': {
-                  this.type = exports.ESelectFileType.EXCEL;
-                  break;
-              }
-              case 'pdf':
-              case 'html': {
-                  this.type = exports.ESelectFileType.PDF;
-                  break;
-              }
-              case 'doc':
-              case 'docx': {
-                  this.type = exports.ESelectFileType.DOCUMENT;
-                  break;
+      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;
               }
-          }
-      };
-      fileComponent.prototype.downloadFile = function (url) {
-          var link = document.createElement('a');
-          link.href = url;
-          link.target = '_blank';
-          link.click();
+              _this.generateReport(repId, params, showDialog, form);
+          }, function (error) {
+              _this.alertService.error(error);
+          });
       };
-      fileComponent.prototype.captionClickEvent = function () {
-          if (this.allowEditableCaption) {
-              this.editableCaption = true;
+      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);
           }
       };
-      fileComponent.prototype.captionSave = function (id, name, url, type, caption) {
-          var obj = {
-              id: id,
-              name: name,
-              blobfileurl: url,
-              type: type,
-              caption: caption,
-          };
-          if (caption !== null) {
-              this.caption = caption;
-              this.editableCaption = false;
-              this.onSaveEvent.emit(obj);
+      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;
+                                          }
+                                      }
+                                  });
+                              }
+                          });
+                      });
+                  }
+              });
           }
       };
-      fileComponent.prototype.onDeleteFile = function (id, name, url, type, caption) {
-          var obj = {
-              id: id,
-              name: name,
-              blobfileurl: url,
-              type: type,
-              caption: caption,
-          };
-          this.onDeleteEvent.emit(obj);
+      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);
+          });
       };
-      fileComponent.prototype.cancel = function () {
-          this.editableCaption = false;
+      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 fileComponent;
+      return ReportService;
   }());
-  fileComponent.decorators = [
-      { type: i0.Component, args: [{
-                  selector: 'se-file',
-                  template: "<div class=\"p-d-flex cards-wrapper\">\n  <div\n    class=\"example-box\"\n    [class]=\"width && width.length > 0 ? 'p-col-' + width : 'p-col-12'\"\n  >\n    <p-card class=\"custom-card\">\n      <div class=\"image-wrapper\">\n        <!-- Start image file type cases -->\n        <div [ngSwitch]=\"type\">\n          <img\n            alt=\"ImageCard\"\n            [src]=\"url\"\n            [name]=\"name\"\n            [id]=\"id\"\n            *ngSwitchCase=\"'.image'\"\n            [ngStyle]=\"{ height: height }\"\n          />\n\n          <img\n            alt=\"ImageCard\"\n            src=\"../../../../assets/images/pdf-file.png\"\n            [name]=\"name\"\n            [id]=\"id\"\n            *ngSwitchCase=\"'.pdf'\"\n            [ngStyle]=\"{ height: height }\"\n          />\n          <img\n            alt=\"ImageCard\"\n            src=\"../../../../assets/images/xls.png\"\n            [name]=\"name\"\n            [id]=\"id\"\n            *ngSwitchCase=\"'.excel'\"\n            [ngStyle]=\"{ height: height }\"\n          />\n          <img\n            alt=\"ImageCard\"\n            src=\"../../../../assets/images/doc.png\"\n            [name]=\"name\"\n            [id]=\"id\"\n            *ngSwitchCase=\"'.document'\"\n            [ngStyle]=\"{ height: height }\"\n          />\n        </div>\n        <!-- End image file type cases -->\n\n        <!-- start caption functionality-->\n        <div class=\"edit-caption\">\n          <h4\n            class=\"example-box\"\n            (click)=\"captionClickEvent()\"\n            [title]=\"caption\"\n            *ngIf=\"!editableCaption\"\n          >\n            {{ caption }}\n          </h4>\n          <div\n          class=\"p-d-flex p-flex-column p-ai-end\" \n          *ngIf=\"editableCaption && allowEditableCaption\"\n          >\n            <input\n              type=\"text\"\n              name=\"caption\"\n              [(ngModel)]=\"caption\"\n              pInputText\n              (blur)=\"captionSave(id, name, url, type, caption)\"\n            />\n            <div class=\"icons\">\n              <i\n                class=\"pi pi-check\"\n                (click)=\"captionSave(id, name, url, type, caption)\"\n              ></i>\n              <i class=\"pi pi-times\" (click)=\"cancel()\"></i>\n            </div>\n          </div>\n          <!-- End caption functionality-->\n\n          <!-- start header action button functionality -->\n          <div class=\"action-buttons\">\n            <button\n              pButton\n              type=\"button\"\n              icon=\"pi pi-arrow-circle-down\"\n              (click)=\"downloadFile(url)\"\n              class=\"p-button-rounded p-button-text\"\n              *ngIf=\"allowDownloadFile\"\n            ></button>\n            <button\n              pButton\n              type=\"button\"\n              icon=\"pi pi-trash\"\n              (click)=\"onDeleteFile(id, name, url, type, caption)\"\n              class=\"p-button-rounded p-button-text\"\n              *ngIf=\"allowDeleteFile\"\n            ></button>\n          </div>\n          <!-- End header action button functionality -->\n        </div>\n      </div>\n    </p-card>\n  </div>\n</div>\n",
-                  styles: [":host ::ng-deep .custom-card .action-buttons{visibility:hidden}:host ::ng-deep .custom-card .image-wrapper:hover .action-buttons{visibility:visible}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}\n"]
+  /** @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 */
-  fileComponent.ctorParameters = function () { return [
-      { type: api.ConfirmationService }
+  ReportService.ctorParameters = function () { return [
+      { type: i1.DialogService },
+      { type: RequestService },
+      { type: AlertService }
   ]; };
-  fileComponent.propDecorators = {
-      url: [{ type: i0.Input }],
-      caption: [{ type: i0.Input }],
-      width: [{ type: i0.Input }],
-      height: [{ type: i0.Input }],
-      onDeleteEvent: [{ type: i0.Output }],
-      onSaveEvent: [{ type: i0.Output }],
-      id: [{ type: i0.Input }],
-      name: [{ type: i0.Input }],
-      type: [{ type: i0.Input }],
-      allowDownloadFile: [{ type: i0.Input }],
-      allowEditableCaption: [{ type: i0.Input }],
-      allowDeleteFile: [{ type: i0.Input }]
-  };
 
   var GenerateReportBtnComponent = /** @class */ (function () {
       function GenerateReportBtnComponent(reportService) {