@tsi-developpement/tsi-shared-ui 1.8.37 → 1.8.39

package/esm2022/lib/tsi-components/output-components/tsi-view-grid/tsi-view-grid.component.mjs

@@ -344,7 +344,7 @@ export class TsiViewGridComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiViewGridComponent, deps: [{ token: i1.ErrorResponseManagerService }, { token: i2.TsiModalService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TsiViewGridComponent, selector: "tsi-view-grid", inputs: { columns: "columns", gridConfiguration: "gridConfiguration", viewComponent: "viewComponent", crudService: "crudService", header: "header", modalSize: "modalSize", showConsultButton: "showConsultButton", showSearchField: "showSearchField", searchFields: "searchFields", formEndpoint: "formEndpoint", formName: "formName", id: "id", showImportExportButton: "showImportExportButton", targetBusinessClass: "targetBusinessClass", getDataFromApi: "getDataFromApi", gridData: "gridData", isSearchButtonDisabled: "isSearchButtonDisabled", selectKeyOnly: "selectKeyOnly", selectionMode: "selectionMode", selectedItems: "selectedItems", key: "key", showGlobalSearch: "showGlobalSearch", showExportButton: "showExportButton", showCalenderView: "showCalenderView", showHeaderFilters: "showHeaderFilters", showFilterButton: "showFilterButton", selectAll: "selectAll", checkedByField: "checkedByField", sortMode: "sortMode", searchOnInit: "searchOnInit" }, outputs: { summariesChange: "summariesChange", selectedItemsChange: "selectedItemsChange", buttonColumnClicked: "buttonColumnClicked", searchFieldsValueChanged: "searchFieldsValueChanged", getAllPagedResultChanged: "getAllPagedResultChanged" }, viewQueries: [{ propertyName: "genericGridComponent", first: true, predicate: TsiGenericGridComponent, descendants: true }], ngImport: i0, template: "<div class=\"card\">\r\n  \r\n  <p-toolbar *ngIf=\"formEndpoint\" styleClass=\"border-radius-7 mb-1 flex align-items-center gap-2\">\r\n    <ng-template pTemplate=\"left\">\r\n      <div class=\"flex gap-2 ml-2\">\r\n        <Tsi-Button  icon=\"pi pi-sliders-h\" [tooltipPosition]=\"tooltipPosition.Top\" tooltipText=\"shared_tsi_component_grid_menu_view\" *ngIf=\"searchFields\"\r\n        styleClass=\"h-2rem hover:shadow-6 p-button-icon-only {{showSearchField ? 'p-button-secondary' : 'p-button-success'}}\" \r\n          (click)=\"displaySearchFields()\">\r\n        </Tsi-Button>\r\n        <Tsi-Button icon=\"p-button-icon pi pi-calendar {{showCalenderView ? 'pi pi-align-justify' : 'pi pi-calendar'}}\" \r\n        styleClass=\"p-element p-button-primary hover:shadow-6 h-2rem p-button p-component p-button-icon-only\" (click)=\"toggleCalenderView()\" \r\n        tooltipText=\"{{(showCalenderView ? 'shared_tsi_component_grid_list_view' : 'shared_tsi_component_grid_calender_view') | localize}}\" [tooltipPosition]=\"tooltipPosition.Top\"></Tsi-Button>\r\n      </div>\r\n    </ng-template>\r\n    \r\n    <ng-template pTemplate=\"right\">\r\n        <app-reporting *ngIf=\"formEndpoint || businessClass\"\r\n          [formEndpoint]=\"formEndpoint\"\r\n          [formName]=\"formName\"\r\n          [formEndpointBody]=\"formEndpointBody\"\r\n          [isFormEndpointPaged]=\"true\"\r\n          [showImportExportButton]=\"showImportExportButton\"\r\n          (refreshData)=\"refresh($event)\"\r\n          [filtersHtmlTemplate]=\"filtersHtmlTemplate\"\r\n          [businessClass]=\"businessClass\"\r\n          [pagedRequest]=\"pagedRequest\"\r\n          [configModeButtonId]=\"configModeButtonId\"\r\n          [showNoteButton]=\"false\"\r\n          [showActionButton]=\"false\"\r\n          [showInfoButton]=\"false\"\r\n          [showUploadButton]=\"false\"\r\n          [selectedItemUids]=\"selectedItems\"\r\n          ></app-reporting>\r\n    </ng-template>\r\n  </p-toolbar>\r\n  \r\n  <div>\r\n\r\n    <Tsi-Generic-Grid \r\n      [formName]=\"formName\" \r\n      [header]=\"header\" \r\n      [page]=\"page\" \r\n      [pagedRequest]=\"pagedRequest\" \r\n      [columns]=\"columns\"\r\n      [searchFields]=\"searchFields\" \r\n      [showSearchField]=\"showSearchField\" \r\n      (load)=\"load($event)\"\r\n      (searchFieldsValueChanged)=\"searchFieldsValueChanges($event)\"\r\n      (buttonColumnClicked)=\"handleButtonColumnClicked($event)\"\r\n      [(filtersHtmlTemplate)]=\"filtersHtmlTemplate\"\r\n      [selectKeyOnly]=\"selectKeyOnly\"\r\n      [selectionMode]=\"selectionMode\"\r\n      [showImportExportButton]=\"showImportExportButton\"\r\n      [key]=\"key\"\r\n      [crudService]=\"crudService\"\r\n      [(selectedItems)]=\"selectedItems\"\r\n      (selectedItemsChange)=\"onSelectedItemsChange($event)\"\r\n      [isGridDataPagedInApi]=\"getDataFromApi\"\r\n      [searchOnInit]=\"searchOnInit\"\r\n      [showExportButton]=\"showExportButton\"\r\n      [showHeaderFilters]=\"showHeaderFilters\"\r\n      [showFilterButton]=\"showFilterButton\"\r\n      [showGlobalSearch]=\"showGlobalSearch\"\r\n      [isSearchButtonDisabled]=\"isSearchButtonDisabled\"\r\n      [showCalenderView]=\"showCalenderView\"\r\n      (calendarEventClick)=\"handleCalendarEventClick($event)\"\r\n      [selectAll]=\"selectAll\"\r\n      [checkedByField]=\"checkedByField\"\r\n      [targetBusinessClass]=\"targetBusinessClass\"\r\n      [sortMode]=\"sortMode\"\r\n      ></Tsi-Generic-Grid>\r\n  </div>\r\n</div>", styles: [".hide-search-fields{background-color:#64748b!important;border-color:#64748b!important}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5.Toolbar, selector: "p-toolbar", inputs: ["style", "styleClass", "ariaLabelledBy"] }, { kind: "component", type: i6.TsiGenericGridComponent, selector: "Tsi-Generic-Grid", inputs: ["cudComponent", "modalSize", "formName", "id", "pagedRequest", "configuration", "page", "key", "columns", "isSearchButtonDisabled", "filteredColumns", "gridData", "isTableLoading", "parent", "showSearchBox", "showActionColumn", "showHeaderFilters", "showFilterButton", "isGridDataPagedInApi", "header", "ShowFilterColumns", "showImportExportButton", "crudService", "searchFields", "sortMode", "filtersHtmlTemplate", "presentationSettings", "selectKeyOnly", "selectionMode", "selectedItems", "searchOnInit", "showGlobalSearch", "showExportButton", "showSearchField", "showCalenderView", "calenderSchema", "showCardView", "showKanbanView", "showKanbanViewOfWorkFlowEtat", "page$", "checkedByField", "selectAll", "targetBusinessClass", "descriminatorValue", "businessClass", "entityInfo"], outputs: ["onSave", "editRow", "deleteRow", "load", "buttonColumnClicked", "filtersHtmlTemplateChange", "selectedItemsChange", "searchFieldsValueChanged", "calendarEventClick", "statusFilterChanged"] }, { kind: "component", type: i7.TsiButtonComponent, selector: "Tsi-Button", inputs: ["disabled", "text", "style", "tooltipText", "tooltipPosition", "buttonType", "icon", "styleClass", "iconSrc", "id", "iconWidth", "iconClass"], outputs: ["onClick", "rightClick"] }, { kind: "component", type: i8.ReportingComponent, selector: "app-reporting", inputs: ["showImportExportButton", "showNoteButton", "showInfoButton", "showUploadButton", "showActionButton", "isReportingToolbarDisabled", "formName", "formEndpoint", "formEndpointBody", "isFormEndpointPaged", "filtersHtmlTemplate", "optionalEndpoints", "businessClass", "cudComponent", "httpMethodType", "requestData", "customReportingMode", "pagedRequest", "reportDiscriminator", "nombreDocumentsJoints", "id", "configModeButtonId", "selectedItemUids", "fromTsiForm", "customSendMailMode", "reportingInformation"], outputs: ["onSave", "refreshData", "closedModalFileUpload", "toggleDesignMode"] }, { kind: "pipe", type: i9.LocalizePipe, name: "localize" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TsiViewGridComponent, selector: "tsi-view-grid", inputs: { columns: "columns", gridConfiguration: "gridConfiguration", viewComponent: "viewComponent", crudService: "crudService", header: "header", modalSize: "modalSize", showConsultButton: "showConsultButton", showSearchField: "showSearchField", searchFields: "searchFields", formEndpoint: "formEndpoint", formName: "formName", id: "id", showImportExportButton: "showImportExportButton", targetBusinessClass: "targetBusinessClass", getDataFromApi: "getDataFromApi", gridData: "gridData", isSearchButtonDisabled: "isSearchButtonDisabled", selectKeyOnly: "selectKeyOnly", selectionMode: "selectionMode", selectedItems: "selectedItems", key: "key", showGlobalSearch: "showGlobalSearch", showExportButton: "showExportButton", showCalenderView: "showCalenderView", showHeaderFilters: "showHeaderFilters", showFilterButton: "showFilterButton", selectAll: "selectAll", checkedByField: "checkedByField", sortMode: "sortMode", searchOnInit: "searchOnInit" }, outputs: { summariesChange: "summariesChange", selectedItemsChange: "selectedItemsChange", buttonColumnClicked: "buttonColumnClicked", searchFieldsValueChanged: "searchFieldsValueChanged", getAllPagedResultChanged: "getAllPagedResultChanged" }, viewQueries: [{ propertyName: "genericGridComponent", first: true, predicate: TsiGenericGridComponent, descendants: true }], ngImport: i0, template: "<div class=\"card\">\r\n  \r\n  <p-toolbar *ngIf=\"formEndpoint\" styleClass=\"border-radius-7 mb-1 flex align-items-center gap-2\">\r\n    <ng-template pTemplate=\"left\">\r\n      <div class=\"flex gap-2 ml-2\">\r\n        <Tsi-Button  icon=\"pi pi-sliders-h\" [tooltipPosition]=\"tooltipPosition.Top\" tooltipText=\"shared_tsi_component_grid_menu_view\" *ngIf=\"searchFields\"\r\n        styleClass=\"h-2rem hover:shadow-6 p-button-icon-only {{showSearchField ? 'p-button-secondary' : 'p-button-success'}}\" \r\n          (click)=\"displaySearchFields()\">\r\n        </Tsi-Button>\r\n        <Tsi-Button icon=\"p-button-icon pi pi-calendar {{showCalenderView ? 'pi pi-align-justify' : 'pi pi-calendar'}}\" \r\n        styleClass=\"p-element p-button-primary hover:shadow-6 h-2rem p-button p-component p-button-icon-only\" (click)=\"toggleCalenderView()\" \r\n        tooltipText=\"{{(showCalenderView ? 'shared_tsi_component_grid_list_view' : 'shared_tsi_component_grid_calender_view') | localize}}\" [tooltipPosition]=\"tooltipPosition.Top\"></Tsi-Button>\r\n      </div>\r\n    </ng-template>\r\n    \r\n    <ng-template pTemplate=\"right\">\r\n        <app-reporting *ngIf=\"formEndpoint || businessClass\"\r\n          [formEndpoint]=\"formEndpoint\"\r\n          [formName]=\"formName\"\r\n          [formEndpointBody]=\"formEndpointBody\"\r\n          [isFormEndpointPaged]=\"true\"\r\n          [showImportExportButton]=\"showImportExportButton\"\r\n          (refreshData)=\"refresh($event)\"\r\n          [filtersHtmlTemplate]=\"filtersHtmlTemplate\"\r\n          [businessClass]=\"businessClass\"\r\n          [pagedRequest]=\"pagedRequest\"\r\n          [configModeButtonId]=\"configModeButtonId\"\r\n          [showNoteButton]=\"false\"\r\n          [showActionButton]=\"false\"\r\n          [showInfoButton]=\"false\"\r\n          [showUploadButton]=\"false\"\r\n          [selectedItemUids]=\"selectedItems\"\r\n          ></app-reporting>\r\n    </ng-template>\r\n  </p-toolbar>\r\n  \r\n  <div>\r\n\r\n    <Tsi-Generic-Grid \r\n      [formName]=\"formName\" \r\n      [header]=\"header\" \r\n      [page]=\"page\" \r\n      [pagedRequest]=\"pagedRequest\" \r\n      [columns]=\"columns\"\r\n      [searchFields]=\"searchFields\" \r\n      [showSearchField]=\"showSearchField\" \r\n      (load)=\"load($event)\"\r\n      (searchFieldsValueChanged)=\"searchFieldsValueChanges($event)\"\r\n      (buttonColumnClicked)=\"handleButtonColumnClicked($event)\"\r\n      [(filtersHtmlTemplate)]=\"filtersHtmlTemplate\"\r\n      [selectKeyOnly]=\"selectKeyOnly\"\r\n      [selectionMode]=\"selectionMode\"\r\n      [showImportExportButton]=\"showImportExportButton\"\r\n      [key]=\"key\"\r\n      [crudService]=\"crudService\"\r\n      [(selectedItems)]=\"selectedItems\"\r\n      (selectedItemsChange)=\"onSelectedItemsChange($event)\"\r\n      [isGridDataPagedInApi]=\"getDataFromApi\"\r\n      [searchOnInit]=\"searchOnInit\"\r\n      [showExportButton]=\"showExportButton\"\r\n      [showHeaderFilters]=\"showHeaderFilters\"\r\n      [showFilterButton]=\"showFilterButton\"\r\n      [showGlobalSearch]=\"showGlobalSearch\"\r\n      [isSearchButtonDisabled]=\"isSearchButtonDisabled\"\r\n      [showCalenderView]=\"showCalenderView\"\r\n      (calendarEventClick)=\"handleCalendarEventClick($event)\"\r\n      [selectAll]=\"selectAll\"\r\n      [checkedByField]=\"checkedByField\"\r\n      [targetBusinessClass]=\"targetBusinessClass\"\r\n      [sortMode]=\"sortMode\"\r\n      ></Tsi-Generic-Grid>\r\n  </div>\r\n</div>", styles: [".hide-search-fields{background-color:#64748b!important;border-color:#64748b!important}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5.Toolbar, selector: "p-toolbar", inputs: ["style", "styleClass", "ariaLabelledBy"] }, { kind: "component", type: i6.TsiGenericGridComponent, selector: "Tsi-Generic-Grid", inputs: ["cudComponent", "modalSize", "showInfoButton", "showDownloadButton", "showUploadButton", "showNoteButton", "showActionButton", "formName", "id", "pagedRequest", "configuration", "page", "key", "columns", "isSearchButtonDisabled", "filteredColumns", "gridData", "isTableLoading", "parent", "showSearchBox", "showActionColumn", "showHeaderFilters", "showFilterButton", "isGridDataPagedInApi", "header", "ShowFilterColumns", "showImportExportButton", "crudService", "searchFields", "sortMode", "filtersHtmlTemplate", "presentationSettings", "selectKeyOnly", "selectionMode", "selectedItems", "searchOnInit", "showGlobalSearch", "showExportButton", "showSearchField", "showCalenderView", "calenderSchema", "showCardView", "showKanbanView", "showKanbanViewOfWorkFlowEtat", "page$", "checkedByField", "selectAll", "targetBusinessClass", "descriminatorValue", "businessClass", "entityInfo"], outputs: ["onSave", "editRow", "deleteRow", "load", "buttonColumnClicked", "filtersHtmlTemplateChange", "selectedItemsChange", "searchFieldsValueChanged", "calendarEventClick", "statusFilterChanged"] }, { kind: "component", type: i7.TsiButtonComponent, selector: "Tsi-Button", inputs: ["disabled", "text", "style", "tooltipText", "tooltipPosition", "buttonType", "icon", "styleClass", "iconSrc", "id", "iconWidth", "iconClass"], outputs: ["onClick", "rightClick"] }, { kind: "component", type: i8.ReportingComponent, selector: "app-reporting", inputs: ["showImportExportButton", "showNoteButton", "showInfoButton", "showUploadButton", "showActionButton", "isReportingToolbarDisabled", "formName", "formEndpoint", "formEndpointBody", "isFormEndpointPaged", "filtersHtmlTemplate", "optionalEndpoints", "businessClass", "cudComponent", "httpMethodType", "requestData", "customReportingMode", "pagedRequest", "reportDiscriminator", "nombreDocumentsJoints", "id", "configModeButtonId", "selectedItemUids", "fromTsiForm", "customSendMailMode", "reportingInformation"], outputs: ["onSave", "refreshData", "closedModalFileUpload", "toggleDesignMode"] }, { kind: "pipe", type: i9.LocalizePipe, name: "localize" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiViewGridComponent, decorators: [{
             type: Component,