@tsi-developpement/tsi-shared-ui 1.8.2 → 1.8.3

package/fesm2022/tsi-developpement-tsi-shared-ui.mjs

@@ -15443,6 +15443,9 @@ class TsiFormComponentBaseComponent extends AppBaseComponent {
             this.form.formName = this.formName;
             this.form.id = this.id;
             this.form.mode = this.mode;
+            if (!this.form.isDescriminatorValueSet) {
+                this.form.descriminatorValue = this.descriminatorValue;
+            }
             // workflow form design
             this._saveWorkflowFormConfigurationSubscription = this.form.onSubmitFormWorkflowConfiguration.subscribe(data => {
                 let workflowFormConfiguration = this.getFormWorfklowPresentationSetting();
@@ -17133,6 +17136,7 @@ class ManageReportingComponent extends TsiFormComponentBaseComponent {
         this.defaultTemplateColumns = [];
         this.tooltipPosition = TooltipPosition;
         this.isEditionPersonnalise = false;
+        this.sortModeRef = GridSortMode;
         this._isReportForFiche = false;
         this.errorMessageKey = 'shared_reporting_error_occured';
         this.dashboardModuleRoute = `${AppRoutes.app}/${AppRoutes.dashboard}`;
@@ -17486,11 +17490,12 @@ class ManageReportingComponent extends TsiFormComponentBaseComponent {
                 this.reportingService
                     .addReportToModel(this._newReportToTemplate(val.reportType, val.reportName, val.endPointValue, val.module, val.triOrdre, val.reportNameAbrege, val.display))
                     .subscribe({
-                    next: (value) => {
+                    next: async (value) => {
                         this.isloading = true;
                         reportToTemplateId = value;
                         let urlDesigner;
                         let tenantUid = this.identityManagerService.parseMyAuthToken()?.tenantUid;
+                        await this.onRefresh();
                         if (val.reportType === TsiReportType.List) {
                             urlDesigner = `${Segment.reportingServiceBase}/report-designer/${reportToTemplateId}?${queryParamNamesConst.tenantUid}=${tenantUid}`;
                         }
@@ -17728,7 +17733,11 @@ class ManageReportingComponent extends TsiFormComponentBaseComponent {
                         shortName: val.reportNameAbrege,
                         display: val.display,
                     };
-                    this.reportingService.editReportToEditTemplate(model).subscribe();
+                    this.reportingService.editReportToEditTemplate(model).subscribe({
+                        next: async (value) => {
+                            await this.onRefresh();
+                        },
+                    });
                     let reportToTemplateId = value.uid;
                     let urlDesigner;
                     let tenantUid = this.identityManagerService.parseMyAuthToken()?.tenantUid;
@@ -18075,11 +18084,11 @@ class ManageReportingComponent extends TsiFormComponentBaseComponent {
         this.isloading = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ManageReportingComponent, deps: [{ token: ReportingService }, { token: IdentityManagerService }, { token: TsiConfirmationService }, { token: TsiNotificationService }, { token: i1$3.DynamicDialogRef }, { token: i1$3.DynamicDialogConfig }, { token: TsiModalService }, { token: MailingService }, { token: ErrorResponseManagerService }, { token: i2$4.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ManageReportingComponent, selector: "app-manage-reporting", inputs: { otherFormName: "otherFormName", otherFormEndpoint: "otherFormEndpoint", formEndpointBody: "formEndpointBody", isFormEndpointPaged: "isFormEndpointPaged", filtersHtmlTemplate: "filtersHtmlTemplate", optionalEndpoints: "optionalEndpoints", customReportingMode: "customReportingMode" }, providers: [...appProviders], viewQueries: [{ propertyName: "fileUpload", first: true, predicate: ["fileUpload"], descendants: true }, { propertyName: "importFileToReportFileUpload", first: true, predicate: ["importFileToReportFileUpload"], descendants: true }], usesInheritance: true, ngImport: i0, template: "\r\n<div class=\"card\">\r\n  <div *busy=\"isloading\"></div>\r\n  <div class=\"grid\">\r\n    <div class=\"grid col-10\">\r\n      <div *ngIf=\"isFromForm; else notFromForm\">\r\n        <Tsi-Label class=\"col-2\" [labelValue]=\"'shared_reporting_form'\">\r\n        </Tsi-Label>\r\n        <p-dropdown class=\"col-10 tsi-component\" class=\"tsi-component\" styleClass=\"tsi-component\" appendTp=\"body\"\r\n          [options]=\"formNames\" [ngModel]=\"otherFormName\" optionLabel=\"value\" optionValue=\"key\" [filter]=\"true\"\r\n          filterBy=\"value\" [showClear]=\"true\" placeholder=\"{{'shared_reporting_select_form' | localize}}\"\r\n          [disabled]=\"true\">\r\n        </p-dropdown>\r\n      </div>\r\n\r\n      <ng-template #notFromForm>\r\n        <ng-container>\r\n          <Tsi-Label class=\"col-2\" [labelValue]=\"'shared_reporting_form'\">\r\n          </Tsi-Label>\r\n          <Tsi-Search-Combo class=\"col-10\" [(bind)]=\"otherFormName\" (bindChange)=\"onFormChange()\"\r\n            [listSourceUrl]=\"getFormNamesEndpoint\" [elementSourceUrl]=\"getFormNamesEndpoint \" [isFiltered]=\"true\"\r\n            id-field=\"key\" label-field=\"value\">\r\n          </Tsi-Search-Combo>\r\n        </ng-container>\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n\r\n  <p-toolbar styleClass=\"mb-4 gap-2\">\r\n    <ng-template pTemplate=\"left\">\r\n      <Tsi-Button [text]=\"'shared_reporting_add_report' | localize\" icon=\"p-button-icon p-button-icon-left pi pi-plus\"\r\n        styleClass=\"p-element p-button-success ml-2 mr-2 p-button p-component ng-star-inserted p-button-label\" (click)=\"onNewReport()\"></Tsi-Button>\r\n      <Tsi-Button [buttonType]=\"buttonType.Submit\" [text]=\"'shared_reporting_delete_report' | localize\" icon=\"p-button-icon p-button-icon-left pi pi-trash\"\r\n        styleClass=\"p-element p-button-danger p-button p-component ng-star-inserted p-button-label\" (click)=\"onDeleteSelectedReports()\"\r\n        [disabled]=\"!selectedReports || !selectedReports.length\"></Tsi-Button>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"right\">\r\n      <p-fileUpload #fileUpload name=\"demo[]\" (onBeforeUpload)=\"onImportFile($event)\"\r\n        (onSelect)=\"onFileSelected($event)\" (onClear)=\"onClear($event)\" (onRemove)=\"onRemove($event)\" [multiple]=\"false\"\r\n        accept=\"application/json\" [maxFileSize]=\"10000000\" \r\n        [invalidFileSizeMessageSummary]=\"'shared_file_upload_invalid_file_size_message_summary' | localize\"\r\n        [invalidFileSizeMessageDetail]=\"'shared_file_upload_invalid_file_size_message_detail' | localize\"\r\n        [invalidFileTypeMessageSummary]=\"'shared_file_upload_invalid_file_type_message_summary' | localize\"\r\n        [invalidFileLimitMessageDetail]=\"'shared_file_upload_invalid_file_limit_message_detail' | localize\"\r\n        [invalidFileLimitMessageSummary]=\"'shared_file_upload_invalid_file_limit_message_summary' | localize\"\r\n        [invalidFileTypeMessageDetail]=\"'shared_file_upload_invalid_file_type_message_detail' | localize\"\r\n        [chooseIcon]=\"'pi pi-paperclip'\" cancelStyleClass=\"p-button-secondary\" uploadStyleClass=\"p-button-help\"\r\n        removeStyleClass=\"p-button-danger\" [chooseLabel]=\"'shared_reporting_choose_report_file' | localize\"\r\n        [uploadLabel]=\"'shared_reporting_import_report' | localize\"\r\n        [cancelLabel]=\"'shared_reporting_cancel_choose_report_file' | localize\">\r\n        <ng-template *ngIf=\"toUploadFileData\" pTemplate=\"fileupload-content\">\r\n        </ng-template>\r\n      </p-fileUpload>\r\n    </ng-template>\r\n  </p-toolbar>\r\n\r\n  <!-- <Tsi-Display-Grid [showHeader]=\"true\"\r\n    [header]=\"'shared_reporting_my_template'\"\r\n    [columns]=\"columns\" [gridData]=\"reports\" key=\"uid\"\r\n    (buttonColumnClicked)=\"handleButtonColumnClicked($event)\" [(selectedItems)]=\"selectedReports\"\r\n    [showFilters]=\"false\"\r\n    [paginator]=\"true\"\r\n    [globalFilterFields]=\"globalFilterFields\">\r\n  </Tsi-Display-Grid> -->\r\n\r\n\r\n  <!--<div style=\"text-align:left\"> <p-button icon=\"pi pi-refresh\"  [pTooltip]=\"'shared_reporting_refresh' | localize\" [tooltipPosition]=\"tooltipPosition.Top\"  label=\"Reload\" severity=\"help\" (click)=\"onRefresh()\" /> </div>\r\n  <p-button icon=\"pi pi-refresh\" class=\"p-button-rounded\" styleClass=\"p-button-text\" />\r\n-->\r\n  \r\n  <Tsi-Button styleClass=\"p-element p-button-text p-button-raised p-button-rounded mb-3 ml-3\"  \r\n    [tooltipText]=\"'shared_reporting_refresh'\" [tooltipPosition]=\"tooltipPosition.Top\"\r\n    icon=\"pi pi-refresh\" (click)=\"onRefresh()\"></Tsi-Button>\r\n\r\n  <tsi-view-grid \r\n    [header]=\"'shared_reporting_my_template'\"\r\n    [columns]=\"columns\" [gridData]=\"reports\" key=\"uid\"\r\n    (buttonColumnClicked)=\"handleButtonColumnClicked($event)\" [(selectedItems)]=\"selectedReports\"\r\n    [getDataFromApi]=\"false\"\r\n    [formName]=\"'my-report-templates'\"\r\n    >\r\n  </tsi-view-grid>\r\n  <br/>\r\n   <!-- Default Template -->\r\n   <!-- <Tsi-Display-Grid \r\n   [showHeader]=\"true\" \r\n   [header]=\"'shared_reporting_BuiltIn_template'\"\r\n   [showSummaryFooter]=\"false\" \r\n   [paginator]=\"false\" \r\n   [showFilters]=\"false\" \r\n   [columns]=\"defaultTemplateColumns\" \r\n   [gridData]=\"defaultReportTemplateData\" \r\n   (buttonColumnClicked)=\"handleButtonColumnClicked($event)\"\r\n   [paginator]=\"true\"\r\n   key=\"name\">\r\n  </Tsi-Display-Grid> -->\r\n\r\n  \r\n  <tsi-view-grid\r\n   [header]=\"'shared_reporting_BuiltIn_template'\"\r\n   [columns]=\"defaultTemplateColumns\" \r\n   [gridData]=\"defaultReportTemplateData\" \r\n   (buttonColumnClicked)=\"handleButtonColumnClicked($event)\"\r\n   [getDataFromApi]=\"false\"\r\n   [formName]=\"'default-my-report-templates'\"\r\n   key=\"name\">\r\n  </tsi-view-grid>\r\n\r\n\r\n\r\n\r\n  \r\n\r\n  <!-- dialog to import file to report -->\r\n  <p-dialog header=\"{{'shared_reporting_select_file_to_import_into_report' | localize}}\" [(visible)]=\"isUpdateReportFromFileDialogVisible\" [style]=\"{width: '50vw'}\">\r\n    <!-- <Tsi-Modal-Header (onCloseClick)=\"onImportFileToReportModalCancelClick()\" [inputTitle]=\"'shared_reporting_select_file_to_import_into_report'\"></Tsi-Modal-Header> -->\r\n\r\n    <ng-template pTemplate=\"body\">\r\n      <p-fileUpload #importFileToReportFileUpload name=\"importFileToReport\" (onBeforeUpload)=\"onImportFileToReport_ImportFile($event)\"\r\n        (onSelect)=\"onImportFileToReport_FileSelected($event)\" (onClear)=\"onImportFileToReport_Clear($event)\" (onRemove)=\"onImportFileToReport_Remove($event)\" [multiple]=\"false\"\r\n        accept=\"application/json\" [maxFileSize]=\"10000000\"\r\n        [invalidFileSizeMessageSummary]=\"'shared_file_upload_invalid_file_size_message_summary' | localize\"\r\n        [invalidFileSizeMessageDetail]=\"'shared_file_upload_invalid_file_size_message_detail' | localize\"\r\n        [invalidFileTypeMessageSummary]=\"'shared_file_upload_invalid_file_type_message_summary' | localize\"\r\n        [invalidFileLimitMessageDetail]=\"'shared_file_upload_invalid_file_limit_message_detail' | localize\"\r\n        [invalidFileLimitMessageSummary]=\"'shared_file_upload_invalid_file_limit_message_summary' | localize\"\r\n        [invalidFileTypeMessageDetail]=\"'shared_file_upload_invalid_file_type_message_detail' | localize\"\r\n        [chooseIcon]=\"'pi pi-paperclip'\" cancelStyleClass=\"p-button-secondary\" uploadStyleClass=\"p-button-help\"\r\n        removeStyleClass=\"p-button-danger\" [chooseLabel]=\"'shared_reporting_choose_report_file' | localize\"\r\n        [uploadLabel]=\"'shared_reporting_import_report' | localize\"\r\n        [cancelLabel]=\"'shared_reporting_cancel_choose_report_file' | localize\">\r\n        <ng-template *ngIf=\"toUploadToUpdateReportFileData\" pTemplate=\"fileupload-content\">\r\n        </ng-template>\r\n      </p-fileUpload>\r\n    </ng-template>\r\n\r\n    <!-- <Tsi-Modal-Footer (onCancelClick)=\"onImportFileToReportModalCancelClick()\"\r\n    (onSaveClick)=\"onImportFileToReportModalSaveClick()\"\r\n    [saveDisabled]=\"!toUploadToUpdateReportFileData\"></Tsi-Modal-Footer> -->\r\n\r\n</p-dialog>\r\n</div>\r\n", styles: [".p-button.p-button-icon-only.p-button-rounded{height:2rem!important}::ng-deep .p-fileupload-choose input{display:none!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5$2.Toolbar, selector: "p-toolbar", inputs: ["style", "styleClass", "ariaLabelledBy"] }, { kind: "component", type: i3$3.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "component", type: i10.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "autoShowPanelOnPrintableCharacterKeyDown", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i8.FileUpload, selector: "p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "component", type: TsiSearchComboComponent, selector: "Tsi-Search-Combo", inputs: ["elementSourceUrl", "listSourceUrl", "listSourceParams", "id-field", "label-field", "multiple", "sort", "showClear", "reloadDataSource", "isFiltered", "selectedLabel", "maxWidth", "businessClass", "comboType", "statusMetadata", "currentRowItem", "datasource", "bind", "maxSelectedLabels", "tooltipMaxDisplayedItems", "bindMode", "showSearchButton", "showAddButton", "showConsultButton", "showUpdateButton"], outputs: ["bindChange", "datasource-loaded", "init", "isLoaded", "selectedLabelChange", "onClick", "onSearchButtonClick", "selectionChange"] }, { kind: "component", type: TsiLabelComponent, selector: "Tsi-Label", inputs: ["labelValue", "styleClass", "infoText"] }, { kind: "component", type: TsiViewGridComponent, selector: "tsi-view-grid", inputs: ["columns", "gridConfiguration", "viewComponent", "crudService", "header", "modalSize", "showConsultButton", "showSearchField", "searchFields", "formEndpoint", "formName", "id", "showImportExportButton", "targetBusinessClass", "getDataFromApi", "gridData", "isSearchButtonDisabled", "selectKeyOnly", "selectionMode", "selectedItems", "key", "showGlobalSearch", "showExportButton", "showCalenderView", "calenderSchema", "showHeaderFilters", "showFilterButton", "selectAll", "checkedByField", "sortMode", "searchOnInit"], outputs: ["summariesChange", "selectedItemsChange", "buttonColumnClicked", "searchFieldsValueChanged", "getAllPagedResultChanged"] }, { kind: "component", type: TsiButtonComponent, selector: "Tsi-Button", inputs: ["disabled", "text", "style", "tooltipText", "tooltipPosition", "buttonType", "icon", "styleClass", "iconSrc", "id", "iconWidth", "iconClass"], outputs: ["onClick", "rightClick"] }, { kind: "directive", type: BusyDirective, selector: "[busy]", inputs: ["busy"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ManageReportingComponent, selector: "app-manage-reporting", inputs: { otherFormName: "otherFormName", otherFormEndpoint: "otherFormEndpoint", formEndpointBody: "formEndpointBody", isFormEndpointPaged: "isFormEndpointPaged", filtersHtmlTemplate: "filtersHtmlTemplate", optionalEndpoints: "optionalEndpoints", customReportingMode: "customReportingMode" }, providers: [...appProviders], viewQueries: [{ propertyName: "fileUpload", first: true, predicate: ["fileUpload"], descendants: true }, { propertyName: "importFileToReportFileUpload", first: true, predicate: ["importFileToReportFileUpload"], descendants: true }], usesInheritance: true, ngImport: i0, template: "\r\n<div class=\"card\">\r\n  <div *busy=\"isloading\"></div>\r\n  <div class=\"grid\">\r\n    <div class=\"grid col-10\">\r\n      <div *ngIf=\"isFromForm; else notFromForm\">\r\n        <Tsi-Label class=\"col-2\" [labelValue]=\"'shared_reporting_form'\">\r\n        </Tsi-Label>\r\n        <p-dropdown class=\"col-10 tsi-component\" class=\"tsi-component\" styleClass=\"tsi-component\" appendTp=\"body\"\r\n          [options]=\"formNames\" [ngModel]=\"otherFormName\" optionLabel=\"value\" optionValue=\"key\" [filter]=\"true\"\r\n          filterBy=\"value\" [showClear]=\"true\" placeholder=\"{{'shared_reporting_select_form' | localize}}\"\r\n          [disabled]=\"true\">\r\n        </p-dropdown>\r\n      </div>\r\n\r\n      <ng-template #notFromForm>\r\n        <ng-container>\r\n          <Tsi-Label class=\"col-2\" [labelValue]=\"'shared_reporting_form'\">\r\n          </Tsi-Label>\r\n          <Tsi-Search-Combo class=\"col-10\" [(bind)]=\"otherFormName\" (bindChange)=\"onFormChange()\"\r\n            [listSourceUrl]=\"getFormNamesEndpoint\" [elementSourceUrl]=\"getFormNamesEndpoint \" [isFiltered]=\"true\"\r\n            id-field=\"key\" label-field=\"value\">\r\n          </Tsi-Search-Combo>\r\n        </ng-container>\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n\r\n  <p-toolbar styleClass=\"mb-4 gap-2\">\r\n    <ng-template pTemplate=\"left\">\r\n      <Tsi-Button [text]=\"'shared_reporting_add_report' | localize\" icon=\"p-button-icon p-button-icon-left pi pi-plus\"\r\n        styleClass=\"p-element p-button-success ml-2 mr-2 p-button p-component ng-star-inserted p-button-label\" (click)=\"onNewReport()\"></Tsi-Button>\r\n      <Tsi-Button [buttonType]=\"buttonType.Submit\" [text]=\"'shared_reporting_delete_report' | localize\" icon=\"p-button-icon p-button-icon-left pi pi-trash\"\r\n        styleClass=\"p-element p-button-danger p-button p-component ng-star-inserted p-button-label\" (click)=\"onDeleteSelectedReports()\"\r\n        [disabled]=\"!selectedReports || !selectedReports.length\"></Tsi-Button>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"right\">\r\n      <p-fileUpload #fileUpload name=\"demo[]\" (onBeforeUpload)=\"onImportFile($event)\"\r\n        (onSelect)=\"onFileSelected($event)\" (onClear)=\"onClear($event)\" (onRemove)=\"onRemove($event)\" [multiple]=\"false\"\r\n        accept=\"application/json\" [maxFileSize]=\"10000000\" \r\n        [invalidFileSizeMessageSummary]=\"'shared_file_upload_invalid_file_size_message_summary' | localize\"\r\n        [invalidFileSizeMessageDetail]=\"'shared_file_upload_invalid_file_size_message_detail' | localize\"\r\n        [invalidFileTypeMessageSummary]=\"'shared_file_upload_invalid_file_type_message_summary' | localize\"\r\n        [invalidFileLimitMessageDetail]=\"'shared_file_upload_invalid_file_limit_message_detail' | localize\"\r\n        [invalidFileLimitMessageSummary]=\"'shared_file_upload_invalid_file_limit_message_summary' | localize\"\r\n        [invalidFileTypeMessageDetail]=\"'shared_file_upload_invalid_file_type_message_detail' | localize\"\r\n        [chooseIcon]=\"'pi pi-paperclip'\" cancelStyleClass=\"p-button-secondary\" uploadStyleClass=\"p-button-help\"\r\n        removeStyleClass=\"p-button-danger\" [chooseLabel]=\"'shared_reporting_choose_report_file' | localize\"\r\n        [uploadLabel]=\"'shared_reporting_import_report' | localize\"\r\n        [cancelLabel]=\"'shared_reporting_cancel_choose_report_file' | localize\">\r\n        <ng-template *ngIf=\"toUploadFileData\" pTemplate=\"fileupload-content\">\r\n        </ng-template>\r\n      </p-fileUpload>\r\n    </ng-template>\r\n  </p-toolbar>\r\n\r\n  <!-- <Tsi-Display-Grid [showHeader]=\"true\"\r\n    [header]=\"'shared_reporting_my_template'\"\r\n    [columns]=\"columns\" [gridData]=\"reports\" key=\"uid\"\r\n    (buttonColumnClicked)=\"handleButtonColumnClicked($event)\" [(selectedItems)]=\"selectedReports\"\r\n    [showFilters]=\"false\"\r\n    [paginator]=\"true\"\r\n    [globalFilterFields]=\"globalFilterFields\">\r\n  </Tsi-Display-Grid> -->\r\n\r\n\r\n  <!--<div style=\"text-align:left\"> <p-button icon=\"pi pi-refresh\"  [pTooltip]=\"'shared_reporting_refresh' | localize\" [tooltipPosition]=\"tooltipPosition.Top\"  label=\"Reload\" severity=\"help\" (click)=\"onRefresh()\" /> </div>\r\n  <p-button icon=\"pi pi-refresh\" class=\"p-button-rounded\" styleClass=\"p-button-text\" />\r\n-->\r\n  \r\n  <Tsi-Button styleClass=\"p-element p-button-text p-button-raised p-button-rounded mb-3 ml-3\"  \r\n    [tooltipText]=\"'shared_reporting_refresh'\" [tooltipPosition]=\"tooltipPosition.Top\"\r\n    icon=\"pi pi-refresh\" (click)=\"onRefresh()\"></Tsi-Button>\r\n\r\n  <tsi-view-grid \r\n    [sortMode]=\"sortModeRef.Single\"\r\n    [header]=\"'shared_reporting_my_template'\"\r\n    [columns]=\"columns\" [gridData]=\"reports\" key=\"uid\"\r\n    (buttonColumnClicked)=\"handleButtonColumnClicked($event)\" [(selectedItems)]=\"selectedReports\"\r\n    [getDataFromApi]=\"false\"\r\n    [formName]=\"'my-report-templates'\"\r\n    >\r\n  </tsi-view-grid>\r\n  <br/>\r\n   <!-- Default Template -->\r\n   <!-- <Tsi-Display-Grid \r\n   [showHeader]=\"true\" \r\n   [header]=\"'shared_reporting_BuiltIn_template'\"\r\n   [showSummaryFooter]=\"false\" \r\n   [paginator]=\"false\" \r\n   [showFilters]=\"false\" \r\n   [columns]=\"defaultTemplateColumns\" \r\n   [gridData]=\"defaultReportTemplateData\" \r\n   (buttonColumnClicked)=\"handleButtonColumnClicked($event)\"\r\n   [paginator]=\"true\"\r\n   key=\"name\">\r\n  </Tsi-Display-Grid> -->\r\n\r\n  \r\n  <tsi-view-grid\r\n   [sortMode]=\"sortModeRef.Single\"\r\n   [header]=\"'shared_reporting_BuiltIn_template'\"\r\n   [columns]=\"defaultTemplateColumns\" \r\n   [gridData]=\"defaultReportTemplateData\" \r\n   (buttonColumnClicked)=\"handleButtonColumnClicked($event)\"\r\n   [getDataFromApi]=\"false\"\r\n   [formName]=\"'default-my-report-templates'\"\r\n   key=\"name\">\r\n  </tsi-view-grid>\r\n\r\n\r\n\r\n\r\n  \r\n\r\n  <!-- dialog to import file to report -->\r\n  <p-dialog header=\"{{'shared_reporting_select_file_to_import_into_report' | localize}}\" [(visible)]=\"isUpdateReportFromFileDialogVisible\" [style]=\"{width: '50vw'}\">\r\n    <!-- <Tsi-Modal-Header (onCloseClick)=\"onImportFileToReportModalCancelClick()\" [inputTitle]=\"'shared_reporting_select_file_to_import_into_report'\"></Tsi-Modal-Header> -->\r\n\r\n    <ng-template pTemplate=\"body\">\r\n      <p-fileUpload #importFileToReportFileUpload name=\"importFileToReport\" (onBeforeUpload)=\"onImportFileToReport_ImportFile($event)\"\r\n        (onSelect)=\"onImportFileToReport_FileSelected($event)\" (onClear)=\"onImportFileToReport_Clear($event)\" (onRemove)=\"onImportFileToReport_Remove($event)\" [multiple]=\"false\"\r\n        accept=\"application/json\" [maxFileSize]=\"10000000\"\r\n        [invalidFileSizeMessageSummary]=\"'shared_file_upload_invalid_file_size_message_summary' | localize\"\r\n        [invalidFileSizeMessageDetail]=\"'shared_file_upload_invalid_file_size_message_detail' | localize\"\r\n        [invalidFileTypeMessageSummary]=\"'shared_file_upload_invalid_file_type_message_summary' | localize\"\r\n        [invalidFileLimitMessageDetail]=\"'shared_file_upload_invalid_file_limit_message_detail' | localize\"\r\n        [invalidFileLimitMessageSummary]=\"'shared_file_upload_invalid_file_limit_message_summary' | localize\"\r\n        [invalidFileTypeMessageDetail]=\"'shared_file_upload_invalid_file_type_message_detail' | localize\"\r\n        [chooseIcon]=\"'pi pi-paperclip'\" cancelStyleClass=\"p-button-secondary\" uploadStyleClass=\"p-button-help\"\r\n        removeStyleClass=\"p-button-danger\" [chooseLabel]=\"'shared_reporting_choose_report_file' | localize\"\r\n        [uploadLabel]=\"'shared_reporting_import_report' | localize\"\r\n        [cancelLabel]=\"'shared_reporting_cancel_choose_report_file' | localize\">\r\n        <ng-template *ngIf=\"toUploadToUpdateReportFileData\" pTemplate=\"fileupload-content\">\r\n        </ng-template>\r\n      </p-fileUpload>\r\n    </ng-template>\r\n\r\n    <!-- <Tsi-Modal-Footer (onCancelClick)=\"onImportFileToReportModalCancelClick()\"\r\n    (onSaveClick)=\"onImportFileToReportModalSaveClick()\"\r\n    [saveDisabled]=\"!toUploadToUpdateReportFileData\"></Tsi-Modal-Footer> -->\r\n\r\n</p-dialog>\r\n</div>\r\n", styles: [".p-button.p-button-icon-only.p-button-rounded{height:2rem!important}::ng-deep .p-fileupload-choose input{display:none!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5$2.Toolbar, selector: "p-toolbar", inputs: ["style", "styleClass", "ariaLabelledBy"] }, { kind: "component", type: i3$3.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "component", type: i10.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "autoShowPanelOnPrintableCharacterKeyDown", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i8.FileUpload, selector: "p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "component", type: TsiSearchComboComponent, selector: "Tsi-Search-Combo", inputs: ["elementSourceUrl", "listSourceUrl", "listSourceParams", "id-field", "label-field", "multiple", "sort", "showClear", "reloadDataSource", "isFiltered", "selectedLabel", "maxWidth", "businessClass", "comboType", "statusMetadata", "currentRowItem", "datasource", "bind", "maxSelectedLabels", "tooltipMaxDisplayedItems", "bindMode", "showSearchButton", "showAddButton", "showConsultButton", "showUpdateButton"], outputs: ["bindChange", "datasource-loaded", "init", "isLoaded", "selectedLabelChange", "onClick", "onSearchButtonClick", "selectionChange"] }, { kind: "component", type: TsiLabelComponent, selector: "Tsi-Label", inputs: ["labelValue", "styleClass", "infoText"] }, { kind: "component", type: TsiViewGridComponent, selector: "tsi-view-grid", inputs: ["columns", "gridConfiguration", "viewComponent", "crudService", "header", "modalSize", "showConsultButton", "showSearchField", "searchFields", "formEndpoint", "formName", "id", "showImportExportButton", "targetBusinessClass", "getDataFromApi", "gridData", "isSearchButtonDisabled", "selectKeyOnly", "selectionMode", "selectedItems", "key", "showGlobalSearch", "showExportButton", "showCalenderView", "calenderSchema", "showHeaderFilters", "showFilterButton", "selectAll", "checkedByField", "sortMode", "searchOnInit"], outputs: ["summariesChange", "selectedItemsChange", "buttonColumnClicked", "searchFieldsValueChanged", "getAllPagedResultChanged"] }, { kind: "component", type: TsiButtonComponent, selector: "Tsi-Button", inputs: ["disabled", "text", "style", "tooltipText", "tooltipPosition", "buttonType", "icon", "styleClass", "iconSrc", "id", "iconWidth", "iconClass"], outputs: ["onClick", "rightClick"] }, { kind: "directive", type: BusyDirective, selector: "[busy]", inputs: ["busy"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ManageReportingComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-manage-reporting', providers: [...appProviders], template: "\r\n<div class=\"card\">\r\n  <div *busy=\"isloading\"></div>\r\n  <div class=\"grid\">\r\n    <div class=\"grid col-10\">\r\n      <div *ngIf=\"isFromForm; else notFromForm\">\r\n        <Tsi-Label class=\"col-2\" [labelValue]=\"'shared_reporting_form'\">\r\n        </Tsi-Label>\r\n        <p-dropdown class=\"col-10 tsi-component\" class=\"tsi-component\" styleClass=\"tsi-component\" appendTp=\"body\"\r\n          [options]=\"formNames\" [ngModel]=\"otherFormName\" optionLabel=\"value\" optionValue=\"key\" [filter]=\"true\"\r\n          filterBy=\"value\" [showClear]=\"true\" placeholder=\"{{'shared_reporting_select_form' | localize}}\"\r\n          [disabled]=\"true\">\r\n        </p-dropdown>\r\n      </div>\r\n\r\n      <ng-template #notFromForm>\r\n        <ng-container>\r\n          <Tsi-Label class=\"col-2\" [labelValue]=\"'shared_reporting_form'\">\r\n          </Tsi-Label>\r\n          <Tsi-Search-Combo class=\"col-10\" [(bind)]=\"otherFormName\" (bindChange)=\"onFormChange()\"\r\n            [listSourceUrl]=\"getFormNamesEndpoint\" [elementSourceUrl]=\"getFormNamesEndpoint \" [isFiltered]=\"true\"\r\n            id-field=\"key\" label-field=\"value\">\r\n          </Tsi-Search-Combo>\r\n        </ng-container>\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n\r\n  <p-toolbar styleClass=\"mb-4 gap-2\">\r\n    <ng-template pTemplate=\"left\">\r\n      <Tsi-Button [text]=\"'shared_reporting_add_report' | localize\" icon=\"p-button-icon p-button-icon-left pi pi-plus\"\r\n        styleClass=\"p-element p-button-success ml-2 mr-2 p-button p-component ng-star-inserted p-button-label\" (click)=\"onNewReport()\"></Tsi-Button>\r\n      <Tsi-Button [buttonType]=\"buttonType.Submit\" [text]=\"'shared_reporting_delete_report' | localize\" icon=\"p-button-icon p-button-icon-left pi pi-trash\"\r\n        styleClass=\"p-element p-button-danger p-button p-component ng-star-inserted p-button-label\" (click)=\"onDeleteSelectedReports()\"\r\n        [disabled]=\"!selectedReports || !selectedReports.length\"></Tsi-Button>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"right\">\r\n      <p-fileUpload #fileUpload name=\"demo[]\" (onBeforeUpload)=\"onImportFile($event)\"\r\n        (onSelect)=\"onFileSelected($event)\" (onClear)=\"onClear($event)\" (onRemove)=\"onRemove($event)\" [multiple]=\"false\"\r\n        accept=\"application/json\" [maxFileSize]=\"10000000\" \r\n        [invalidFileSizeMessageSummary]=\"'shared_file_upload_invalid_file_size_message_summary' | localize\"\r\n        [invalidFileSizeMessageDetail]=\"'shared_file_upload_invalid_file_size_message_detail' | localize\"\r\n        [invalidFileTypeMessageSummary]=\"'shared_file_upload_invalid_file_type_message_summary' | localize\"\r\n        [invalidFileLimitMessageDetail]=\"'shared_file_upload_invalid_file_limit_message_detail' | localize\"\r\n        [invalidFileLimitMessageSummary]=\"'shared_file_upload_invalid_file_limit_message_summary' | localize\"\r\n        [invalidFileTypeMessageDetail]=\"'shared_file_upload_invalid_file_type_message_detail' | localize\"\r\n        [chooseIcon]=\"'pi pi-paperclip'\" cancelStyleClass=\"p-button-secondary\" uploadStyleClass=\"p-button-help\"\r\n        removeStyleClass=\"p-button-danger\" [chooseLabel]=\"'shared_reporting_choose_report_file' | localize\"\r\n        [uploadLabel]=\"'shared_reporting_import_report' | localize\"\r\n        [cancelLabel]=\"'shared_reporting_cancel_choose_report_file' | localize\">\r\n        <ng-template *ngIf=\"toUploadFileData\" pTemplate=\"fileupload-content\">\r\n        </ng-template>\r\n      </p-fileUpload>\r\n    </ng-template>\r\n  </p-toolbar>\r\n\r\n  <!-- <Tsi-Display-Grid [showHeader]=\"true\"\r\n    [header]=\"'shared_reporting_my_template'\"\r\n    [columns]=\"columns\" [gridData]=\"reports\" key=\"uid\"\r\n    (buttonColumnClicked)=\"handleButtonColumnClicked($event)\" [(selectedItems)]=\"selectedReports\"\r\n    [showFilters]=\"false\"\r\n    [paginator]=\"true\"\r\n    [globalFilterFields]=\"globalFilterFields\">\r\n  </Tsi-Display-Grid> -->\r\n\r\n\r\n  <!--<div style=\"text-align:left\"> <p-button icon=\"pi pi-refresh\"  [pTooltip]=\"'shared_reporting_refresh' | localize\" [tooltipPosition]=\"tooltipPosition.Top\"  label=\"Reload\" severity=\"help\" (click)=\"onRefresh()\" /> </div>\r\n  <p-button icon=\"pi pi-refresh\" class=\"p-button-rounded\" styleClass=\"p-button-text\" />\r\n-->\r\n  \r\n  <Tsi-Button styleClass=\"p-element p-button-text p-button-raised p-button-rounded mb-3 ml-3\"  \r\n    [tooltipText]=\"'shared_reporting_refresh'\" [tooltipPosition]=\"tooltipPosition.Top\"\r\n    icon=\"pi pi-refresh\" (click)=\"onRefresh()\"></Tsi-Button>\r\n\r\n  <tsi-view-grid \r\n    [header]=\"'shared_reporting_my_template'\"\r\n    [columns]=\"columns\" [gridData]=\"reports\" key=\"uid\"\r\n    (buttonColumnClicked)=\"handleButtonColumnClicked($event)\" [(selectedItems)]=\"selectedReports\"\r\n    [getDataFromApi]=\"false\"\r\n    [formName]=\"'my-report-templates'\"\r\n    >\r\n  </tsi-view-grid>\r\n  <br/>\r\n   <!-- Default Template -->\r\n   <!-- <Tsi-Display-Grid \r\n   [showHeader]=\"true\" \r\n   [header]=\"'shared_reporting_BuiltIn_template'\"\r\n   [showSummaryFooter]=\"false\" \r\n   [paginator]=\"false\" \r\n   [showFilters]=\"false\" \r\n   [columns]=\"defaultTemplateColumns\" \r\n   [gridData]=\"defaultReportTemplateData\" \r\n   (buttonColumnClicked)=\"handleButtonColumnClicked($event)\"\r\n   [paginator]=\"true\"\r\n   key=\"name\">\r\n  </Tsi-Display-Grid> -->\r\n\r\n  \r\n  <tsi-view-grid\r\n   [header]=\"'shared_reporting_BuiltIn_template'\"\r\n   [columns]=\"defaultTemplateColumns\" \r\n   [gridData]=\"defaultReportTemplateData\" \r\n   (buttonColumnClicked)=\"handleButtonColumnClicked($event)\"\r\n   [getDataFromApi]=\"false\"\r\n   [formName]=\"'default-my-report-templates'\"\r\n   key=\"name\">\r\n  </tsi-view-grid>\r\n\r\n\r\n\r\n\r\n  \r\n\r\n  <!-- dialog to import file to report -->\r\n  <p-dialog header=\"{{'shared_reporting_select_file_to_import_into_report' | localize}}\" [(visible)]=\"isUpdateReportFromFileDialogVisible\" [style]=\"{width: '50vw'}\">\r\n    <!-- <Tsi-Modal-Header (onCloseClick)=\"onImportFileToReportModalCancelClick()\" [inputTitle]=\"'shared_reporting_select_file_to_import_into_report'\"></Tsi-Modal-Header> -->\r\n\r\n    <ng-template pTemplate=\"body\">\r\n      <p-fileUpload #importFileToReportFileUpload name=\"importFileToReport\" (onBeforeUpload)=\"onImportFileToReport_ImportFile($event)\"\r\n        (onSelect)=\"onImportFileToReport_FileSelected($event)\" (onClear)=\"onImportFileToReport_Clear($event)\" (onRemove)=\"onImportFileToReport_Remove($event)\" [multiple]=\"false\"\r\n        accept=\"application/json\" [maxFileSize]=\"10000000\"\r\n        [invalidFileSizeMessageSummary]=\"'shared_file_upload_invalid_file_size_message_summary' | localize\"\r\n        [invalidFileSizeMessageDetail]=\"'shared_file_upload_invalid_file_size_message_detail' | localize\"\r\n        [invalidFileTypeMessageSummary]=\"'shared_file_upload_invalid_file_type_message_summary' | localize\"\r\n        [invalidFileLimitMessageDetail]=\"'shared_file_upload_invalid_file_limit_message_detail' | localize\"\r\n        [invalidFileLimitMessageSummary]=\"'shared_file_upload_invalid_file_limit_message_summary' | localize\"\r\n        [invalidFileTypeMessageDetail]=\"'shared_file_upload_invalid_file_type_message_detail' | localize\"\r\n        [chooseIcon]=\"'pi pi-paperclip'\" cancelStyleClass=\"p-button-secondary\" uploadStyleClass=\"p-button-help\"\r\n        removeStyleClass=\"p-button-danger\" [chooseLabel]=\"'shared_reporting_choose_report_file' | localize\"\r\n        [uploadLabel]=\"'shared_reporting_import_report' | localize\"\r\n        [cancelLabel]=\"'shared_reporting_cancel_choose_report_file' | localize\">\r\n        <ng-template *ngIf=\"toUploadToUpdateReportFileData\" pTemplate=\"fileupload-content\">\r\n        </ng-template>\r\n      </p-fileUpload>\r\n    </ng-template>\r\n\r\n    <!-- <Tsi-Modal-Footer (onCancelClick)=\"onImportFileToReportModalCancelClick()\"\r\n    (onSaveClick)=\"onImportFileToReportModalSaveClick()\"\r\n    [saveDisabled]=\"!toUploadToUpdateReportFileData\"></Tsi-Modal-Footer> -->\r\n\r\n</p-dialog>\r\n</div>\r\n", styles: [".p-button.p-button-icon-only.p-button-rounded{height:2rem!important}::ng-deep .p-fileupload-choose input{display:none!important}\n"] }]
+            args: [{ selector: 'app-manage-reporting', providers: [...appProviders], template: "\r\n<div class=\"card\">\r\n  <div *busy=\"isloading\"></div>\r\n  <div class=\"grid\">\r\n    <div class=\"grid col-10\">\r\n      <div *ngIf=\"isFromForm; else notFromForm\">\r\n        <Tsi-Label class=\"col-2\" [labelValue]=\"'shared_reporting_form'\">\r\n        </Tsi-Label>\r\n        <p-dropdown class=\"col-10 tsi-component\" class=\"tsi-component\" styleClass=\"tsi-component\" appendTp=\"body\"\r\n          [options]=\"formNames\" [ngModel]=\"otherFormName\" optionLabel=\"value\" optionValue=\"key\" [filter]=\"true\"\r\n          filterBy=\"value\" [showClear]=\"true\" placeholder=\"{{'shared_reporting_select_form' | localize}}\"\r\n          [disabled]=\"true\">\r\n        </p-dropdown>\r\n      </div>\r\n\r\n      <ng-template #notFromForm>\r\n        <ng-container>\r\n          <Tsi-Label class=\"col-2\" [labelValue]=\"'shared_reporting_form'\">\r\n          </Tsi-Label>\r\n          <Tsi-Search-Combo class=\"col-10\" [(bind)]=\"otherFormName\" (bindChange)=\"onFormChange()\"\r\n            [listSourceUrl]=\"getFormNamesEndpoint\" [elementSourceUrl]=\"getFormNamesEndpoint \" [isFiltered]=\"true\"\r\n            id-field=\"key\" label-field=\"value\">\r\n          </Tsi-Search-Combo>\r\n        </ng-container>\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n\r\n  <p-toolbar styleClass=\"mb-4 gap-2\">\r\n    <ng-template pTemplate=\"left\">\r\n      <Tsi-Button [text]=\"'shared_reporting_add_report' | localize\" icon=\"p-button-icon p-button-icon-left pi pi-plus\"\r\n        styleClass=\"p-element p-button-success ml-2 mr-2 p-button p-component ng-star-inserted p-button-label\" (click)=\"onNewReport()\"></Tsi-Button>\r\n      <Tsi-Button [buttonType]=\"buttonType.Submit\" [text]=\"'shared_reporting_delete_report' | localize\" icon=\"p-button-icon p-button-icon-left pi pi-trash\"\r\n        styleClass=\"p-element p-button-danger p-button p-component ng-star-inserted p-button-label\" (click)=\"onDeleteSelectedReports()\"\r\n        [disabled]=\"!selectedReports || !selectedReports.length\"></Tsi-Button>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"right\">\r\n      <p-fileUpload #fileUpload name=\"demo[]\" (onBeforeUpload)=\"onImportFile($event)\"\r\n        (onSelect)=\"onFileSelected($event)\" (onClear)=\"onClear($event)\" (onRemove)=\"onRemove($event)\" [multiple]=\"false\"\r\n        accept=\"application/json\" [maxFileSize]=\"10000000\" \r\n        [invalidFileSizeMessageSummary]=\"'shared_file_upload_invalid_file_size_message_summary' | localize\"\r\n        [invalidFileSizeMessageDetail]=\"'shared_file_upload_invalid_file_size_message_detail' | localize\"\r\n        [invalidFileTypeMessageSummary]=\"'shared_file_upload_invalid_file_type_message_summary' | localize\"\r\n        [invalidFileLimitMessageDetail]=\"'shared_file_upload_invalid_file_limit_message_detail' | localize\"\r\n        [invalidFileLimitMessageSummary]=\"'shared_file_upload_invalid_file_limit_message_summary' | localize\"\r\n        [invalidFileTypeMessageDetail]=\"'shared_file_upload_invalid_file_type_message_detail' | localize\"\r\n        [chooseIcon]=\"'pi pi-paperclip'\" cancelStyleClass=\"p-button-secondary\" uploadStyleClass=\"p-button-help\"\r\n        removeStyleClass=\"p-button-danger\" [chooseLabel]=\"'shared_reporting_choose_report_file' | localize\"\r\n        [uploadLabel]=\"'shared_reporting_import_report' | localize\"\r\n        [cancelLabel]=\"'shared_reporting_cancel_choose_report_file' | localize\">\r\n        <ng-template *ngIf=\"toUploadFileData\" pTemplate=\"fileupload-content\">\r\n        </ng-template>\r\n      </p-fileUpload>\r\n    </ng-template>\r\n  </p-toolbar>\r\n\r\n  <!-- <Tsi-Display-Grid [showHeader]=\"true\"\r\n    [header]=\"'shared_reporting_my_template'\"\r\n    [columns]=\"columns\" [gridData]=\"reports\" key=\"uid\"\r\n    (buttonColumnClicked)=\"handleButtonColumnClicked($event)\" [(selectedItems)]=\"selectedReports\"\r\n    [showFilters]=\"false\"\r\n    [paginator]=\"true\"\r\n    [globalFilterFields]=\"globalFilterFields\">\r\n  </Tsi-Display-Grid> -->\r\n\r\n\r\n  <!--<div style=\"text-align:left\"> <p-button icon=\"pi pi-refresh\"  [pTooltip]=\"'shared_reporting_refresh' | localize\" [tooltipPosition]=\"tooltipPosition.Top\"  label=\"Reload\" severity=\"help\" (click)=\"onRefresh()\" /> </div>\r\n  <p-button icon=\"pi pi-refresh\" class=\"p-button-rounded\" styleClass=\"p-button-text\" />\r\n-->\r\n  \r\n  <Tsi-Button styleClass=\"p-element p-button-text p-button-raised p-button-rounded mb-3 ml-3\"  \r\n    [tooltipText]=\"'shared_reporting_refresh'\" [tooltipPosition]=\"tooltipPosition.Top\"\r\n    icon=\"pi pi-refresh\" (click)=\"onRefresh()\"></Tsi-Button>\r\n\r\n  <tsi-view-grid \r\n    [sortMode]=\"sortModeRef.Single\"\r\n    [header]=\"'shared_reporting_my_template'\"\r\n    [columns]=\"columns\" [gridData]=\"reports\" key=\"uid\"\r\n    (buttonColumnClicked)=\"handleButtonColumnClicked($event)\" [(selectedItems)]=\"selectedReports\"\r\n    [getDataFromApi]=\"false\"\r\n    [formName]=\"'my-report-templates'\"\r\n    >\r\n  </tsi-view-grid>\r\n  <br/>\r\n   <!-- Default Template -->\r\n   <!-- <Tsi-Display-Grid \r\n   [showHeader]=\"true\" \r\n   [header]=\"'shared_reporting_BuiltIn_template'\"\r\n   [showSummaryFooter]=\"false\" \r\n   [paginator]=\"false\" \r\n   [showFilters]=\"false\" \r\n   [columns]=\"defaultTemplateColumns\" \r\n   [gridData]=\"defaultReportTemplateData\" \r\n   (buttonColumnClicked)=\"handleButtonColumnClicked($event)\"\r\n   [paginator]=\"true\"\r\n   key=\"name\">\r\n  </Tsi-Display-Grid> -->\r\n\r\n  \r\n  <tsi-view-grid\r\n   [sortMode]=\"sortModeRef.Single\"\r\n   [header]=\"'shared_reporting_BuiltIn_template'\"\r\n   [columns]=\"defaultTemplateColumns\" \r\n   [gridData]=\"defaultReportTemplateData\" \r\n   (buttonColumnClicked)=\"handleButtonColumnClicked($event)\"\r\n   [getDataFromApi]=\"false\"\r\n   [formName]=\"'default-my-report-templates'\"\r\n   key=\"name\">\r\n  </tsi-view-grid>\r\n\r\n\r\n\r\n\r\n  \r\n\r\n  <!-- dialog to import file to report -->\r\n  <p-dialog header=\"{{'shared_reporting_select_file_to_import_into_report' | localize}}\" [(visible)]=\"isUpdateReportFromFileDialogVisible\" [style]=\"{width: '50vw'}\">\r\n    <!-- <Tsi-Modal-Header (onCloseClick)=\"onImportFileToReportModalCancelClick()\" [inputTitle]=\"'shared_reporting_select_file_to_import_into_report'\"></Tsi-Modal-Header> -->\r\n\r\n    <ng-template pTemplate=\"body\">\r\n      <p-fileUpload #importFileToReportFileUpload name=\"importFileToReport\" (onBeforeUpload)=\"onImportFileToReport_ImportFile($event)\"\r\n        (onSelect)=\"onImportFileToReport_FileSelected($event)\" (onClear)=\"onImportFileToReport_Clear($event)\" (onRemove)=\"onImportFileToReport_Remove($event)\" [multiple]=\"false\"\r\n        accept=\"application/json\" [maxFileSize]=\"10000000\"\r\n        [invalidFileSizeMessageSummary]=\"'shared_file_upload_invalid_file_size_message_summary' | localize\"\r\n        [invalidFileSizeMessageDetail]=\"'shared_file_upload_invalid_file_size_message_detail' | localize\"\r\n        [invalidFileTypeMessageSummary]=\"'shared_file_upload_invalid_file_type_message_summary' | localize\"\r\n        [invalidFileLimitMessageDetail]=\"'shared_file_upload_invalid_file_limit_message_detail' | localize\"\r\n        [invalidFileLimitMessageSummary]=\"'shared_file_upload_invalid_file_limit_message_summary' | localize\"\r\n        [invalidFileTypeMessageDetail]=\"'shared_file_upload_invalid_file_type_message_detail' | localize\"\r\n        [chooseIcon]=\"'pi pi-paperclip'\" cancelStyleClass=\"p-button-secondary\" uploadStyleClass=\"p-button-help\"\r\n        removeStyleClass=\"p-button-danger\" [chooseLabel]=\"'shared_reporting_choose_report_file' | localize\"\r\n        [uploadLabel]=\"'shared_reporting_import_report' | localize\"\r\n        [cancelLabel]=\"'shared_reporting_cancel_choose_report_file' | localize\">\r\n        <ng-template *ngIf=\"toUploadToUpdateReportFileData\" pTemplate=\"fileupload-content\">\r\n        </ng-template>\r\n      </p-fileUpload>\r\n    </ng-template>\r\n\r\n    <!-- <Tsi-Modal-Footer (onCancelClick)=\"onImportFileToReportModalCancelClick()\"\r\n    (onSaveClick)=\"onImportFileToReportModalSaveClick()\"\r\n    [saveDisabled]=\"!toUploadToUpdateReportFileData\"></Tsi-Modal-Footer> -->\r\n\r\n</p-dialog>\r\n</div>\r\n", styles: [".p-button.p-button-icon-only.p-button-rounded{height:2rem!important}::ng-deep .p-fileupload-choose input{display:none!important}\n"] }]
         }], ctorParameters: () => [{ type: ReportingService }, { type: IdentityManagerService }, { type: TsiConfirmationService }, { type: TsiNotificationService }, { type: i1$3.DynamicDialogRef }, { type: i1$3.DynamicDialogConfig }, { type: TsiModalService }, { type: MailingService }, { type: ErrorResponseManagerService }, { type: i2$4.Router }], propDecorators: { fileUpload: [{
                 type: ViewChild,
                 args: ['fileUpload']