cilog-lib 1.12.2 → 1.12.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/fesm2022/cilog-lib.mjs +35 -58
  2. package/fesm2022/cilog-lib.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/types/cilog-lib.d.ts +6 -9
package/fesm2022/cilog-lib.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as i0 from '@angular/core';
2
- import { Component, signal, Injectable, inject, Pipe, EventEmitter, HostListener, ViewChild, Output, Input } from '@angular/core';
2
+ import { Component, signal, Injectable, inject, Pipe, EventEmitter, HostListener, ViewChild, Output, Input, input, model } from '@angular/core';
3
3
  import * as i1 from 'primeng/dialog';
4
4
  import { DialogModule } from 'primeng/dialog';
5
5
  import * as i3 from 'primeng/button';
@@ -660,12 +660,10 @@ class CilogTableComponent {
660
660
  cdRef;
661
661
  exportService;
662
662
  initFilter = true;
663
- columns;
664
- columnsChange = new EventEmitter();
665
- values;
666
- valuesChange = new EventEmitter();
667
- options;
668
- loading;
663
+ options = input.required(...(ngDevMode ? [{ debugName: "options" }] : []));
664
+ columns = model.required(...(ngDevMode ? [{ debugName: "columns" }] : []));
665
+ values = model.required(...(ngDevMode ? [{ debugName: "values" }] : []));
666
+ loading = input(...(ngDevMode ? [undefined, { debugName: "loading" }] : []));
669
667
  onEdit = new EventEmitter();
670
668
  onEditInit = new EventEmitter();
671
669
  onDelete = new EventEmitter();
@@ -785,13 +783,13 @@ class CilogTableComponent {
785
783
  return value.toLowerCase().includes(filter.toLowerCase());
786
784
  }
787
785
  });
788
- this.columns.forEach(col => {
786
+ this.columns().forEach(col => {
789
787
  if (col.options == null) {
790
788
  col.options = { defaultFilters: null };
791
789
  }
792
790
  if (col.options['onlyListValues'] && col.options['optionGroupLabel'] == null) {
793
791
  col.options['options'] = [];
794
- this.values.forEach(val => {
792
+ this.values().forEach(val => {
795
793
  if (col.type == ColType.MultiSelect) {
796
794
  val[col.id].value.forEach(val2 => {
797
795
  if (col.options['options'].find(opt => opt.ID == val2.ID) == null) {
@@ -808,20 +806,19 @@ class CilogTableComponent {
808
806
  col.options['options'] = [...col.options['options'].sort((a, b) => a[col.options['optionLabel']].localeCompare(a[col.options['optionLabel']]))];
809
807
  }
810
808
  });
811
- this.columnsChange.emit(this.columns);
812
- if (this.columns.filter(col => col.options.defaultFilters != null).length == 0) {
809
+ if (this.columns().filter(col => col.options.defaultFilters != null).length == 0) {
813
810
  this.initFilter = false;
814
811
  }
815
812
  }
816
813
  ngAfterViewInit() {
817
- this.columns.forEach(col => {
814
+ this.columns().forEach(col => {
818
815
  if (!col.invisible) {
819
816
  if (col.options.defaultFilters != null) {
820
817
  this.filter(col, col.options.defaultFilters, this.getFilterByCol(col));
821
818
  }
822
819
  }
823
820
  });
824
- if (this.table.scroller && this.options.modeAppendOnly) {
821
+ if (this.table.scroller && this.options().modeAppendOnly) {
825
822
  this.table.scroller.appendOnly = true;
826
823
  }
827
824
  this.cdRef.detectChanges();
@@ -835,11 +832,11 @@ class CilogTableComponent {
835
832
  onInputNumber(event) {
836
833
  }
837
834
  loadLazy(event) {
838
- //this.values = event.rows.slice(event.first, (event.first + event.rows));
835
+ //this.values() = event.rows.slice(event.first, (event.first + event.rows));
839
836
  }
840
837
  // Sort
841
838
  sortGrille(event) {
842
- let col = this.columns.find(col => col.id == event.field);
839
+ let col = this.columns().find(col => col.id == event.field);
843
840
  this.onSort.emit({ column: col, order: event.order });
844
841
  let typeCol = col.type;
845
842
  event.data.sort((data1, data2) => {
@@ -906,7 +903,7 @@ class CilogTableComponent {
906
903
  this.onEdit.emit({ row: row, column: column, value: value });
907
904
  }
908
905
  // Destroy Focus
909
- this.values.forEach(val => {
906
+ this.values().forEach(val => {
910
907
  val[column.id].focus = false;
911
908
  });
912
909
  }
@@ -925,22 +922,16 @@ class CilogTableComponent {
925
922
  this.onSelect.emit({ row: row, selectedRows: this.selectedRows, checked: true });
926
923
  }
927
924
  onSelectCell(cell) {
928
- console.log(cell);
929
925
  this.onSelect.emit({ cell: cell });
930
926
  }
931
927
  onUnselectRow(row) {
932
928
  this.onUnselect.emit({ row: row, selectedRows: this.selectedRows, checked: false });
933
929
  }
934
- refreshData() {
935
- if (this.options.sortable && this.options.virtualScroll) {
936
- this.values = [...this.values];
937
- }
938
- }
939
930
  onPageTable(event) {
940
931
  this.onPage.emit(event);
941
932
  }
942
933
  onDeleteLine(row) {
943
- if (this.options.manuallyDeletable) {
934
+ if (this.options().manuallyDeletable) {
944
935
  this.onDelete.emit({ row: row });
945
936
  }
946
937
  else {
@@ -948,9 +939,7 @@ class CilogTableComponent {
948
939
  key: 'confirm',
949
940
  message: 'Êtes-vous sûr de vouloir supprimer cette ligne ?',
950
941
  accept: () => {
951
- this.values.splice(this.values.indexOf(row), 1);
952
- this.values = [...this.values];
953
- this.valuesChange.emit(this.values);
942
+ this.values().splice(this.values().indexOf(row), 1);
954
943
  this.onDelete.emit({ row: row });
955
944
  }
956
945
  });
@@ -1092,15 +1081,15 @@ class CilogTableComponent {
1092
1081
  }
1093
1082
  getTotal(col) {
1094
1083
  if (col.displayTotal && (col.type == ColType.Number || col.type == ColType.CilogNumber)) {
1095
- let values = this.values;
1096
- if (this.options.totalByFilter == true && this.table.filteredValue != null) {
1084
+ let values = this.values();
1085
+ if (this.options().totalByFilter == true && this.table.filteredValue != null) {
1097
1086
  values = this.table.filteredValue;
1098
1087
  }
1099
1088
  let total = 0;
1100
1089
  values.forEach(val => {
1101
1090
  if (!val.exclusionTotal && !val[col.id].exclusionTotal) {
1102
- if (this.options.modeSelection != null) {
1103
- if (this.options.modeSelection == ModeSelection.Checkbox && this.options.totalBySelection == true) {
1091
+ if (this.options().modeSelection != null) {
1092
+ if (this.options().modeSelection == ModeSelection.Checkbox && this.options().totalBySelection == true) {
1104
1093
  if (this.selectedRows != null && this.selectedRows.find(row => row.id == val.id) != null) {
1105
1094
  total += (val[col.id].value != null ? val[col.id].value : 0);
1106
1095
  }
@@ -1126,15 +1115,15 @@ class CilogTableComponent {
1126
1115
  return this.getFormattedNumber(col, null, col.methodTotal(), true);
1127
1116
  }
1128
1117
  else {
1129
- let values = this.values;
1130
- if (this.options.totalByFilter == true && this.table.filteredValue != null) {
1118
+ let values = this.values();
1119
+ if (this.options().totalByFilter == true && this.table.filteredValue != null) {
1131
1120
  values = this.table.filteredValue;
1132
1121
  }
1133
1122
  let total = 0;
1134
1123
  values.forEach(val => {
1135
1124
  if (!val.exclusionTotal && !val[col.id].exclusionTotal) {
1136
- if (this.options.modeSelection != null) {
1137
- if (this.options.modeSelection == ModeSelection.Checkbox && this.options.totalBySelection == true) {
1125
+ if (this.options().modeSelection != null) {
1126
+ if (this.options().modeSelection == ModeSelection.Checkbox && this.options().totalBySelection == true) {
1138
1127
  if (this.selectedRows != null && this.selectedRows.find(row => row.id == val.id) != null) {
1139
1128
  total += (val[col.id].value != null ? val[col.id].value : 0);
1140
1129
  }
@@ -1226,7 +1215,7 @@ class CilogTableComponent {
1226
1215
  URL.revokeObjectURL(path);
1227
1216
  }
1228
1217
  hasFrozenColumns() {
1229
- return this.columns.filter(col => col.frozen == true).length > 0;
1218
+ return this.columns().filter(col => col.frozen == true).length > 0;
1230
1219
  }
1231
1220
  trackByFunction(index, item) {
1232
1221
  return item?.id;
@@ -1235,13 +1224,13 @@ class CilogTableComponent {
1235
1224
  return value != null && typeof value == type;
1236
1225
  }
1237
1226
  isModeEdition() {
1238
- return this.options.editable;
1227
+ return this.options().editable;
1239
1228
  }
1240
1229
  getModeSelection() {
1241
- if (this.options.selectable != true) {
1230
+ if (this.options().selectable != true) {
1242
1231
  return null;
1243
1232
  }
1244
- switch (this.options.modeSelection) {
1233
+ switch (this.options().modeSelection) {
1245
1234
  case ModeSelection.Checkbox:
1246
1235
  case ModeSelection.Metakey:
1247
1236
  return 'multiple';
@@ -1253,19 +1242,19 @@ class CilogTableComponent {
1253
1242
  }
1254
1243
  }
1255
1244
  isModeCheckboxSelection() {
1256
- return this.options.selectable == true && this.options.modeSelection != null && this.options.modeSelection == ModeSelection.Checkbox;
1245
+ return this.options().selectable == true && this.options().modeSelection != null && this.options().modeSelection == ModeSelection.Checkbox;
1257
1246
  }
1258
1247
  isModeCellSelection() {
1259
- return this.options.selectable == true && this.options.modeSelection != null && this.options.modeSelection == ModeSelection.Cell;
1248
+ return this.options().selectable == true && this.options().modeSelection != null && this.options().modeSelection == ModeSelection.Cell;
1260
1249
  }
1261
1250
  isModeMetakeySelection() {
1262
- return this.options.selectable == true && this.options.modeSelection != null && this.options.modeSelection == ModeSelection.Metakey;
1251
+ return this.options().selectable == true && this.options().modeSelection != null && this.options().modeSelection == ModeSelection.Metakey;
1263
1252
  }
1264
1253
  exportExcel(byFiltre = false, withColors = true) {
1265
- this.exportService.exportExcel(this.table.filteredValue != null ? this.table.filteredValue : this.values, this.columns, byFiltre, withColors);
1254
+ this.exportService.exportExcel(this.table.filteredValue != null ? this.table.filteredValue : this.values(), this.columns(), byFiltre, withColors);
1266
1255
  }
1267
1256
  onClickCellNumber(row, col) {
1268
- this.values.forEach(val => {
1257
+ this.values().forEach(val => {
1269
1258
  val[col.id].focus = false;
1270
1259
  });
1271
1260
  row[col.id].focus = true;
@@ -1274,7 +1263,7 @@ class CilogTableComponent {
1274
1263
  });
1275
1264
  }
1276
1265
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CilogTableComponent, deps: [{ token: i1$1.ConfirmationService }, { token: i1$1.FilterService }, { token: i0.ChangeDetectorRef }, { token: ExportService }], target: i0.ɵɵFactoryTarget.Component });
1277
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: CilogTableComponent, isStandalone: true, selector: "cilog-table", inputs: { columns: "columns", values: "values", options: "options", loading: "loading" }, outputs: { columnsChange: "columnsChange", valuesChange: "valuesChange", onEdit: "onEdit", onEditInit: "onEditInit", onDelete: "onDelete", onSelect: "onSelect", onUnselect: "onUnselect", onFilter: "onFilter", onFilterInit: "onFilterInit", onSort: "onSort", onPage: "onPage", onRowDoubleClick: "onRowDoubleClick" }, viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true, static: true }, { propertyName: "cm", first: true, predicate: ["cm"], descendants: true }, { propertyName: "inputNumber", first: true, predicate: ["inputNumber"], descendants: true }], ngImport: i0, template: "<div class=\"!relative\"\n [ngStyle]=\"{ 'height': options.scrollHeight != null ? options.scrollHeight : '100%' }\">\n\n @if (options.exportExcel) {\n <button pButton\n icon=\"pi pi-file-excel\"\n class=\"p-button-success !z-5 !absolute !top-0 !left-0 !w-5 !h-5 !rounded-tl-none !rounded-tr-none !rounded-bl-none\"\n pTooltip=\"Exporter le contenu de la grille au format Excel\"\n tooltipPosition=\"right\"\n (click)=\"exportExcel(options.exportExcelByFiltre, !options.exportExcelNoColors)\">\n </button>\n }\n\n <p-contextMenu #cm [model]=\"options.contextMenuItems\" />\n\n <p-table #table\n [columns]=\"columns\"\n [value]=\"values\"\n dataKey=\"id\"\n [selectionMode]=\"getModeSelection()\"\n [metaKeySelection]=\"isModeMetakeySelection()\"\n [(selection)]=\"selectedRows\"\n (onRowSelect)=\"onSelectRow($event)\"\n (onRowUnselect)=\"onUnselectRow($event)\"\n (onHeaderCheckboxToggle)=\"onSelectAll($event)\"\n (sortFunction)=\"sortGrille($event)\"\n [customSort]=\"options.grouping == null ? true : false\"\n [scrollable]=\"true\"\n [loading]=\"loading\"\n [scrollHeight]=\"'flex'\"\n [rowGroupMode]=\"options.grouping != null ? 'subheader' : null\"\n [groupRowsBy]=\"options.grouping != null ? options.grouping.obj + '.' + options.grouping.id : null\"\n [groupRowsByOrder]=\"0\"\n [virtualScroll]=\"options.virtualScroll == true && options.scrollHeight != null ? true : false\"\n [virtualScrollItemSize]=\"options.virtualScrollItemSize != null ? options.virtualScrollItemSize : 35\"\n [paginator]=\"options.paginator == null ? false : true\"\n [rows]=\"options.paginatorRows\"\n (onPage)=\"onPageTable($event)\"\n [tableStyleClass]=\"!options.themeGrille ? 'grid_grey' : options.themeGrille\"\n [lazy]=\"options.lazy == true ? true : false\"\n (onFilter)=\"onFilterTable($event)\"\n [rowTrackBy]=\"trackByFunction\"\n [(contextMenuSelection)]=\"contextMenuSelectedItem\"\n [contextMenu]=\"cm\">\n\n <!-- HEADER -->\n <ng-template pTemplate=\"header\" let-columns>\n\n <!-- HEADERS -->\n <tr class=\"rowHeader\">\n @if (isModeCheckboxSelection()) {\n <th class=\"cellDelete\"\n pFrozenColumn>\n @if (!options.filterable && options.toggleAll) {\n <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\n }\n </th>\n }\n @for (col of columns; track col) {\n @if (!col.invisible) {\n <th [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': col.backgroundColor ? col.backgroundColor : null }\"\n [ngClass]=\"{ '!text-center' : options.centerHeaders, 'headerAffichageSimple': !options.headersAffichageEntier, 'headerAffichageEntier': options.headersAffichageEntier }\"\n [pSortableColumn]=\"col.id\"\n [pSortableColumnDisabled]=\"!options.sortable || options.grouping != null || col.libelle == null || col.libelle == ''\"\n id=\"{{ col.id }}\"\n (click)=\"refreshData()\"\n pFrozenColumn\n [frozen]=\"col.frozen\"\n [pTooltip]=\"col.libelle\"\n [tooltipDisabled]=\"!col.tooltipHeader\"\n tooltipPosition=\"bottom\">\n <div [ngStyle]=\"{ 'color': col.textColor ? col.textColor : null }\">\n {{ col.libelle }}\n </div>\n @if (options.sortable && options.grouping == null && col.libelle != null && col.libelle != '') {\n <p-sortIcon [field]=\"col.id\">\n </p-sortIcon>\n }\n </th>\n }\n }\n @if (options.rowsDeletable) {\n <th class=\"cellDelete\"></th>\n }\n </tr>\n\n <!-- FILTRES -->\n @if (options.filterable) {\n <tr class=\"rowFilter\">\n @if (isModeCheckboxSelection()) {\n <th class=\"cellDelete\"\n pFrozenColumn>\n @if (options.toggleAll) {\n <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\n }\n </th>\n }\n @for (col of columns; track col) {\n <!-- Text -->\n @if (!col.invisible && ((checkType('Dropdown', col) && col.options.filterText)\n || (checkType('MultiSelect', col) && col.options.filterText)\n || checkType('Text', col)\n || checkType('File', col)\n || (checkType('Button', col) && col.options.filterCol))\n || checkType('Number', col)\n || checkType('CilogNumber', col)) {\n <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n @if (!col.disableFilter) {\n <input pInputText\n type=\"text\"\n (input)=\"onFilterCol($event, col)\"\n name=\"filterText\"\n [(ngModel)]=\"col.options.defaultFilters\">\n }\n </th>\n }\n <!-- Date -->\n @if (!col.invisible && checkType('Date', col)) {\n <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n @if (!col.disableFilter) {\n <p-datepicker [view]=\"col.options.mode == null ? 'date' : col.options.mode\"\n [dateFormat]=\"col.options.mode == 'year' ? 'yy' : col.options.mode == 'month' ? 'mm/yy' : 'dd/mm/yy'\"\n [inputId]=\"col.id + '_filter'\"\n [firstDayOfWeek]=\"1\"\n [readonlyInput]=\"true\"\n appendTo=\"body\"\n selectionMode=\"range\"\n (onSelect)=\"onFilterCol($event, col)\"\n showButtonBar=\"true\"\n (onClearClick)=\"onFilterCol($event, col)\"\n name=\"filterDate\"\n [(ngModel)]=\"col.options.defaultFilters\">\n </p-datepicker>\n }\n </th>\n }\n <!-- Liste -->\n @if (!col.invisible && ((checkType('Dropdown', col) && !col.options.filterText) || (checkType('MultiSelect', col) && !col.options.filterText) || checkType('SelectButton', col) || checkType('State', col))) {\n <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n @if (!col.disableFilter) {\n <p-multiSelect [options]=\"col.options?.options\"\n [filter]=\"true\"\n dataKey=\"ID\"\n [optionLabel]=\"col.options?.optionLabel\"\n appendTo=\"body\"\n emptyFilterMessage=\"Aucun r\u00E9sultat\"\n emptyMessage=\"Aucun r\u00E9sultat\"\n [virtualScroll]=\"true\"\n [virtualScrollItemSize]=\"35\"\n selectedItemsLabel=\"{0} selectionn\u00E9s\"\n (onChange)=\"onFilterCol($event, col)\"\n name=\"filterChoix\"\n [(ngModel)]=\"col.options.defaultFilters\"\n [group]=\"col.options.optionGroupChildren != null ? true : false\"\n [optionGroupLabel]=\"col.options.optionGroupLabel\"\n [optionGroupChildren]=\"col.options.optionGroupChildren\"\n [showToggleAll]=\"false\"\n [showClear]=\"true\"\n (onClear)=\"onFilterCol(null, col)\">\n <ng-template let-group pTemplate=\"group\">\n <div>{{group[col.options.optionGroupLabel]}}</div>\n </ng-template>\n </p-multiSelect>\n }\n </th>\n }\n <!-- Switch -->\n @if (!col.invisible && checkType('Switch', col)) {\n <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n @if (!col.disableFilter) {\n <p-multiSelect [options]=\"optionsSwitch\"\n [showHeader]=\"false\"\n optionLabel=\"label\"\n optionValue=\"value\"\n appendTo=\"body\"\n emptyFilterMessage=\"Aucun r\u00E9sultat\"\n emptyMessage=\"Aucun r\u00E9sultat\"\n [virtualScrollItemSize]=\"30\"\n selectedItemsLabel=\"{0} selectionn\u00E9s\"\n (onChange)=\"onFilterCol($event, col)\"\n name=\"filterChoix2\"\n [(ngModel)]=\"col.options.defaultFilters\">\n </p-multiSelect>\n }\n </th>\n }\n <!-- Non filtrable -->\n @if (!col.invisible && (checkType('Image', col) || (checkType('Button', col) && !col.options.filterCol))) {\n <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n </th>\n }\n }\n @if (options.rowsDeletable) {\n <th class=\"cellDelete\"></th>\n }\n </tr>\n }\n\n <!-- TOTAL -->\n @if (options.rowTotal) {\n <tr class=\"rowTotal\">\n @if (isModeCheckboxSelection()) {\n <th class=\"cellDelete\"\n pFrozenColumn>\n </th>\n }\n @for (col of columns; track col) {\n @if (!col.invisible) {\n <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\n [ngClass]=\"{ '!text-center' : true }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div>{{ getTotalStr(col) }}</div>\n </th>\n }\n }\n @if (options.rowsDeletable) {\n <th class=\"cellDelete\"></th>\n }\n </tr>\n }\n </ng-template>\n\n <!--Groupheader-->\n <ng-template pTemplate=\"groupheader\" let-rowData>\n <tr pRowGroupHeader class=\"rowGrouping\">\n <td [attr.colspan]=\"columns.length\">\n <div class=\"text_bold\">{{ rowData[options.grouping.obj][options.grouping.libelle] }}</div>\n </td>\n </tr>\n </ng-template>\n\n <!-- Body -->\n <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\n <tr id=\"{{ rowData.id }}\"\n [ngStyle]=\"{ 'background-color': rowData.color ? rowData.color : null }\"\n [pSelectableRow]=\"rowData\"\n [pSelectableRowDisabled]=\"!options.selectable || isModeCheckboxSelection() || isModeCellSelection()\"\n (dblclick)=\"onRowDoubleClickEvent(rowData)\"\n [pContextMenuRow]=\"rowData\"\n [pContextMenuRowDisabled]=\"options.contextMenuItems == null\">\n\n @if (isModeCheckboxSelection()) {\n <td class=\"cellDelete\"\n pFrozenColumn>\n <p-tableCheckbox [value]=\"rowData\" [disabled]=\"rowData.readonly\"></p-tableCheckbox>\n </td>\n }\n\n @for (col of columns; track col) {\n <!-- Text -->\n @if (!col.invisible && checkType('Text', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pEditableColumn]=\"rowData\"\n [pEditableColumnField]=\"col.id\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n pFrozenColumn\n (click)=\"options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n [frozen]=\"col.frozen\"\n [ngClass]=\"{\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <input pInputText\n type=\"text\"\n [(ngModel)]=\"rowData[col.id].value\"\n name=\"text\"\n (blur)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n (keydown.enter)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n (keydown.tab)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n (click)=\"onEditInitCell(rowData, col, rowData[col.id].value)\"\n [ngClass]=\"{\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true\n }\" />\n </ng-template>\n <ng-template pTemplate=\"output\">\n @if (rowData[col.id]) {\n <div style=\"white-space: pre;\">\n {{ getFormattedText(col, rowData) }}\n </div>\n }\n </ng-template>\n </p-cellEditor>\n </td>\n }\n @if (!col.invisible && checkType('Text', col) && (!isModeEdition() || rowData.readonly || rowData[col.id]?.readonly)) {\n <td [ngStyle]=\"{\n 'width' : col.width ? col.width : null,\n 'background-color' : rowData[col.id].color ? rowData[col.id].color : null,\n 'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\n }\"\n (click)=\"options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">\n {{ col.libelle }} :\n </div>\n @if (rowData[col.id]) {\n <div style=\"white-space: pre;\">\n {{ getFormattedText(col, rowData) }}\n </div>\n }\n </td>\n }\n <!-- Dropdown -->\n @if (!col.invisible && checkType('Dropdown', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n [ngClass]=\"{\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value != null ? rowData[col.id].value[getOption(col, rowData, 'optionLabel')] : ''\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n pFrozenColumn\n [frozen]=\"col.frozen\"\n class=\"paddingCell\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id] != null) {\n <p-select dataKey=\"ID\"\n [options]=\"getOption(col, rowData, 'options')\"\n [filter]=\"getOption(col, rowData, 'filter')\"\n [optionLabel]=\"getOption(col, rowData, 'optionLabel')\"\n [(ngModel)]=\"rowData[col.id].value\"\n name=\"select\"\n appendTo=\"body\"\n [showClear]=\"getOption(col, rowData, 'deletable')\"\n emptyFilterMessage=\"Aucun r\u00E9sultat\"\n emptyMessage=\"Aucun r\u00E9sultat\"\n [virtualScroll]=\"getOption(col, rowData, 'virtualScroll')\"\n [readonly]=\"rowData.readonly || rowData[col.id]?.readonly\"\n [virtualScrollItemSize]=\"30\"\n (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n (onClear)=\"onEditCell(rowData, col, rowData[col.id].value)\">\n <ng-template let-data pTemplate=\"selectedItem\">\n @if (data != null) {\n <span [ngClass]=\"{\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true\n }\">\n {{ data[getOption(col, rowData, 'optionLabel')] }}\n </span>\n }\n @if (data == null) {\n <span></span>\n }\n </ng-template>\n </p-select>\n }\n </td>\n }\n @if (!col.invisible && checkType('Dropdown', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\n <td [ngStyle]=\"{\n 'width' : col.width ? col.width : null,\n 'background-color': rowData[col.id].color ? rowData[col.id].color : null,\n 'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\n }\"\n (click)=\"options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value != null ? rowData[col.id].value[getOption(col, rowData, 'optionLabel')] : ''\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id]) {\n <div>{{ rowData[col.id].value != null ? rowData[col.id].value[getOption(col, rowData, 'optionLabel')] : '' }}</div>\n }\n </td>\n }\n <!-- Cilog Number -->\n @if (!col.invisible && checkType('CilogNumber', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | value\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id] && !rowData.readonly && !rowData[col.id]?.readonly) {\n <cilog-input-number (onInput)=\"onInputNumber($event)\"\n [(ngModel)]=\"rowData[col.id].value\"\n name=\"cilog-number\"\n ngDefaultControl\n [inputStyleClass]=\"col.position == null || col.position == 'right' ? '!text-right' : col.position == 'left' ? '!text-left' : '!text-center'\"\n [textColor]=\"rowData[col.id].textColor\"\n [bold]=\"rowData.bold == true || rowData[col.id].bold == true\"\n [italic]=\"rowData.italic == true || rowData[col.id].italic == true\"\n [suffixe]=\"getOption(col, rowData, 'suffix')\"\n [prefixe]=\"getOption(col, rowData, 'prefix') != null ? getOption(col, rowData, 'prefix') + ' ' : null\"\n [min]=\"getOption(col, rowData, 'min')\"\n [max]=\"getOption(col, rowData, 'max')\"\n [disabled]=\"rowData.readonly || rowData[col.id]?.readonly\"\n [maxDecimals]=\"getOption(col, rowData, 'modeInteger') != null && getOption(col, rowData, 'modeInteger') == true ? 0 : getOption(col, rowData, 'maxDecimales') != null ? getOption(col, rowData, 'maxDecimales') : 2 \"\n (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n (onFocus)=\"onEditInitCell(rowData, col, rowData[col.id].value)\">\n </cilog-input-number>\n }\n </td>\n }\n @if (!col.invisible && checkType('CilogNumber', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\n <td [ngStyle]=\"{\n 'width' : col.width ? col.width : null,\n 'background-color': rowData[col.id].color ? rowData[col.id].color : null,\n 'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\n }\"\n (click)=\"options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | value\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id]) {\n <div>{{ getFormattedNumber(col, rowData, rowData[col.id].value) }}</div>\n }\n </td>\n }\n <!-- Number -->\n @if (!col.invisible && checkType('Number', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | value\"\n [tooltipDisabled]=\"!col.tooltip\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!text-left': col.position == 'left',\n '!text-right': col.position == 'right' || col.position == null,\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n tooltipPosition=\"bottom\"\n pFrozenColumn\n [frozen]=\"col.frozen\"\n (click)=\"onClickCellNumber(rowData, col)\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id] && !rowData[col.id].focus) {\n <div>\n {{ getFormattedNumber(col, rowData, rowData[col.id].value) }}\n </div>\n }\n @if (rowData[col.id] && !rowData.readonly && !rowData[col.id]?.readonly && rowData[col.id].focus == true) {\n <p-inputNumber #inputNumber\n locale=\"fr-FR\"\n (onInput)=\"onInputNumber($event)\"\n [(ngModel)]=\"rowData[col.id].value\"\n name=\"input-number\"\n [showButtons]=\"getOption(col, rowData, 'showButtons')\"\n [inputStyleClass]=\"col.position == null || col.position == 'right' ? '!text-right' : col.position == 'left' ? '!text-left' : '!text-center'\"\n [inputStyle]=\"{ 'font-weight': rowData.bold == true || rowData[col.id].bold == true ? 'bold' : null, 'font-style': rowData.italic == true || rowData[col.id].italic == true ? 'italic' : null }\"\n [suffix]=\"getOption(col, rowData, 'suffix')\"\n [prefix]=\"getOption(col, rowData, 'prefix') != null ? getOption(col, rowData, 'prefix') + ' ' : null\"\n [min]=\"getOption(col, rowData, 'min')\"\n [max]=\"getOption(col, rowData, 'max')\"\n [minFractionDigits]=\"getOption(col, rowData, 'modeInteger') != null && getOption(col, rowData, 'modeInteger') == true ? 0 : getOption(col, rowData, 'minDecimales') != null ? getOption(col, rowData, 'minDecimales') : 0\"\n [maxFractionDigits]=\"getOption(col, rowData, 'modeInteger') != null && getOption(col, rowData, 'modeInteger') == true ? 0 : getOption(col, rowData, 'maxDecimales') != null ? getOption(col, rowData, 'maxDecimales') : 2 \"\n (onBlur)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n (onKeyDown)=\"onKeyDown($event, rowData, col, rowData[col.id].value)\"\n (onFocus)=\"onEditInitCell(rowData, col, rowData[col.id].value)\">\n </p-inputNumber>\n }\n </td>\n }\n @if (!col.invisible && checkType('Number', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\n <td [ngStyle]=\"{\n 'width' : col.width ? col.width : null,\n 'background-color': rowData[col.id].color ? rowData[col.id].color : null,\n 'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\n }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | value\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n (click)=\"options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!text-left': col.position == 'left',\n '!text-right': col.position == 'right' || col.position == null,\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id]) {\n <div>{{ getFormattedNumber(col, rowData, rowData[col.id].value) }}</div>\n }\n </td>\n }\n <!-- Date -->\n @if (!col.invisible && checkType('Date', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : getOption(col, rowData, 'mode') == 'year' ? (rowData[col.id].value | date: 'yyyy') : getOption(col, rowData, 'mode') == 'month' ? (rowData[col.id].value | date: 'MM/yy') : getOption(col, rowData, 'mode') == 'hour' ? (rowData[col.id].value | date: 'HH:mm') : getOption(col, rowData, 'mode') == 'datehour' ? (rowData[col.id].value | date: 'dd/MM/yy HH:mm') : (rowData[col.id].value | date: 'dd/MM/yyyy')\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n <p-datepicker [(ngModel)]=\"rowData[col.id].value\"\n name=\"date-picker\"\n [view]=\"getOption(col, rowData, 'mode') == null || getOption(col, rowData, 'mode') == 'date' || getOption(col, rowData, 'mode') == 'hour' ? 'date' : getOption(col, rowData, 'mode') == 'datehour' ? 'date' : getOption(col, rowData, 'mode')\"\n [dateFormat]=\"getOption(col, rowData, 'mode') == 'year' ? 'yy' : getOption(col, rowData, 'mode') == 'month' ? 'mm/yy' : getOption(col, rowData, 'mode') == 'hour' || getOption(col, rowData, 'mode') == 'datehour' ? 'dd/mm/yy' : 'dd/mm/yy'\"\n [showTime]=\"getOption(col, rowData, 'mode') == 'datehour'\"\n [timeOnly]=\"getOption(col, rowData, 'mode') == 'hour'\"\n [hourFormat]=\"'24'\"\n [firstDayOfWeek]=\"1\"\n (onSelect)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n (onBlur)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n (onClear)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n [inputStyleClass]=\"col.position == null || col.position == 'right' ? '!text-right' : col.position == 'left' ? '!text-left' : '!text-center'\"\n [inputStyle]=\"{ 'font-weight': rowData.bold == true || rowData[col.id].bold == true ? 'bold' : null, 'font-style': rowData.italic == true || rowData[col.id].italic == true ? 'italic' : null }\"\n [showClear]=\"getOption(col, rowData, 'clear')\"\n [minDate]=\"getOption(col, rowData, 'minDate')\"\n [maxDate]=\"getOption(col, rowData, 'maxDate')\"\n [defaultDate]=\"getOption(col, rowData, 'defaultDate')\"\n appendTo=\"body\">\n </p-datepicker>\n </td>\n }\n @if (!col.invisible && checkType('Date', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\n <td [ngStyle]=\"{\n 'min-width' : col.width ? col.width : null,\n 'background-color': rowData[col.id].color ? rowData[col.id].color : null,\n 'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\n }\"\n (click)=\"options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | date: 'dd/MM/yyyy'\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id]) {\n <div>{{ rowData[col.id].value | date: (getOption(col, rowData, 'mode') == 'year' ? 'yyyy' : getOption(col, rowData, 'mode') == 'month' ? 'MM/yyyy' : 'dd/MM/yyyy') }}</div>\n }\n </td>\n }\n <!-- MultiSelect -->\n @if (!col.invisible && checkType('MultiSelect', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [ngClass]=\"{\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : getMultiSelectConcat(rowData[col.id].value, getOption(col, rowData, 'optionLabel'))\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n pFrozenColumn\n [frozen]=\"col.frozen\"\n class=\"paddingCell\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id] != null) {\n <p-multiSelect [options]=\"getOption(col, rowData, 'options')\"\n [filter]=\"getOption(col, rowData, 'filter')\"\n [optionLabel]=\"getOption(col, rowData, 'optionLabel')\"\n [(ngModel)]=\"rowData[col.id].value\"\n name=\"multiselect\"\n appendTo=\"body\"\n dataKey=\"ID\"\n emptyFilterMessage=\"Aucun r\u00E9sultat\"\n emptyMessage=\"Aucun r\u00E9sultat\"\n [virtualScroll]=\"getOption(col, rowData, 'virtualScroll')\"\n [readonly]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\"\n [virtualScrollItemSize]=\"30\"\n selectedItemsLabel=\"{0} selectionn\u00E9s\"\n (onChange)=\"editMultiselect(rowData, col, $event)\"\n [showToggleAll]=\"false\"\n [showHeader]=\"getOption(col, rowData, 'filter')\"\n [group]=\"getOption(col, rowData, 'optionGroupChildren') != null ? true : false\"\n [optionGroupLabel]=\"getOption(col, rowData, 'optionGroupLabel')\"\n [optionGroupChildren]=\"getOption(col, rowData, 'optionGroupChildren')\"\n ngDefaultControl>\n <ng-template let-data pTemplate=\"selectedItems\">\n @for (option of data; track option; let i = $index) {\n <span [ngClass]=\"{\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true\n }\">\n {{ option[getOption(col, rowData, 'optionLabel')] + (i != data.length - 1 ? ',' : '') }}\n </span>\n }\n </ng-template>\n <ng-template let-group pTemplate=\"group\">\n <div>{{group[col.options.optionGroupLabel]}}</div>\n </ng-template>\n </p-multiSelect>\n }\n </td>\n }\n @if (!col.invisible && checkType('MultiSelect', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\n <td [ngStyle]=\"{\n 'width' : col.width ? col.width : null,\n 'background-color': rowData[col.id].color ? rowData[col.id].color : null,\n 'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\n }\"\n (click)=\"options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : getMultiSelectConcat(rowData[col.id].value, getOption(col, rowData, 'optionLabel'))\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id]) {\n <div>{{ getMultiSelectConcat(rowData[col.id].value, getOption(col, rowData, 'optionLabel')) }}</div>\n }\n </td>\n }\n <!-- Image -->\n @if (!col.invisible && checkType('Image', col)) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n class=\"!text-center\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id]) {\n <img style=\"vertical-align: middle; width: 40px;\" src=\"{{ rowData[col.id].value }}\" />\n }\n </td>\n }\n <!-- Button -->\n @if (!col.invisible && checkType('Button', col)) {\n <td class=\"paddingCell !text-center\"\n [ngClass]=\"{\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id].value != null && isValueButtonByType(rowData[col.id].value, 'function')) {\n <button pButton\n [disabled]=\"rowData.readonly || rowData[col.id]?.readonly\"\n [label]=\"getOption(col, rowData, 'label')\"\n [icon]=\"getOption(col, rowData, 'icon')\"\n (click)=\"rowData[col.id].value()\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : getOption(col, rowData, 'label')\"\n [tooltipDisabled]=\"!col.tooltip\"\n [class]=\"'p-button-' + getOption(col, rowData, 'severity')\"\n [ngClass]=\"{\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true\n }\">\n </button>\n }\n @if (isValueButtonByType(rowData[col.id].value, 'string')) {\n <div [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true\n }\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value\"\n [tooltipDisabled]=\"!col.tooltip\">\n {{ rowData[col.id].value }}\n </div>\n }\n </td>\n }\n <!-- SelectButton -->\n @if (!col.invisible && checkType('SelectButton', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id] != null) {\n <p-selectButton [options]=\"getOption(col, rowData, 'options')\"\n [optionLabel]=\"getOption(col, rowData, 'optionLabel')\"\n [optionValue]=\"getOption(col, rowData, 'optionValue') != null ? getOption(col, rowData, 'optionValue') : 'value'\"\n [(ngModel)]=\"rowData[col.id].value\"\n name=\"select-button\"\n [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\"\n (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\">\n <ng-template let-item pTemplate=\"item\">\n <span class=\"!text-center w-full\"\n [ngClass]=\"{\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true\n }\">\n {{ item.label }}\n </span>\n </ng-template>\n </p-selectButton>\n }\n </td>\n }\n @if (!col.invisible && checkType('SelectButton', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\n <td [ngStyle]=\"{\n 'width' : col.width ? col.width : null,\n 'background-color': rowData[col.id].color ? rowData[col.id].color : null,\n 'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\n }\"\n (click)=\"options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n pFrozenColumn\n [frozen]=\"col.frozen\"\n class=\"!text-center\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id]) {\n <div>{{ getSelectLibelleByValue(rowData, col) }}</div>\n }\n </td>\n }\n <!-- Switch -->\n @if (!col.invisible && checkType('Switch', col)) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n class=\"!text-center\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id] != null) {\n <p-toggleswitch [(ngModel)]=\"rowData[col.id].value\"\n name=\"toggle-switch\"\n [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || (getOption(col, rowData, 'action') == null && !isModeEdition())\"\n (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n ngDefaultControl>\n </p-toggleswitch>\n }\n </td>\n }\n <!-- File -->\n @if (!col.invisible && checkType('File', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id] != null) {\n <div class=\"p-inputgroup\">\n <button type=\"button\"\n pButton\n pRipple\n icon=\"pi pi-upload\"\n (click)=\"clickById('input_' + rowData[col.id].id)\"\n [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\">\n </button>\n <input id=\"{{'output_' + rowData[col.id].id}}\"\n pInputText\n type=\"text\"\n [ngClass]=\"{\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true\n }\"\n value=\"{{ rowData[col.id].value != null ? rowData[col.id].value : '' }}\"\n readonly\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value ? rowData[col.id].value : ''\"\n [tooltipDisabled]=\"!col.tooltip\">\n @if (getOption(col, rowData, 'downloadPath') && rowData[col.id].value != null) {\n <button type=\"button\"\n pButton\n pRipple\n icon=\"pi pi-download\"\n (click)=\"downloadFile(rowData[col.id])\"\n [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\">\n </button>\n }\n </div>\n }\n @if (rowData[col.id]) {\n <input id=\"{{'input_' + rowData[col.id].id}}\" #inputFile pInputText type=\"file\" hidden (change)=\"rowData[col.id].value = inputFile.files[0].name; onEditCell(rowData, col, inputFile.files[0])\">\n }\n </td>\n }\n @if (!col.invisible && checkType('File', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\n <td [ngStyle]=\"{\n 'width' : col.width ? col.width : null,\n 'background-color': rowData[col.id].color ? rowData[col.id].color : null,\n 'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\n }\"\n (click)=\"options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value ? rowData[col.id].value : ''\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id]) {\n <div>{{ rowData[col.id].value ? rowData[col.id].value : '' }}</div>\n }\n </td>\n }\n <!-- State -->\n @if (!col.invisible && checkType('State', col)) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n class=\"!text-center\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id].value != null) {\n <p-tag [value]=\"rowData[col.id].value[getOption(col, rowData, 'optionLabel')]\"\n [severity]=\"rowData[col.id].value.severity\"\n [icon]=\"rowData[col.id].value.icon\"\n [style]=\"{\n 'background-color': rowData[col.id].value.backgroundColor,\n 'color': rowData[col.id].value.textColor,\n 'font-weight': rowData.bold == true || rowData[col.id].bold == true ? 'bold' : null,\n 'font-style': rowData.italic == true || rowData[col.id].italic == true ? 'italic' : null\n }\">\n </p-tag>\n }\n </td>\n }\n }\n\n <!-- Deletion -->\n @if (options.rowsDeletable) {\n <td class=\"cellDelete\"\n [ngClass]=\"rowData.deletable ? 'paddingCell' : null\">\n @if (rowData.deletable) {\n <button pButton\n type=\"button\"\n icon=\"pi pi-times\"\n class=\"p-button-danger buttonDelete p-button-text\"\n [disabled]=\"rowData.readonly\"\n (click)=\"onDeleteLine(rowData)\">\n </button>\n }\n </td>\n }\n\n </tr>\n </ng-template>\n </p-table>\n</div>\n", styles: ["::ng-deep .p-tooltip .p-tooltip-text{overflow-wrap:break-word!important}:host ::ng-deep .p-toggleswitch.p-toggleswitch-checked.p-disabled .p-toggleswitch-slider{background:#abd9ba!important}:host ::ng-deep .grid_brown .rowHeader>th{background-color:#795548}:host ::ng-deep .grid_brown .rowHeader>th div{color:#fff}:host ::ng-deep .grid_brown .rowHeader>th i{color:#fff}:host ::ng-deep .grid_brown .rowHeader .p-sortable-column:hover{background-color:#a47767}:host ::ng-deep .grid_brown .rowHeader .p-sortable-column:hover i{color:#fff}:host ::ng-deep .grid_brown .rowHeader .p-sortable-column.p-highlight div{color:#76c7ff}:host ::ng-deep .grid_brown .rowHeader .p-sortable-column.p-highlight .p-sortable-column-icon{color:#76c7ff}:host ::ng-deep .grid_brown .rowFilter th{background-color:#795548}:host ::ng-deep .grid_grey .rowHeader>th{background-color:#dedddd}:host ::ng-deep .grid_grey .rowHeader>th div{color:#495057}:host ::ng-deep .grid_grey .rowHeader>th i{color:#495057}:host ::ng-deep .grid_grey .rowHeader .p-sortable-column:hover{background-color:#e7e7e7}:host ::ng-deep .grid_grey .rowHeader .p-sortable-column:hover i{color:#495057}:host ::ng-deep .grid_grey .rowHeader .p-sortable-column.p-highlight div{color:#008bff}:host ::ng-deep .grid_grey .rowHeader .p-sortable-column.p-highlight .p-sortable-column-icon{color:#008bff}:host ::ng-deep .grid_grey .rowFilter th{background-color:#dedddd}:host ::ng-deep .selectable_cell:hover{background:#dcdcdc!important;cursor:pointer!important}:host ::ng-deep .p-frozen-column{z-index:2!important}:host ::ng-deep .p-datatable-thead{z-index:3!important}:host ::ng-deep .p-checkbox{border-radius:inherit!important}:host ::ng-deep p-inputnumber{width:100%}:host ::ng-deep .p-calendar,:host ::ng-deep .p-inputtext,:host ::ng-deep .p-inputnumber,:host ::ng-deep .p-inputnumber-input,:host ::ng-deep .p-dropdown,:host ::ng-deep .p-multiselect{width:100%}:host ::ng-deep .suffixe,:host ::ng-deep .prefixe{height:25px;padding-top:1px!important}:host ::ng-deep .p-multiselect-label-container,:host ::ng-deep .p-dropdown-label{width:1px!important}:host ::ng-deep .p-scroller-content{min-height:50%}:host ::ng-deep .rowTotal>th{background-color:#edcbaa!important}:host ::ng-deep .rowGrouping{background:#faeada!important}:host ::ng-deep .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{background:#30e130}:host ::ng-deep .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider{background:#2bd12b}:host ::ng-deep .p-datatable-table{table-layout:fixed}:host ::ng-deep .p-datatable-thead>tr>th{border:1px solid rgba(0,0,0,.12)!important;padding:8px;font-weight:600;height:40px}:host ::ng-deep .headerAffichageSimple div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host ::ng-deep .headerAffichageEntier{word-wrap:break-word}:host ::ng-deep .p-datatable-tbody>tr>td{border:1px solid rgba(0,0,0,.12)!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host ::ng-deep .p-datatable-tbody>tr>td div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host ::ng-deep .p-tag{max-width:100%}:host ::ng-deep .p-tag .p-tag-value{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host ::ng-deep .p-button{padding:5px;max-width:100%}:host ::ng-deep .p-button .p-button-label{overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}:host ::ng-deep .text_bold{font-weight:700!important}:host ::ng-deep .cellDelete{flex:0 0 50px!important;width:50px;text-align:center!important;padding:0!important}:host ::ng-deep .p-tooltip .p-tooltip-text{background-color:red!important}:host ::ng-deep .p-skeleton{background-color:#dee2e6;border-radius:6px;padding:0}:host ::ng-deep .p-datatable-tbody>tr{height:35px}:host ::ng-deep .p-inputtext{height:25px!important;padding:4px 5px!important}:host ::ng-deep .p-inputnumber{height:25px;padding:0!important}:host ::ng-deep .p-inputnumber-input{padding:0 5px!important}:host ::ng-deep .p-inputgroup .p-inputtext{height:25px;padding:4px 5px!important}:host ::ng-deep .p-dropdown,:host ::ng-deep .p-multiselect{vertical-align:middle}:host ::ng-deep .p-dropdown-label{padding-top:2px;padding-bottom:2px}:host ::ng-deep .p-multiselect-label{padding-top:2px;padding-bottom:2px}:host ::ng-deep .p-editable-column{padding:3px 10px!important}:host ::ng-deep .paddingCell{padding:3px 10px!important}:host ::ng-deep .p-selectbutton>.p-button{width:50%;height:25px}:host ::ng-deep .p-inputgroup>.p-button{height:25px}:host ::ng-deep .buttonDelete{width:100%;height:20px}:host ::ng-deep .p-column-title{display:none}:host ::ng-deep .p-datatable-loading-icon{color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i5.Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ToggleSwitchModule }, { kind: "component", type: i6.ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["styleClass", "tabindex", "inputId", "readonly", "trueValue", "falseValue", "ariaLabel", "size", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i7.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i7.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i7.FrozenColumn, selector: "[pFrozenColumn]", inputs: ["frozen", "alignFrozen"] }, { kind: "directive", type: i7.RowGroupHeader, selector: "[pRowGroupHeader]" }, { kind: "directive", type: i7.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "directive", type: i7.ContextMenuRow, selector: "[pContextMenuRow]", inputs: ["pContextMenuRow", "pContextMenuRowIndex", "pContextMenuRowDisabled"] }, { kind: "directive", type: i7.EditableColumn, selector: "[pEditableColumn]", inputs: ["pEditableColumn", "pEditableColumnField", "pEditableColumnRowIndex", "pEditableColumnDisabled", "pFocusCellSelector"] }, { kind: "component", type: i7.CellEditor, selector: "p-cellEditor" }, { kind: "component", type: i7.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i7.TableCheckbox, selector: "p-tableCheckbox", inputs: ["value", "disabled", "required", "index", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i7.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "ngmodule", type: ContextMenuModule }, { kind: "component", type: i8.ContextMenu, selector: "p-contextMenu, p-contextmenu, p-context-menu", inputs: ["model", "triggerEvent", "target", "global", "style", "styleClass", "autoZIndex", "baseZIndex", "id", "breakpoint", "ariaLabel", "ariaLabelledBy", "pressDelay", "appendTo", "motionOptions"], outputs: ["onShow", "onHide"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i9.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i10.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "styleClass", "panelStyle", "panelStyleClass", "inputId", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "dataKey", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "placeholder", "options", "filterValue", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect", "size", "variant", "fluid", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i11.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "styleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo", "motionOptions"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i12.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: CilogInputNumberComponent, selector: "cilog-input-number", inputs: ["min", "max", "maxDecimals", "prefixe", "suffixe", "inputStyleClass", "disabled", "readonly", "textColor", "bold", "italic", "floatLabel"], outputs: ["onInput", "onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: SelectButtonModule }, { kind: "component", type: i13.SelectButton, selector: "p-selectButton, p-selectbutton, p-select-button", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "unselectable", "tabindex", "multiple", "allowEmpty", "styleClass", "ariaLabelledBy", "dataKey", "autofocus", "size", "fluid"], outputs: ["onOptionClick", "onChange"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i2.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i16.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "autocomplete", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "pipe", type: i3$1.DatePipe, name: "date" }, { kind: "pipe", type: ValuePipe, name: "value" }] });
1266
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: CilogTableComponent, isStandalone: true, selector: "cilog-table", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, values: { classPropertyName: "values", publicName: "values", isSignal: true, isRequired: true, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { columns: "columnsChange", values: "valuesChange", onEdit: "onEdit", onEditInit: "onEditInit", onDelete: "onDelete", onSelect: "onSelect", onUnselect: "onUnselect", onFilter: "onFilter", onFilterInit: "onFilterInit", onSort: "onSort", onPage: "onPage", onRowDoubleClick: "onRowDoubleClick" }, viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true, static: true }, { propertyName: "cm", first: true, predicate: ["cm"], descendants: true }, { propertyName: "inputNumber", first: true, predicate: ["inputNumber"], descendants: true }], ngImport: i0, template: "<div class=\"!relative\"\n [ngStyle]=\"{ 'height': options().scrollHeight != null ? options().scrollHeight : '100%' }\">\n\n @if (options().exportExcel) {\n <button pButton\n icon=\"pi pi-file-excel\"\n class=\"p-button-success !z-5 !absolute !top-0 !left-0 !w-5 !h-5 !rounded-tl-none !rounded-tr-none !rounded-bl-none\"\n pTooltip=\"Exporter le contenu de la grille au format Excel\"\n tooltipPosition=\"right\"\n (click)=\"exportExcel(options().exportExcelByFiltre, !options().exportExcelNoColors)\">\n </button>\n }\n\n <p-contextMenu #cm [model]=\"options().contextMenuItems\" />\n\n <p-table #table\n [columns]=\"columns()\"\n [value]=\"values()\"\n dataKey=\"id\"\n [selectionMode]=\"getModeSelection()\"\n [metaKeySelection]=\"isModeMetakeySelection()\"\n [(selection)]=\"selectedRows\"\n (onRowSelect)=\"onSelectRow($event)\"\n (onRowUnselect)=\"onUnselectRow($event)\"\n (onHeaderCheckboxToggle)=\"onSelectAll($event)\"\n (sortFunction)=\"sortGrille($event)\"\n [customSort]=\"options().grouping == null ? true : false\"\n [scrollable]=\"true\"\n [loading]=\"loading()\"\n [scrollHeight]=\"'flex'\"\n [rowGroupMode]=\"options().grouping != null ? 'subheader' : null\"\n [groupRowsBy]=\"options().grouping != null ? options().grouping.obj + '.' + options().grouping.id : null\"\n [groupRowsByOrder]=\"0\"\n [virtualScroll]=\"options().virtualScroll == true && options().scrollHeight != null ? true : false\"\n [virtualScrollItemSize]=\"options().virtualScrollItemSize != null ? options().virtualScrollItemSize : 35\"\n [paginator]=\"options().paginator == null ? false : true\"\n [rows]=\"options().paginatorRows\"\n (onPage)=\"onPageTable($event)\"\n [tableStyleClass]=\"!options().themeGrille ? 'grid_grey' : options().themeGrille\"\n [lazy]=\"options().lazy == true ? true : false\"\n (onFilter)=\"onFilterTable($event)\"\n [rowTrackBy]=\"trackByFunction\"\n [(contextMenuSelection)]=\"contextMenuSelectedItem\"\n [contextMenu]=\"cm\">\n\n <!-- HEADER -->\n <ng-template pTemplate=\"header\" let-columns>\n\n <!-- HEADERS -->\n <tr class=\"rowHeader\">\n @if (isModeCheckboxSelection()) {\n <th class=\"cellDelete\"\n pFrozenColumn>\n @if (!options().filterable && options().toggleAll) {\n <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\n }\n </th>\n }\n @for (col of columns; track col) {\n @if (!col.invisible) {\n <th [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': col.backgroundColor ? col.backgroundColor : null }\"\n [ngClass]=\"{ '!text-center' : options().centerHeaders, 'headerAffichageSimple': !options().headersAffichageEntier, 'headerAffichageEntier': options().headersAffichageEntier }\"\n [pSortableColumn]=\"col.id\"\n [pSortableColumnDisabled]=\"!options().sortable || options().grouping != null || col.libelle == null || col.libelle == ''\"\n id=\"{{ col.id }}\"\n pFrozenColumn\n [frozen]=\"col.frozen\"\n [pTooltip]=\"col.libelle\"\n [tooltipDisabled]=\"!col.tooltipHeader\"\n tooltipPosition=\"bottom\">\n <div [ngStyle]=\"{ 'color': col.textColor ? col.textColor : null }\">\n {{ col.libelle }}\n </div>\n @if (options().sortable && options().grouping == null && col.libelle != null && col.libelle != '') {\n <p-sortIcon [field]=\"col.id\">\n </p-sortIcon>\n }\n </th>\n }\n }\n @if (options().rowsDeletable) {\n <th class=\"cellDelete\"></th>\n }\n </tr>\n\n <!-- FILTRES -->\n @if (options().filterable) {\n <tr class=\"rowFilter\">\n @if (isModeCheckboxSelection()) {\n <th class=\"cellDelete\"\n pFrozenColumn>\n @if (options().toggleAll) {\n <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\n }\n </th>\n }\n @for (col of columns; track col) {\n <!-- Text -->\n @if (!col.invisible && ((checkType('Dropdown', col) && col.options.filterText)\n || (checkType('MultiSelect', col) && col.options.filterText)\n || checkType('Text', col)\n || checkType('File', col)\n || (checkType('Button', col) && col.options.filterCol))\n || checkType('Number', col)\n || checkType('CilogNumber', col)) {\n <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n @if (!col.disableFilter) {\n <input pInputText\n type=\"text\"\n (input)=\"onFilterCol($event, col)\"\n name=\"filterText\"\n [(ngModel)]=\"col.options.defaultFilters\">\n }\n </th>\n }\n <!-- Date -->\n @if (!col.invisible && checkType('Date', col)) {\n <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n @if (!col.disableFilter) {\n <p-datepicker [view]=\"col.options.mode == null ? 'date' : col.options.mode\"\n [dateFormat]=\"col.options.mode == 'year' ? 'yy' : col.options.mode == 'month' ? 'mm/yy' : 'dd/mm/yy'\"\n [inputId]=\"col.id + '_filter'\"\n [firstDayOfWeek]=\"1\"\n [readonlyInput]=\"true\"\n appendTo=\"body\"\n selectionMode=\"range\"\n (onSelect)=\"onFilterCol($event, col)\"\n showButtonBar=\"true\"\n (onClearClick)=\"onFilterCol($event, col)\"\n name=\"filterDate\"\n [(ngModel)]=\"col.options.defaultFilters\">\n </p-datepicker>\n }\n </th>\n }\n <!-- Liste -->\n @if (!col.invisible && ((checkType('Dropdown', col) && !col.options.filterText) || (checkType('MultiSelect', col) && !col.options.filterText) || checkType('SelectButton', col) || checkType('State', col))) {\n <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n @if (!col.disableFilter) {\n <p-multiSelect [options]=\"col.options?.options\"\n [filter]=\"true\"\n dataKey=\"ID\"\n [optionLabel]=\"col.options?.optionLabel\"\n appendTo=\"body\"\n emptyFilterMessage=\"Aucun r\u00E9sultat\"\n emptyMessage=\"Aucun r\u00E9sultat\"\n [virtualScroll]=\"true\"\n [virtualScrollItemSize]=\"35\"\n selectedItemsLabel=\"{0} selectionn\u00E9s\"\n (onChange)=\"onFilterCol($event, col)\"\n name=\"filterChoix\"\n [(ngModel)]=\"col.options.defaultFilters\"\n [group]=\"col.options.optionGroupChildren != null ? true : false\"\n [optionGroupLabel]=\"col.options.optionGroupLabel\"\n [optionGroupChildren]=\"col.options.optionGroupChildren\"\n [showToggleAll]=\"false\"\n [showClear]=\"true\"\n (onClear)=\"onFilterCol(null, col)\">\n <ng-template let-group pTemplate=\"group\">\n <div>{{group[col.options.optionGroupLabel]}}</div>\n </ng-template>\n </p-multiSelect>\n }\n </th>\n }\n <!-- Switch -->\n @if (!col.invisible && checkType('Switch', col)) {\n <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n @if (!col.disableFilter) {\n <p-multiSelect [options]=\"optionsSwitch\"\n [showHeader]=\"false\"\n optionLabel=\"label\"\n optionValue=\"value\"\n appendTo=\"body\"\n emptyFilterMessage=\"Aucun r\u00E9sultat\"\n emptyMessage=\"Aucun r\u00E9sultat\"\n [virtualScrollItemSize]=\"30\"\n selectedItemsLabel=\"{0} selectionn\u00E9s\"\n (onChange)=\"onFilterCol($event, col)\"\n name=\"filterChoix2\"\n [(ngModel)]=\"col.options.defaultFilters\">\n </p-multiSelect>\n }\n </th>\n }\n <!-- Non filtrable -->\n @if (!col.invisible && (checkType('Image', col) || (checkType('Button', col) && !col.options.filterCol))) {\n <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n </th>\n }\n }\n @if (options().rowsDeletable) {\n <th class=\"cellDelete\"></th>\n }\n </tr>\n }\n\n <!-- TOTAL -->\n @if (options().rowTotal) {\n <tr class=\"rowTotal\">\n @if (isModeCheckboxSelection()) {\n <th class=\"cellDelete\"\n pFrozenColumn>\n </th>\n }\n @for (col of columns; track col) {\n @if (!col.invisible) {\n <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\n [ngClass]=\"{ '!text-center' : true }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div>{{ getTotalStr(col) }}</div>\n </th>\n }\n }\n @if (options().rowsDeletable) {\n <th class=\"cellDelete\"></th>\n }\n </tr>\n }\n </ng-template>\n\n <!--Groupheader-->\n <ng-template pTemplate=\"groupheader\" let-rowData>\n <tr pRowGroupHeader class=\"rowGrouping\">\n <td [attr.colspan]=\"columns().length\">\n <div class=\"text_bold\">{{ rowData[options().grouping.obj][options().grouping.libelle] }}</div>\n </td>\n </tr>\n </ng-template>\n\n <!-- Body -->\n <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\n <tr id=\"{{ rowData.id }}\"\n [ngStyle]=\"{ 'background-color': rowData.color ? rowData.color : null }\"\n [pSelectableRow]=\"rowData\"\n [pSelectableRowDisabled]=\"!options().selectable || isModeCheckboxSelection() || isModeCellSelection()\"\n (dblclick)=\"onRowDoubleClickEvent(rowData)\"\n [pContextMenuRow]=\"rowData\"\n [pContextMenuRowDisabled]=\"options().contextMenuItems == null\">\n\n @if (isModeCheckboxSelection()) {\n <td class=\"cellDelete\"\n pFrozenColumn>\n <p-tableCheckbox [value]=\"rowData\" [disabled]=\"rowData.readonly\"></p-tableCheckbox>\n </td>\n }\n\n @for (col of columns; track col) {\n <!-- Text -->\n @if (!col.invisible && checkType('Text', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pEditableColumn]=\"rowData\"\n [pEditableColumnField]=\"col.id\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n pFrozenColumn\n (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n [frozen]=\"col.frozen\"\n [ngClass]=\"{\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <input pInputText\n type=\"text\"\n [(ngModel)]=\"rowData[col.id].value\"\n name=\"text\"\n (blur)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n (keydown.enter)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n (keydown.tab)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n (click)=\"onEditInitCell(rowData, col, rowData[col.id].value)\"\n [ngClass]=\"{\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true\n }\" />\n </ng-template>\n <ng-template pTemplate=\"output\">\n @if (rowData[col.id]) {\n <div style=\"white-space: pre;\">\n {{ getFormattedText(col, rowData) }}\n </div>\n }\n </ng-template>\n </p-cellEditor>\n </td>\n }\n @if (!col.invisible && checkType('Text', col) && (!isModeEdition() || rowData.readonly || rowData[col.id]?.readonly)) {\n <td [ngStyle]=\"{\n 'width' : col.width ? col.width : null,\n 'background-color' : rowData[col.id].color ? rowData[col.id].color : null,\n 'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\n }\"\n (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">\n {{ col.libelle }} :\n </div>\n @if (rowData[col.id]) {\n <div style=\"white-space: pre;\">\n {{ getFormattedText(col, rowData) }}\n </div>\n }\n </td>\n }\n <!-- Dropdown -->\n @if (!col.invisible && checkType('Dropdown', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n [ngClass]=\"{\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value != null ? rowData[col.id].value[getOption(col, rowData, 'optionLabel')] : ''\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n pFrozenColumn\n [frozen]=\"col.frozen\"\n class=\"paddingCell\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id] != null) {\n <p-select dataKey=\"ID\"\n [options]=\"getOption(col, rowData, 'options')\"\n [filter]=\"getOption(col, rowData, 'filter')\"\n [optionLabel]=\"getOption(col, rowData, 'optionLabel')\"\n [(ngModel)]=\"rowData[col.id].value\"\n name=\"select\"\n appendTo=\"body\"\n [showClear]=\"getOption(col, rowData, 'deletable')\"\n emptyFilterMessage=\"Aucun r\u00E9sultat\"\n emptyMessage=\"Aucun r\u00E9sultat\"\n [virtualScroll]=\"getOption(col, rowData, 'virtualScroll')\"\n [readonly]=\"rowData.readonly || rowData[col.id]?.readonly\"\n [virtualScrollItemSize]=\"30\"\n (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n (onClear)=\"onEditCell(rowData, col, rowData[col.id].value)\">\n <ng-template let-data pTemplate=\"selectedItem\">\n @if (data != null) {\n <span [ngClass]=\"{\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true\n }\">\n {{ data[getOption(col, rowData, 'optionLabel')] }}\n </span>\n }\n @if (data == null) {\n <span></span>\n }\n </ng-template>\n </p-select>\n }\n </td>\n }\n @if (!col.invisible && checkType('Dropdown', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\n <td [ngStyle]=\"{\n 'width' : col.width ? col.width : null,\n 'background-color': rowData[col.id].color ? rowData[col.id].color : null,\n 'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\n }\"\n (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value != null ? rowData[col.id].value[getOption(col, rowData, 'optionLabel')] : ''\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id]) {\n <div>{{ rowData[col.id].value != null ? rowData[col.id].value[getOption(col, rowData, 'optionLabel')] : '' }}</div>\n }\n </td>\n }\n <!-- Cilog Number -->\n @if (!col.invisible && checkType('CilogNumber', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | value\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id] && !rowData.readonly && !rowData[col.id]?.readonly) {\n <cilog-input-number (onInput)=\"onInputNumber($event)\"\n [(ngModel)]=\"rowData[col.id].value\"\n name=\"cilog-number\"\n ngDefaultControl\n [inputStyleClass]=\"col.position == null || col.position == 'right' ? '!text-right' : col.position == 'left' ? '!text-left' : '!text-center'\"\n [textColor]=\"rowData[col.id].textColor\"\n [bold]=\"rowData.bold == true || rowData[col.id].bold == true\"\n [italic]=\"rowData.italic == true || rowData[col.id].italic == true\"\n [suffixe]=\"getOption(col, rowData, 'suffix')\"\n [prefixe]=\"getOption(col, rowData, 'prefix') != null ? getOption(col, rowData, 'prefix') + ' ' : null\"\n [min]=\"getOption(col, rowData, 'min')\"\n [max]=\"getOption(col, rowData, 'max')\"\n [disabled]=\"rowData.readonly || rowData[col.id]?.readonly\"\n [maxDecimals]=\"getOption(col, rowData, 'modeInteger') != null && getOption(col, rowData, 'modeInteger') == true ? 0 : getOption(col, rowData, 'maxDecimales') != null ? getOption(col, rowData, 'maxDecimales') : 2 \"\n (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n (onFocus)=\"onEditInitCell(rowData, col, rowData[col.id].value)\">\n </cilog-input-number>\n }\n </td>\n }\n @if (!col.invisible && checkType('CilogNumber', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\n <td [ngStyle]=\"{\n 'width' : col.width ? col.width : null,\n 'background-color': rowData[col.id].color ? rowData[col.id].color : null,\n 'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\n }\"\n (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | value\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id]) {\n <div>{{ getFormattedNumber(col, rowData, rowData[col.id].value) }}</div>\n }\n </td>\n }\n <!-- Number -->\n @if (!col.invisible && checkType('Number', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | value\"\n [tooltipDisabled]=\"!col.tooltip\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!text-left': col.position == 'left',\n '!text-right': col.position == 'right' || col.position == null,\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n tooltipPosition=\"bottom\"\n pFrozenColumn\n [frozen]=\"col.frozen\"\n (click)=\"onClickCellNumber(rowData, col)\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id] && !rowData[col.id].focus) {\n <div>\n {{ getFormattedNumber(col, rowData, rowData[col.id].value) }}\n </div>\n }\n @if (rowData[col.id] && !rowData.readonly && !rowData[col.id]?.readonly && rowData[col.id].focus == true) {\n <p-inputNumber #inputNumber\n locale=\"fr-FR\"\n (onInput)=\"onInputNumber($event)\"\n [(ngModel)]=\"rowData[col.id].value\"\n name=\"input-number\"\n [showButtons]=\"getOption(col, rowData, 'showButtons')\"\n [inputStyleClass]=\"col.position == null || col.position == 'right' ? '!text-right' : col.position == 'left' ? '!text-left' : '!text-center'\"\n [inputStyle]=\"{ 'font-weight': rowData.bold == true || rowData[col.id].bold == true ? 'bold' : null, 'font-style': rowData.italic == true || rowData[col.id].italic == true ? 'italic' : null }\"\n [suffix]=\"getOption(col, rowData, 'suffix')\"\n [prefix]=\"getOption(col, rowData, 'prefix') != null ? getOption(col, rowData, 'prefix') + ' ' : null\"\n [min]=\"getOption(col, rowData, 'min')\"\n [max]=\"getOption(col, rowData, 'max')\"\n [minFractionDigits]=\"getOption(col, rowData, 'modeInteger') != null && getOption(col, rowData, 'modeInteger') == true ? 0 : getOption(col, rowData, 'minDecimales') != null ? getOption(col, rowData, 'minDecimales') : 0\"\n [maxFractionDigits]=\"getOption(col, rowData, 'modeInteger') != null && getOption(col, rowData, 'modeInteger') == true ? 0 : getOption(col, rowData, 'maxDecimales') != null ? getOption(col, rowData, 'maxDecimales') : 2 \"\n (onBlur)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n (onKeyDown)=\"onKeyDown($event, rowData, col, rowData[col.id].value)\"\n (onFocus)=\"onEditInitCell(rowData, col, rowData[col.id].value)\">\n </p-inputNumber>\n }\n </td>\n }\n @if (!col.invisible && checkType('Number', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\n <td [ngStyle]=\"{\n 'width' : col.width ? col.width : null,\n 'background-color': rowData[col.id].color ? rowData[col.id].color : null,\n 'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\n }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | value\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!text-left': col.position == 'left',\n '!text-right': col.position == 'right' || col.position == null,\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id]) {\n <div>{{ getFormattedNumber(col, rowData, rowData[col.id].value) }}</div>\n }\n </td>\n }\n <!-- Date -->\n @if (!col.invisible && checkType('Date', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : getOption(col, rowData, 'mode') == 'year' ? (rowData[col.id].value | date: 'yyyy') : getOption(col, rowData, 'mode') == 'month' ? (rowData[col.id].value | date: 'MM/yy') : getOption(col, rowData, 'mode') == 'hour' ? (rowData[col.id].value | date: 'HH:mm') : getOption(col, rowData, 'mode') == 'datehour' ? (rowData[col.id].value | date: 'dd/MM/yy HH:mm') : (rowData[col.id].value | date: 'dd/MM/yyyy')\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n <p-datepicker [(ngModel)]=\"rowData[col.id].value\"\n name=\"date-picker\"\n [view]=\"getOption(col, rowData, 'mode') == null || getOption(col, rowData, 'mode') == 'date' || getOption(col, rowData, 'mode') == 'hour' ? 'date' : getOption(col, rowData, 'mode') == 'datehour' ? 'date' : getOption(col, rowData, 'mode')\"\n [dateFormat]=\"getOption(col, rowData, 'mode') == 'year' ? 'yy' : getOption(col, rowData, 'mode') == 'month' ? 'mm/yy' : getOption(col, rowData, 'mode') == 'hour' || getOption(col, rowData, 'mode') == 'datehour' ? 'dd/mm/yy' : 'dd/mm/yy'\"\n [showTime]=\"getOption(col, rowData, 'mode') == 'datehour'\"\n [timeOnly]=\"getOption(col, rowData, 'mode') == 'hour'\"\n [hourFormat]=\"'24'\"\n [firstDayOfWeek]=\"1\"\n (onSelect)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n (onBlur)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n (onClear)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n [inputStyleClass]=\"col.position == null || col.position == 'right' ? '!text-right' : col.position == 'left' ? '!text-left' : '!text-center'\"\n [inputStyle]=\"{ 'font-weight': rowData.bold == true || rowData[col.id].bold == true ? 'bold' : null, 'font-style': rowData.italic == true || rowData[col.id].italic == true ? 'italic' : null }\"\n [showClear]=\"getOption(col, rowData, 'clear')\"\n [minDate]=\"getOption(col, rowData, 'minDate')\"\n [maxDate]=\"getOption(col, rowData, 'maxDate')\"\n [defaultDate]=\"getOption(col, rowData, 'defaultDate')\"\n appendTo=\"body\">\n </p-datepicker>\n </td>\n }\n @if (!col.invisible && checkType('Date', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\n <td [ngStyle]=\"{\n 'min-width' : col.width ? col.width : null,\n 'background-color': rowData[col.id].color ? rowData[col.id].color : null,\n 'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\n }\"\n (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | date: 'dd/MM/yyyy'\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id]) {\n <div>{{ rowData[col.id].value | date: (getOption(col, rowData, 'mode') == 'year' ? 'yyyy' : getOption(col, rowData, 'mode') == 'month' ? 'MM/yyyy' : 'dd/MM/yyyy') }}</div>\n }\n </td>\n }\n <!-- MultiSelect -->\n @if (!col.invisible && checkType('MultiSelect', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [ngClass]=\"{\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : getMultiSelectConcat(rowData[col.id].value, getOption(col, rowData, 'optionLabel'))\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n pFrozenColumn\n [frozen]=\"col.frozen\"\n class=\"paddingCell\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id] != null) {\n <p-multiSelect [options]=\"getOption(col, rowData, 'options')\"\n [filter]=\"getOption(col, rowData, 'filter')\"\n [optionLabel]=\"getOption(col, rowData, 'optionLabel')\"\n [(ngModel)]=\"rowData[col.id].value\"\n name=\"multiselect\"\n appendTo=\"body\"\n dataKey=\"ID\"\n emptyFilterMessage=\"Aucun r\u00E9sultat\"\n emptyMessage=\"Aucun r\u00E9sultat\"\n [virtualScroll]=\"getOption(col, rowData, 'virtualScroll')\"\n [readonly]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\"\n [virtualScrollItemSize]=\"30\"\n selectedItemsLabel=\"{0} selectionn\u00E9s\"\n (onChange)=\"editMultiselect(rowData, col, $event)\"\n [showToggleAll]=\"false\"\n [showHeader]=\"getOption(col, rowData, 'filter')\"\n [group]=\"getOption(col, rowData, 'optionGroupChildren') != null ? true : false\"\n [optionGroupLabel]=\"getOption(col, rowData, 'optionGroupLabel')\"\n [optionGroupChildren]=\"getOption(col, rowData, 'optionGroupChildren')\"\n ngDefaultControl>\n <ng-template let-data pTemplate=\"selectedItems\">\n @for (option of data; track option; let i = $index) {\n <span [ngClass]=\"{\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true\n }\">\n {{ option[getOption(col, rowData, 'optionLabel')] + (i != data.length - 1 ? ',' : '') }}\n </span>\n }\n </ng-template>\n <ng-template let-group pTemplate=\"group\">\n <div>{{group[col.options.optionGroupLabel]}}</div>\n </ng-template>\n </p-multiSelect>\n }\n </td>\n }\n @if (!col.invisible && checkType('MultiSelect', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\n <td [ngStyle]=\"{\n 'width' : col.width ? col.width : null,\n 'background-color': rowData[col.id].color ? rowData[col.id].color : null,\n 'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\n }\"\n (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : getMultiSelectConcat(rowData[col.id].value, getOption(col, rowData, 'optionLabel'))\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id]) {\n <div>{{ getMultiSelectConcat(rowData[col.id].value, getOption(col, rowData, 'optionLabel')) }}</div>\n }\n </td>\n }\n <!-- Image -->\n @if (!col.invisible && checkType('Image', col)) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n class=\"!text-center\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id]) {\n <img style=\"vertical-align: middle; width: 40px;\" src=\"{{ rowData[col.id].value }}\" />\n }\n </td>\n }\n <!-- Button -->\n @if (!col.invisible && checkType('Button', col)) {\n <td class=\"paddingCell !text-center\"\n [ngClass]=\"{\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id].value != null && isValueButtonByType(rowData[col.id].value, 'function')) {\n <button pButton\n [disabled]=\"rowData.readonly || rowData[col.id]?.readonly\"\n [label]=\"getOption(col, rowData, 'label')\"\n [icon]=\"getOption(col, rowData, 'icon')\"\n (click)=\"rowData[col.id].value()\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : getOption(col, rowData, 'label')\"\n [tooltipDisabled]=\"!col.tooltip\"\n [class]=\"'p-button-' + getOption(col, rowData, 'severity')\"\n [ngClass]=\"{\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true\n }\">\n </button>\n }\n @if (isValueButtonByType(rowData[col.id].value, 'string')) {\n <div [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true\n }\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value\"\n [tooltipDisabled]=\"!col.tooltip\">\n {{ rowData[col.id].value }}\n </div>\n }\n </td>\n }\n <!-- SelectButton -->\n @if (!col.invisible && checkType('SelectButton', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id] != null) {\n <p-selectButton [options]=\"getOption(col, rowData, 'options')\"\n [optionLabel]=\"getOption(col, rowData, 'optionLabel')\"\n [optionValue]=\"getOption(col, rowData, 'optionValue') != null ? getOption(col, rowData, 'optionValue') : 'value'\"\n [(ngModel)]=\"rowData[col.id].value\"\n name=\"select-button\"\n [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\"\n (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\">\n <ng-template let-item pTemplate=\"item\">\n <span class=\"!text-center w-full\"\n [ngClass]=\"{\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true\n }\">\n {{ item.label }}\n </span>\n </ng-template>\n </p-selectButton>\n }\n </td>\n }\n @if (!col.invisible && checkType('SelectButton', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\n <td [ngStyle]=\"{\n 'width' : col.width ? col.width : null,\n 'background-color': rowData[col.id].color ? rowData[col.id].color : null,\n 'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\n }\"\n (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n pFrozenColumn\n [frozen]=\"col.frozen\"\n class=\"!text-center\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id]) {\n <div>{{ getSelectLibelleByValue(rowData, col) }}</div>\n }\n </td>\n }\n <!-- Switch -->\n @if (!col.invisible && checkType('Switch', col)) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n class=\"!text-center\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id] != null) {\n <p-toggleswitch [(ngModel)]=\"rowData[col.id].value\"\n name=\"toggle-switch\"\n [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || (getOption(col, rowData, 'action') == null && !isModeEdition())\"\n (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n ngDefaultControl>\n </p-toggleswitch>\n }\n </td>\n }\n <!-- File -->\n @if (!col.invisible && checkType('File', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id] != null) {\n <div class=\"p-inputgroup\">\n <button type=\"button\"\n pButton\n pRipple\n icon=\"pi pi-upload\"\n (click)=\"clickById('input_' + rowData[col.id].id)\"\n [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\">\n </button>\n <input id=\"{{'output_' + rowData[col.id].id}}\"\n pInputText\n type=\"text\"\n [ngClass]=\"{\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true\n }\"\n value=\"{{ rowData[col.id].value != null ? rowData[col.id].value : '' }}\"\n readonly\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value ? rowData[col.id].value : ''\"\n [tooltipDisabled]=\"!col.tooltip\">\n @if (getOption(col, rowData, 'downloadPath') && rowData[col.id].value != null) {\n <button type=\"button\"\n pButton\n pRipple\n icon=\"pi pi-download\"\n (click)=\"downloadFile(rowData[col.id])\"\n [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\">\n </button>\n }\n </div>\n }\n @if (rowData[col.id]) {\n <input id=\"{{'input_' + rowData[col.id].id}}\" #inputFile pInputText type=\"file\" hidden (change)=\"rowData[col.id].value = inputFile.files[0].name; onEditCell(rowData, col, inputFile.files[0])\">\n }\n </td>\n }\n @if (!col.invisible && checkType('File', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\n <td [ngStyle]=\"{\n 'width' : col.width ? col.width : null,\n 'background-color': rowData[col.id].color ? rowData[col.id].color : null,\n 'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\n }\"\n (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value ? rowData[col.id].value : ''\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id]) {\n <div>{{ rowData[col.id].value ? rowData[col.id].value : '' }}</div>\n }\n </td>\n }\n <!-- State -->\n @if (!col.invisible && checkType('State', col)) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n class=\"!text-center\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id].value != null) {\n <p-tag [value]=\"rowData[col.id].value[getOption(col, rowData, 'optionLabel')]\"\n [severity]=\"rowData[col.id].value.severity\"\n [icon]=\"rowData[col.id].value.icon\"\n [style]=\"{\n 'background-color': rowData[col.id].value.backgroundColor,\n 'color': rowData[col.id].value.textColor,\n 'font-weight': rowData.bold == true || rowData[col.id].bold == true ? 'bold' : null,\n 'font-style': rowData.italic == true || rowData[col.id].italic == true ? 'italic' : null\n }\">\n </p-tag>\n }\n </td>\n }\n }\n\n <!-- Deletion -->\n @if (options().rowsDeletable) {\n <td class=\"cellDelete\"\n [ngClass]=\"rowData.deletable ? 'paddingCell' : null\">\n @if (rowData.deletable) {\n <button pButton\n type=\"button\"\n icon=\"pi pi-times\"\n class=\"p-button-danger buttonDelete p-button-text\"\n [disabled]=\"rowData.readonly\"\n (click)=\"onDeleteLine(rowData)\">\n </button>\n }\n </td>\n }\n\n </tr>\n </ng-template>\n </p-table>\n</div>\n", styles: ["::ng-deep .p-tooltip .p-tooltip-text{overflow-wrap:break-word!important}:host ::ng-deep .p-toggleswitch.p-toggleswitch-checked.p-disabled .p-toggleswitch-slider{background:#abd9ba!important}:host ::ng-deep .grid_brown .rowHeader>th{background-color:#795548}:host ::ng-deep .grid_brown .rowHeader>th div{color:#fff}:host ::ng-deep .grid_brown .rowHeader>th i{color:#fff}:host ::ng-deep .grid_brown .rowHeader .p-sortable-column:hover{background-color:#a47767}:host ::ng-deep .grid_brown .rowHeader .p-sortable-column:hover i{color:#fff}:host ::ng-deep .grid_brown .rowHeader .p-sortable-column.p-highlight div{color:#76c7ff}:host ::ng-deep .grid_brown .rowHeader .p-sortable-column.p-highlight .p-sortable-column-icon{color:#76c7ff}:host ::ng-deep .grid_brown .rowFilter th{background-color:#795548}:host ::ng-deep .grid_grey .rowHeader>th{background-color:#dedddd}:host ::ng-deep .grid_grey .rowHeader>th div{color:#495057}:host ::ng-deep .grid_grey .rowHeader>th i{color:#495057}:host ::ng-deep .grid_grey .rowHeader .p-sortable-column:hover{background-color:#e7e7e7}:host ::ng-deep .grid_grey .rowHeader .p-sortable-column:hover i{color:#495057}:host ::ng-deep .grid_grey .rowHeader .p-sortable-column.p-highlight div{color:#008bff}:host ::ng-deep .grid_grey .rowHeader .p-sortable-column.p-highlight .p-sortable-column-icon{color:#008bff}:host ::ng-deep .grid_grey .rowFilter th{background-color:#dedddd}:host ::ng-deep .selectable_cell:hover{background:#dcdcdc!important;cursor:pointer!important}:host ::ng-deep .p-frozen-column{z-index:2!important}:host ::ng-deep .p-datatable-thead{z-index:3!important}:host ::ng-deep .p-checkbox{border-radius:inherit!important}:host ::ng-deep p-inputnumber{width:100%}:host ::ng-deep .p-calendar,:host ::ng-deep .p-inputtext,:host ::ng-deep .p-inputnumber,:host ::ng-deep .p-inputnumber-input,:host ::ng-deep .p-dropdown,:host ::ng-deep .p-multiselect{width:100%}:host ::ng-deep .suffixe,:host ::ng-deep .prefixe{height:25px;padding-top:1px!important}:host ::ng-deep .p-multiselect-label-container,:host ::ng-deep .p-dropdown-label{width:1px!important}:host ::ng-deep .p-scroller-content{min-height:50%}:host ::ng-deep .rowTotal>th{background-color:#edcbaa!important}:host ::ng-deep .rowGrouping{background:#faeada!important}:host ::ng-deep .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{background:#30e130}:host ::ng-deep .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider{background:#2bd12b}:host ::ng-deep .p-datatable-table{table-layout:fixed}:host ::ng-deep .p-datatable-thead>tr>th{border:1px solid rgba(0,0,0,.12)!important;padding:8px;font-weight:600;height:40px}:host ::ng-deep .headerAffichageSimple div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host ::ng-deep .headerAffichageEntier{word-wrap:break-word}:host ::ng-deep .p-datatable-tbody>tr>td{border:1px solid rgba(0,0,0,.12)!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host ::ng-deep .p-datatable-tbody>tr>td div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host ::ng-deep .p-tag{max-width:100%}:host ::ng-deep .p-tag .p-tag-value{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host ::ng-deep .p-button{padding:5px;max-width:100%}:host ::ng-deep .p-button .p-button-label{overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}:host ::ng-deep .text_bold{font-weight:700!important}:host ::ng-deep .cellDelete{flex:0 0 50px!important;width:50px;text-align:center!important;padding:0!important}:host ::ng-deep .p-tooltip .p-tooltip-text{background-color:red!important}:host ::ng-deep .p-skeleton{background-color:#dee2e6;border-radius:6px;padding:0}:host ::ng-deep .p-datatable-tbody>tr{height:35px}:host ::ng-deep .p-inputtext{height:25px!important;padding:4px 5px!important}:host ::ng-deep .p-inputnumber{height:25px;padding:0!important}:host ::ng-deep .p-inputnumber-input{padding:0 5px!important}:host ::ng-deep .p-inputgroup .p-inputtext{height:25px;padding:4px 5px!important}:host ::ng-deep .p-dropdown,:host ::ng-deep .p-multiselect{vertical-align:middle}:host ::ng-deep .p-dropdown-label{padding-top:2px;padding-bottom:2px}:host ::ng-deep .p-multiselect-label{padding-top:2px;padding-bottom:2px}:host ::ng-deep .p-editable-column{padding:3px 10px!important}:host ::ng-deep .paddingCell{padding:3px 10px!important}:host ::ng-deep .p-selectbutton>.p-button{width:50%;height:25px}:host ::ng-deep .p-inputgroup>.p-button{height:25px}:host ::ng-deep .buttonDelete{width:100%;height:20px}:host ::ng-deep .p-column-title{display:none}:host ::ng-deep .p-datatable-loading-icon{color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i5.Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ToggleSwitchModule }, { kind: "component", type: i6.ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["styleClass", "tabindex", "inputId", "readonly", "trueValue", "falseValue", "ariaLabel", "size", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i7.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i7.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i7.FrozenColumn, selector: "[pFrozenColumn]", inputs: ["frozen", "alignFrozen"] }, { kind: "directive", type: i7.RowGroupHeader, selector: "[pRowGroupHeader]" }, { kind: "directive", type: i7.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "directive", type: i7.ContextMenuRow, selector: "[pContextMenuRow]", inputs: ["pContextMenuRow", "pContextMenuRowIndex", "pContextMenuRowDisabled"] }, { kind: "directive", type: i7.EditableColumn, selector: "[pEditableColumn]", inputs: ["pEditableColumn", "pEditableColumnField", "pEditableColumnRowIndex", "pEditableColumnDisabled", "pFocusCellSelector"] }, { kind: "component", type: i7.CellEditor, selector: "p-cellEditor" }, { kind: "component", type: i7.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i7.TableCheckbox, selector: "p-tableCheckbox", inputs: ["value", "disabled", "required", "index", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i7.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "ngmodule", type: ContextMenuModule }, { kind: "component", type: i8.ContextMenu, selector: "p-contextMenu, p-contextmenu, p-context-menu", inputs: ["model", "triggerEvent", "target", "global", "style", "styleClass", "autoZIndex", "baseZIndex", "id", "breakpoint", "ariaLabel", "ariaLabelledBy", "pressDelay", "appendTo", "motionOptions"], outputs: ["onShow", "onHide"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i9.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i10.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "styleClass", "panelStyle", "panelStyleClass", "inputId", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "dataKey", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "placeholder", "options", "filterValue", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect", "size", "variant", "fluid", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i11.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "styleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo", "motionOptions"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i12.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: CilogInputNumberComponent, selector: "cilog-input-number", inputs: ["min", "max", "maxDecimals", "prefixe", "suffixe", "inputStyleClass", "disabled", "readonly", "textColor", "bold", "italic", "floatLabel"], outputs: ["onInput", "onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: SelectButtonModule }, { kind: "component", type: i13.SelectButton, selector: "p-selectButton, p-selectbutton, p-select-button", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "unselectable", "tabindex", "multiple", "allowEmpty", "styleClass", "ariaLabelledBy", "dataKey", "autofocus", "size", "fluid"], outputs: ["onOptionClick", "onChange"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i2.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i16.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "autocomplete", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "pipe", type: i3$1.DatePipe, name: "date" }, { kind: "pipe", type: ValuePipe, name: "value" }] });
1278
1267
  }
1279
1268
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CilogTableComponent, decorators: [{
1280
1269
  type: Component,
@@ -1295,20 +1284,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
1295
1284
  ButtonModule,
1296
1285
  InputTextModule,
1297
1286
  InputNumberModule
1298
- ], template: "<div class=\"!relative\"\n [ngStyle]=\"{ 'height': options.scrollHeight != null ? options.scrollHeight : '100%' }\">\n\n @if (options.exportExcel) {\n <button pButton\n icon=\"pi pi-file-excel\"\n class=\"p-button-success !z-5 !absolute !top-0 !left-0 !w-5 !h-5 !rounded-tl-none !rounded-tr-none !rounded-bl-none\"\n pTooltip=\"Exporter le contenu de la grille au format Excel\"\n tooltipPosition=\"right\"\n (click)=\"exportExcel(options.exportExcelByFiltre, !options.exportExcelNoColors)\">\n </button>\n }\n\n <p-contextMenu #cm [model]=\"options.contextMenuItems\" />\n\n <p-table #table\n [columns]=\"columns\"\n [value]=\"values\"\n dataKey=\"id\"\n [selectionMode]=\"getModeSelection()\"\n [metaKeySelection]=\"isModeMetakeySelection()\"\n [(selection)]=\"selectedRows\"\n (onRowSelect)=\"onSelectRow($event)\"\n (onRowUnselect)=\"onUnselectRow($event)\"\n (onHeaderCheckboxToggle)=\"onSelectAll($event)\"\n (sortFunction)=\"sortGrille($event)\"\n [customSort]=\"options.grouping == null ? true : false\"\n [scrollable]=\"true\"\n [loading]=\"loading\"\n [scrollHeight]=\"'flex'\"\n [rowGroupMode]=\"options.grouping != null ? 'subheader' : null\"\n [groupRowsBy]=\"options.grouping != null ? options.grouping.obj + '.' + options.grouping.id : null\"\n [groupRowsByOrder]=\"0\"\n [virtualScroll]=\"options.virtualScroll == true && options.scrollHeight != null ? true : false\"\n [virtualScrollItemSize]=\"options.virtualScrollItemSize != null ? options.virtualScrollItemSize : 35\"\n [paginator]=\"options.paginator == null ? false : true\"\n [rows]=\"options.paginatorRows\"\n (onPage)=\"onPageTable($event)\"\n [tableStyleClass]=\"!options.themeGrille ? 'grid_grey' : options.themeGrille\"\n [lazy]=\"options.lazy == true ? true : false\"\n (onFilter)=\"onFilterTable($event)\"\n [rowTrackBy]=\"trackByFunction\"\n [(contextMenuSelection)]=\"contextMenuSelectedItem\"\n [contextMenu]=\"cm\">\n\n <!-- HEADER -->\n <ng-template pTemplate=\"header\" let-columns>\n\n <!-- HEADERS -->\n <tr class=\"rowHeader\">\n @if (isModeCheckboxSelection()) {\n <th class=\"cellDelete\"\n pFrozenColumn>\n @if (!options.filterable && options.toggleAll) {\n <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\n }\n </th>\n }\n @for (col of columns; track col) {\n @if (!col.invisible) {\n <th [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': col.backgroundColor ? col.backgroundColor : null }\"\n [ngClass]=\"{ '!text-center' : options.centerHeaders, 'headerAffichageSimple': !options.headersAffichageEntier, 'headerAffichageEntier': options.headersAffichageEntier }\"\n [pSortableColumn]=\"col.id\"\n [pSortableColumnDisabled]=\"!options.sortable || options.grouping != null || col.libelle == null || col.libelle == ''\"\n id=\"{{ col.id }}\"\n (click)=\"refreshData()\"\n pFrozenColumn\n [frozen]=\"col.frozen\"\n [pTooltip]=\"col.libelle\"\n [tooltipDisabled]=\"!col.tooltipHeader\"\n tooltipPosition=\"bottom\">\n <div [ngStyle]=\"{ 'color': col.textColor ? col.textColor : null }\">\n {{ col.libelle }}\n </div>\n @if (options.sortable && options.grouping == null && col.libelle != null && col.libelle != '') {\n <p-sortIcon [field]=\"col.id\">\n </p-sortIcon>\n }\n </th>\n }\n }\n @if (options.rowsDeletable) {\n <th class=\"cellDelete\"></th>\n }\n </tr>\n\n <!-- FILTRES -->\n @if (options.filterable) {\n <tr class=\"rowFilter\">\n @if (isModeCheckboxSelection()) {\n <th class=\"cellDelete\"\n pFrozenColumn>\n @if (options.toggleAll) {\n <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\n }\n </th>\n }\n @for (col of columns; track col) {\n <!-- Text -->\n @if (!col.invisible && ((checkType('Dropdown', col) && col.options.filterText)\n || (checkType('MultiSelect', col) && col.options.filterText)\n || checkType('Text', col)\n || checkType('File', col)\n || (checkType('Button', col) && col.options.filterCol))\n || checkType('Number', col)\n || checkType('CilogNumber', col)) {\n <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n @if (!col.disableFilter) {\n <input pInputText\n type=\"text\"\n (input)=\"onFilterCol($event, col)\"\n name=\"filterText\"\n [(ngModel)]=\"col.options.defaultFilters\">\n }\n </th>\n }\n <!-- Date -->\n @if (!col.invisible && checkType('Date', col)) {\n <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n @if (!col.disableFilter) {\n <p-datepicker [view]=\"col.options.mode == null ? 'date' : col.options.mode\"\n [dateFormat]=\"col.options.mode == 'year' ? 'yy' : col.options.mode == 'month' ? 'mm/yy' : 'dd/mm/yy'\"\n [inputId]=\"col.id + '_filter'\"\n [firstDayOfWeek]=\"1\"\n [readonlyInput]=\"true\"\n appendTo=\"body\"\n selectionMode=\"range\"\n (onSelect)=\"onFilterCol($event, col)\"\n showButtonBar=\"true\"\n (onClearClick)=\"onFilterCol($event, col)\"\n name=\"filterDate\"\n [(ngModel)]=\"col.options.defaultFilters\">\n </p-datepicker>\n }\n </th>\n }\n <!-- Liste -->\n @if (!col.invisible && ((checkType('Dropdown', col) && !col.options.filterText) || (checkType('MultiSelect', col) && !col.options.filterText) || checkType('SelectButton', col) || checkType('State', col))) {\n <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n @if (!col.disableFilter) {\n <p-multiSelect [options]=\"col.options?.options\"\n [filter]=\"true\"\n dataKey=\"ID\"\n [optionLabel]=\"col.options?.optionLabel\"\n appendTo=\"body\"\n emptyFilterMessage=\"Aucun r\u00E9sultat\"\n emptyMessage=\"Aucun r\u00E9sultat\"\n [virtualScroll]=\"true\"\n [virtualScrollItemSize]=\"35\"\n selectedItemsLabel=\"{0} selectionn\u00E9s\"\n (onChange)=\"onFilterCol($event, col)\"\n name=\"filterChoix\"\n [(ngModel)]=\"col.options.defaultFilters\"\n [group]=\"col.options.optionGroupChildren != null ? true : false\"\n [optionGroupLabel]=\"col.options.optionGroupLabel\"\n [optionGroupChildren]=\"col.options.optionGroupChildren\"\n [showToggleAll]=\"false\"\n [showClear]=\"true\"\n (onClear)=\"onFilterCol(null, col)\">\n <ng-template let-group pTemplate=\"group\">\n <div>{{group[col.options.optionGroupLabel]}}</div>\n </ng-template>\n </p-multiSelect>\n }\n </th>\n }\n <!-- Switch -->\n @if (!col.invisible && checkType('Switch', col)) {\n <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n @if (!col.disableFilter) {\n <p-multiSelect [options]=\"optionsSwitch\"\n [showHeader]=\"false\"\n optionLabel=\"label\"\n optionValue=\"value\"\n appendTo=\"body\"\n emptyFilterMessage=\"Aucun r\u00E9sultat\"\n emptyMessage=\"Aucun r\u00E9sultat\"\n [virtualScrollItemSize]=\"30\"\n selectedItemsLabel=\"{0} selectionn\u00E9s\"\n (onChange)=\"onFilterCol($event, col)\"\n name=\"filterChoix2\"\n [(ngModel)]=\"col.options.defaultFilters\">\n </p-multiSelect>\n }\n </th>\n }\n <!-- Non filtrable -->\n @if (!col.invisible && (checkType('Image', col) || (checkType('Button', col) && !col.options.filterCol))) {\n <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n </th>\n }\n }\n @if (options.rowsDeletable) {\n <th class=\"cellDelete\"></th>\n }\n </tr>\n }\n\n <!-- TOTAL -->\n @if (options.rowTotal) {\n <tr class=\"rowTotal\">\n @if (isModeCheckboxSelection()) {\n <th class=\"cellDelete\"\n pFrozenColumn>\n </th>\n }\n @for (col of columns; track col) {\n @if (!col.invisible) {\n <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\n [ngClass]=\"{ '!text-center' : true }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div>{{ getTotalStr(col) }}</div>\n </th>\n }\n }\n @if (options.rowsDeletable) {\n <th class=\"cellDelete\"></th>\n }\n </tr>\n }\n </ng-template>\n\n <!--Groupheader-->\n <ng-template pTemplate=\"groupheader\" let-rowData>\n <tr pRowGroupHeader class=\"rowGrouping\">\n <td [attr.colspan]=\"columns.length\">\n <div class=\"text_bold\">{{ rowData[options.grouping.obj][options.grouping.libelle] }}</div>\n </td>\n </tr>\n </ng-template>\n\n <!-- Body -->\n <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\n <tr id=\"{{ rowData.id }}\"\n [ngStyle]=\"{ 'background-color': rowData.color ? rowData.color : null }\"\n [pSelectableRow]=\"rowData\"\n [pSelectableRowDisabled]=\"!options.selectable || isModeCheckboxSelection() || isModeCellSelection()\"\n (dblclick)=\"onRowDoubleClickEvent(rowData)\"\n [pContextMenuRow]=\"rowData\"\n [pContextMenuRowDisabled]=\"options.contextMenuItems == null\">\n\n @if (isModeCheckboxSelection()) {\n <td class=\"cellDelete\"\n pFrozenColumn>\n <p-tableCheckbox [value]=\"rowData\" [disabled]=\"rowData.readonly\"></p-tableCheckbox>\n </td>\n }\n\n @for (col of columns; track col) {\n <!-- Text -->\n @if (!col.invisible && checkType('Text', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pEditableColumn]=\"rowData\"\n [pEditableColumnField]=\"col.id\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n pFrozenColumn\n (click)=\"options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n [frozen]=\"col.frozen\"\n [ngClass]=\"{\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <input pInputText\n type=\"text\"\n [(ngModel)]=\"rowData[col.id].value\"\n name=\"text\"\n (blur)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n (keydown.enter)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n (keydown.tab)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n (click)=\"onEditInitCell(rowData, col, rowData[col.id].value)\"\n [ngClass]=\"{\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true\n }\" />\n </ng-template>\n <ng-template pTemplate=\"output\">\n @if (rowData[col.id]) {\n <div style=\"white-space: pre;\">\n {{ getFormattedText(col, rowData) }}\n </div>\n }\n </ng-template>\n </p-cellEditor>\n </td>\n }\n @if (!col.invisible && checkType('Text', col) && (!isModeEdition() || rowData.readonly || rowData[col.id]?.readonly)) {\n <td [ngStyle]=\"{\n 'width' : col.width ? col.width : null,\n 'background-color' : rowData[col.id].color ? rowData[col.id].color : null,\n 'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\n }\"\n (click)=\"options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">\n {{ col.libelle }} :\n </div>\n @if (rowData[col.id]) {\n <div style=\"white-space: pre;\">\n {{ getFormattedText(col, rowData) }}\n </div>\n }\n </td>\n }\n <!-- Dropdown -->\n @if (!col.invisible && checkType('Dropdown', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n [ngClass]=\"{\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value != null ? rowData[col.id].value[getOption(col, rowData, 'optionLabel')] : ''\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n pFrozenColumn\n [frozen]=\"col.frozen\"\n class=\"paddingCell\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id] != null) {\n <p-select dataKey=\"ID\"\n [options]=\"getOption(col, rowData, 'options')\"\n [filter]=\"getOption(col, rowData, 'filter')\"\n [optionLabel]=\"getOption(col, rowData, 'optionLabel')\"\n [(ngModel)]=\"rowData[col.id].value\"\n name=\"select\"\n appendTo=\"body\"\n [showClear]=\"getOption(col, rowData, 'deletable')\"\n emptyFilterMessage=\"Aucun r\u00E9sultat\"\n emptyMessage=\"Aucun r\u00E9sultat\"\n [virtualScroll]=\"getOption(col, rowData, 'virtualScroll')\"\n [readonly]=\"rowData.readonly || rowData[col.id]?.readonly\"\n [virtualScrollItemSize]=\"30\"\n (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n (onClear)=\"onEditCell(rowData, col, rowData[col.id].value)\">\n <ng-template let-data pTemplate=\"selectedItem\">\n @if (data != null) {\n <span [ngClass]=\"{\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true\n }\">\n {{ data[getOption(col, rowData, 'optionLabel')] }}\n </span>\n }\n @if (data == null) {\n <span></span>\n }\n </ng-template>\n </p-select>\n }\n </td>\n }\n @if (!col.invisible && checkType('Dropdown', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\n <td [ngStyle]=\"{\n 'width' : col.width ? col.width : null,\n 'background-color': rowData[col.id].color ? rowData[col.id].color : null,\n 'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\n }\"\n (click)=\"options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value != null ? rowData[col.id].value[getOption(col, rowData, 'optionLabel')] : ''\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id]) {\n <div>{{ rowData[col.id].value != null ? rowData[col.id].value[getOption(col, rowData, 'optionLabel')] : '' }}</div>\n }\n </td>\n }\n <!-- Cilog Number -->\n @if (!col.invisible && checkType('CilogNumber', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | value\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id] && !rowData.readonly && !rowData[col.id]?.readonly) {\n <cilog-input-number (onInput)=\"onInputNumber($event)\"\n [(ngModel)]=\"rowData[col.id].value\"\n name=\"cilog-number\"\n ngDefaultControl\n [inputStyleClass]=\"col.position == null || col.position == 'right' ? '!text-right' : col.position == 'left' ? '!text-left' : '!text-center'\"\n [textColor]=\"rowData[col.id].textColor\"\n [bold]=\"rowData.bold == true || rowData[col.id].bold == true\"\n [italic]=\"rowData.italic == true || rowData[col.id].italic == true\"\n [suffixe]=\"getOption(col, rowData, 'suffix')\"\n [prefixe]=\"getOption(col, rowData, 'prefix') != null ? getOption(col, rowData, 'prefix') + ' ' : null\"\n [min]=\"getOption(col, rowData, 'min')\"\n [max]=\"getOption(col, rowData, 'max')\"\n [disabled]=\"rowData.readonly || rowData[col.id]?.readonly\"\n [maxDecimals]=\"getOption(col, rowData, 'modeInteger') != null && getOption(col, rowData, 'modeInteger') == true ? 0 : getOption(col, rowData, 'maxDecimales') != null ? getOption(col, rowData, 'maxDecimales') : 2 \"\n (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n (onFocus)=\"onEditInitCell(rowData, col, rowData[col.id].value)\">\n </cilog-input-number>\n }\n </td>\n }\n @if (!col.invisible && checkType('CilogNumber', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\n <td [ngStyle]=\"{\n 'width' : col.width ? col.width : null,\n 'background-color': rowData[col.id].color ? rowData[col.id].color : null,\n 'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\n }\"\n (click)=\"options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | value\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id]) {\n <div>{{ getFormattedNumber(col, rowData, rowData[col.id].value) }}</div>\n }\n </td>\n }\n <!-- Number -->\n @if (!col.invisible && checkType('Number', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | value\"\n [tooltipDisabled]=\"!col.tooltip\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!text-left': col.position == 'left',\n '!text-right': col.position == 'right' || col.position == null,\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n tooltipPosition=\"bottom\"\n pFrozenColumn\n [frozen]=\"col.frozen\"\n (click)=\"onClickCellNumber(rowData, col)\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id] && !rowData[col.id].focus) {\n <div>\n {{ getFormattedNumber(col, rowData, rowData[col.id].value) }}\n </div>\n }\n @if (rowData[col.id] && !rowData.readonly && !rowData[col.id]?.readonly && rowData[col.id].focus == true) {\n <p-inputNumber #inputNumber\n locale=\"fr-FR\"\n (onInput)=\"onInputNumber($event)\"\n [(ngModel)]=\"rowData[col.id].value\"\n name=\"input-number\"\n [showButtons]=\"getOption(col, rowData, 'showButtons')\"\n [inputStyleClass]=\"col.position == null || col.position == 'right' ? '!text-right' : col.position == 'left' ? '!text-left' : '!text-center'\"\n [inputStyle]=\"{ 'font-weight': rowData.bold == true || rowData[col.id].bold == true ? 'bold' : null, 'font-style': rowData.italic == true || rowData[col.id].italic == true ? 'italic' : null }\"\n [suffix]=\"getOption(col, rowData, 'suffix')\"\n [prefix]=\"getOption(col, rowData, 'prefix') != null ? getOption(col, rowData, 'prefix') + ' ' : null\"\n [min]=\"getOption(col, rowData, 'min')\"\n [max]=\"getOption(col, rowData, 'max')\"\n [minFractionDigits]=\"getOption(col, rowData, 'modeInteger') != null && getOption(col, rowData, 'modeInteger') == true ? 0 : getOption(col, rowData, 'minDecimales') != null ? getOption(col, rowData, 'minDecimales') : 0\"\n [maxFractionDigits]=\"getOption(col, rowData, 'modeInteger') != null && getOption(col, rowData, 'modeInteger') == true ? 0 : getOption(col, rowData, 'maxDecimales') != null ? getOption(col, rowData, 'maxDecimales') : 2 \"\n (onBlur)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n (onKeyDown)=\"onKeyDown($event, rowData, col, rowData[col.id].value)\"\n (onFocus)=\"onEditInitCell(rowData, col, rowData[col.id].value)\">\n </p-inputNumber>\n }\n </td>\n }\n @if (!col.invisible && checkType('Number', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\n <td [ngStyle]=\"{\n 'width' : col.width ? col.width : null,\n 'background-color': rowData[col.id].color ? rowData[col.id].color : null,\n 'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\n }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | value\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n (click)=\"options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!text-left': col.position == 'left',\n '!text-right': col.position == 'right' || col.position == null,\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id]) {\n <div>{{ getFormattedNumber(col, rowData, rowData[col.id].value) }}</div>\n }\n </td>\n }\n <!-- Date -->\n @if (!col.invisible && checkType('Date', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : getOption(col, rowData, 'mode') == 'year' ? (rowData[col.id].value | date: 'yyyy') : getOption(col, rowData, 'mode') == 'month' ? (rowData[col.id].value | date: 'MM/yy') : getOption(col, rowData, 'mode') == 'hour' ? (rowData[col.id].value | date: 'HH:mm') : getOption(col, rowData, 'mode') == 'datehour' ? (rowData[col.id].value | date: 'dd/MM/yy HH:mm') : (rowData[col.id].value | date: 'dd/MM/yyyy')\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n <p-datepicker [(ngModel)]=\"rowData[col.id].value\"\n name=\"date-picker\"\n [view]=\"getOption(col, rowData, 'mode') == null || getOption(col, rowData, 'mode') == 'date' || getOption(col, rowData, 'mode') == 'hour' ? 'date' : getOption(col, rowData, 'mode') == 'datehour' ? 'date' : getOption(col, rowData, 'mode')\"\n [dateFormat]=\"getOption(col, rowData, 'mode') == 'year' ? 'yy' : getOption(col, rowData, 'mode') == 'month' ? 'mm/yy' : getOption(col, rowData, 'mode') == 'hour' || getOption(col, rowData, 'mode') == 'datehour' ? 'dd/mm/yy' : 'dd/mm/yy'\"\n [showTime]=\"getOption(col, rowData, 'mode') == 'datehour'\"\n [timeOnly]=\"getOption(col, rowData, 'mode') == 'hour'\"\n [hourFormat]=\"'24'\"\n [firstDayOfWeek]=\"1\"\n (onSelect)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n (onBlur)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n (onClear)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n [inputStyleClass]=\"col.position == null || col.position == 'right' ? '!text-right' : col.position == 'left' ? '!text-left' : '!text-center'\"\n [inputStyle]=\"{ 'font-weight': rowData.bold == true || rowData[col.id].bold == true ? 'bold' : null, 'font-style': rowData.italic == true || rowData[col.id].italic == true ? 'italic' : null }\"\n [showClear]=\"getOption(col, rowData, 'clear')\"\n [minDate]=\"getOption(col, rowData, 'minDate')\"\n [maxDate]=\"getOption(col, rowData, 'maxDate')\"\n [defaultDate]=\"getOption(col, rowData, 'defaultDate')\"\n appendTo=\"body\">\n </p-datepicker>\n </td>\n }\n @if (!col.invisible && checkType('Date', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\n <td [ngStyle]=\"{\n 'min-width' : col.width ? col.width : null,\n 'background-color': rowData[col.id].color ? rowData[col.id].color : null,\n 'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\n }\"\n (click)=\"options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | date: 'dd/MM/yyyy'\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id]) {\n <div>{{ rowData[col.id].value | date: (getOption(col, rowData, 'mode') == 'year' ? 'yyyy' : getOption(col, rowData, 'mode') == 'month' ? 'MM/yyyy' : 'dd/MM/yyyy') }}</div>\n }\n </td>\n }\n <!-- MultiSelect -->\n @if (!col.invisible && checkType('MultiSelect', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [ngClass]=\"{\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : getMultiSelectConcat(rowData[col.id].value, getOption(col, rowData, 'optionLabel'))\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n pFrozenColumn\n [frozen]=\"col.frozen\"\n class=\"paddingCell\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id] != null) {\n <p-multiSelect [options]=\"getOption(col, rowData, 'options')\"\n [filter]=\"getOption(col, rowData, 'filter')\"\n [optionLabel]=\"getOption(col, rowData, 'optionLabel')\"\n [(ngModel)]=\"rowData[col.id].value\"\n name=\"multiselect\"\n appendTo=\"body\"\n dataKey=\"ID\"\n emptyFilterMessage=\"Aucun r\u00E9sultat\"\n emptyMessage=\"Aucun r\u00E9sultat\"\n [virtualScroll]=\"getOption(col, rowData, 'virtualScroll')\"\n [readonly]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\"\n [virtualScrollItemSize]=\"30\"\n selectedItemsLabel=\"{0} selectionn\u00E9s\"\n (onChange)=\"editMultiselect(rowData, col, $event)\"\n [showToggleAll]=\"false\"\n [showHeader]=\"getOption(col, rowData, 'filter')\"\n [group]=\"getOption(col, rowData, 'optionGroupChildren') != null ? true : false\"\n [optionGroupLabel]=\"getOption(col, rowData, 'optionGroupLabel')\"\n [optionGroupChildren]=\"getOption(col, rowData, 'optionGroupChildren')\"\n ngDefaultControl>\n <ng-template let-data pTemplate=\"selectedItems\">\n @for (option of data; track option; let i = $index) {\n <span [ngClass]=\"{\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true\n }\">\n {{ option[getOption(col, rowData, 'optionLabel')] + (i != data.length - 1 ? ',' : '') }}\n </span>\n }\n </ng-template>\n <ng-template let-group pTemplate=\"group\">\n <div>{{group[col.options.optionGroupLabel]}}</div>\n </ng-template>\n </p-multiSelect>\n }\n </td>\n }\n @if (!col.invisible && checkType('MultiSelect', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\n <td [ngStyle]=\"{\n 'width' : col.width ? col.width : null,\n 'background-color': rowData[col.id].color ? rowData[col.id].color : null,\n 'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\n }\"\n (click)=\"options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : getMultiSelectConcat(rowData[col.id].value, getOption(col, rowData, 'optionLabel'))\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id]) {\n <div>{{ getMultiSelectConcat(rowData[col.id].value, getOption(col, rowData, 'optionLabel')) }}</div>\n }\n </td>\n }\n <!-- Image -->\n @if (!col.invisible && checkType('Image', col)) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n class=\"!text-center\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id]) {\n <img style=\"vertical-align: middle; width: 40px;\" src=\"{{ rowData[col.id].value }}\" />\n }\n </td>\n }\n <!-- Button -->\n @if (!col.invisible && checkType('Button', col)) {\n <td class=\"paddingCell !text-center\"\n [ngClass]=\"{\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id].value != null && isValueButtonByType(rowData[col.id].value, 'function')) {\n <button pButton\n [disabled]=\"rowData.readonly || rowData[col.id]?.readonly\"\n [label]=\"getOption(col, rowData, 'label')\"\n [icon]=\"getOption(col, rowData, 'icon')\"\n (click)=\"rowData[col.id].value()\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : getOption(col, rowData, 'label')\"\n [tooltipDisabled]=\"!col.tooltip\"\n [class]=\"'p-button-' + getOption(col, rowData, 'severity')\"\n [ngClass]=\"{\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true\n }\">\n </button>\n }\n @if (isValueButtonByType(rowData[col.id].value, 'string')) {\n <div [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true\n }\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value\"\n [tooltipDisabled]=\"!col.tooltip\">\n {{ rowData[col.id].value }}\n </div>\n }\n </td>\n }\n <!-- SelectButton -->\n @if (!col.invisible && checkType('SelectButton', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id] != null) {\n <p-selectButton [options]=\"getOption(col, rowData, 'options')\"\n [optionLabel]=\"getOption(col, rowData, 'optionLabel')\"\n [optionValue]=\"getOption(col, rowData, 'optionValue') != null ? getOption(col, rowData, 'optionValue') : 'value'\"\n [(ngModel)]=\"rowData[col.id].value\"\n name=\"select-button\"\n [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\"\n (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\">\n <ng-template let-item pTemplate=\"item\">\n <span class=\"!text-center w-full\"\n [ngClass]=\"{\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true\n }\">\n {{ item.label }}\n </span>\n </ng-template>\n </p-selectButton>\n }\n </td>\n }\n @if (!col.invisible && checkType('SelectButton', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\n <td [ngStyle]=\"{\n 'width' : col.width ? col.width : null,\n 'background-color': rowData[col.id].color ? rowData[col.id].color : null,\n 'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\n }\"\n (click)=\"options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n pFrozenColumn\n [frozen]=\"col.frozen\"\n class=\"!text-center\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id]) {\n <div>{{ getSelectLibelleByValue(rowData, col) }}</div>\n }\n </td>\n }\n <!-- Switch -->\n @if (!col.invisible && checkType('Switch', col)) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n class=\"!text-center\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id] != null) {\n <p-toggleswitch [(ngModel)]=\"rowData[col.id].value\"\n name=\"toggle-switch\"\n [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || (getOption(col, rowData, 'action') == null && !isModeEdition())\"\n (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n ngDefaultControl>\n </p-toggleswitch>\n }\n </td>\n }\n <!-- File -->\n @if (!col.invisible && checkType('File', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id] != null) {\n <div class=\"p-inputgroup\">\n <button type=\"button\"\n pButton\n pRipple\n icon=\"pi pi-upload\"\n (click)=\"clickById('input_' + rowData[col.id].id)\"\n [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\">\n </button>\n <input id=\"{{'output_' + rowData[col.id].id}}\"\n pInputText\n type=\"text\"\n [ngClass]=\"{\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true\n }\"\n value=\"{{ rowData[col.id].value != null ? rowData[col.id].value : '' }}\"\n readonly\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value ? rowData[col.id].value : ''\"\n [tooltipDisabled]=\"!col.tooltip\">\n @if (getOption(col, rowData, 'downloadPath') && rowData[col.id].value != null) {\n <button type=\"button\"\n pButton\n pRipple\n icon=\"pi pi-download\"\n (click)=\"downloadFile(rowData[col.id])\"\n [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\">\n </button>\n }\n </div>\n }\n @if (rowData[col.id]) {\n <input id=\"{{'input_' + rowData[col.id].id}}\" #inputFile pInputText type=\"file\" hidden (change)=\"rowData[col.id].value = inputFile.files[0].name; onEditCell(rowData, col, inputFile.files[0])\">\n }\n </td>\n }\n @if (!col.invisible && checkType('File', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\n <td [ngStyle]=\"{\n 'width' : col.width ? col.width : null,\n 'background-color': rowData[col.id].color ? rowData[col.id].color : null,\n 'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\n }\"\n (click)=\"options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value ? rowData[col.id].value : ''\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id]) {\n <div>{{ rowData[col.id].value ? rowData[col.id].value : '' }}</div>\n }\n </td>\n }\n <!-- State -->\n @if (!col.invisible && checkType('State', col)) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n 'selectable_cell' : options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options.selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n class=\"!text-center\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id].value != null) {\n <p-tag [value]=\"rowData[col.id].value[getOption(col, rowData, 'optionLabel')]\"\n [severity]=\"rowData[col.id].value.severity\"\n [icon]=\"rowData[col.id].value.icon\"\n [style]=\"{\n 'background-color': rowData[col.id].value.backgroundColor,\n 'color': rowData[col.id].value.textColor,\n 'font-weight': rowData.bold == true || rowData[col.id].bold == true ? 'bold' : null,\n 'font-style': rowData.italic == true || rowData[col.id].italic == true ? 'italic' : null\n }\">\n </p-tag>\n }\n </td>\n }\n }\n\n <!-- Deletion -->\n @if (options.rowsDeletable) {\n <td class=\"cellDelete\"\n [ngClass]=\"rowData.deletable ? 'paddingCell' : null\">\n @if (rowData.deletable) {\n <button pButton\n type=\"button\"\n icon=\"pi pi-times\"\n class=\"p-button-danger buttonDelete p-button-text\"\n [disabled]=\"rowData.readonly\"\n (click)=\"onDeleteLine(rowData)\">\n </button>\n }\n </td>\n }\n\n </tr>\n </ng-template>\n </p-table>\n</div>\n", styles: ["::ng-deep .p-tooltip .p-tooltip-text{overflow-wrap:break-word!important}:host ::ng-deep .p-toggleswitch.p-toggleswitch-checked.p-disabled .p-toggleswitch-slider{background:#abd9ba!important}:host ::ng-deep .grid_brown .rowHeader>th{background-color:#795548}:host ::ng-deep .grid_brown .rowHeader>th div{color:#fff}:host ::ng-deep .grid_brown .rowHeader>th i{color:#fff}:host ::ng-deep .grid_brown .rowHeader .p-sortable-column:hover{background-color:#a47767}:host ::ng-deep .grid_brown .rowHeader .p-sortable-column:hover i{color:#fff}:host ::ng-deep .grid_brown .rowHeader .p-sortable-column.p-highlight div{color:#76c7ff}:host ::ng-deep .grid_brown .rowHeader .p-sortable-column.p-highlight .p-sortable-column-icon{color:#76c7ff}:host ::ng-deep .grid_brown .rowFilter th{background-color:#795548}:host ::ng-deep .grid_grey .rowHeader>th{background-color:#dedddd}:host ::ng-deep .grid_grey .rowHeader>th div{color:#495057}:host ::ng-deep .grid_grey .rowHeader>th i{color:#495057}:host ::ng-deep .grid_grey .rowHeader .p-sortable-column:hover{background-color:#e7e7e7}:host ::ng-deep .grid_grey .rowHeader .p-sortable-column:hover i{color:#495057}:host ::ng-deep .grid_grey .rowHeader .p-sortable-column.p-highlight div{color:#008bff}:host ::ng-deep .grid_grey .rowHeader .p-sortable-column.p-highlight .p-sortable-column-icon{color:#008bff}:host ::ng-deep .grid_grey .rowFilter th{background-color:#dedddd}:host ::ng-deep .selectable_cell:hover{background:#dcdcdc!important;cursor:pointer!important}:host ::ng-deep .p-frozen-column{z-index:2!important}:host ::ng-deep .p-datatable-thead{z-index:3!important}:host ::ng-deep .p-checkbox{border-radius:inherit!important}:host ::ng-deep p-inputnumber{width:100%}:host ::ng-deep .p-calendar,:host ::ng-deep .p-inputtext,:host ::ng-deep .p-inputnumber,:host ::ng-deep .p-inputnumber-input,:host ::ng-deep .p-dropdown,:host ::ng-deep .p-multiselect{width:100%}:host ::ng-deep .suffixe,:host ::ng-deep .prefixe{height:25px;padding-top:1px!important}:host ::ng-deep .p-multiselect-label-container,:host ::ng-deep .p-dropdown-label{width:1px!important}:host ::ng-deep .p-scroller-content{min-height:50%}:host ::ng-deep .rowTotal>th{background-color:#edcbaa!important}:host ::ng-deep .rowGrouping{background:#faeada!important}:host ::ng-deep .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{background:#30e130}:host ::ng-deep .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider{background:#2bd12b}:host ::ng-deep .p-datatable-table{table-layout:fixed}:host ::ng-deep .p-datatable-thead>tr>th{border:1px solid rgba(0,0,0,.12)!important;padding:8px;font-weight:600;height:40px}:host ::ng-deep .headerAffichageSimple div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host ::ng-deep .headerAffichageEntier{word-wrap:break-word}:host ::ng-deep .p-datatable-tbody>tr>td{border:1px solid rgba(0,0,0,.12)!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host ::ng-deep .p-datatable-tbody>tr>td div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host ::ng-deep .p-tag{max-width:100%}:host ::ng-deep .p-tag .p-tag-value{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host ::ng-deep .p-button{padding:5px;max-width:100%}:host ::ng-deep .p-button .p-button-label{overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}:host ::ng-deep .text_bold{font-weight:700!important}:host ::ng-deep .cellDelete{flex:0 0 50px!important;width:50px;text-align:center!important;padding:0!important}:host ::ng-deep .p-tooltip .p-tooltip-text{background-color:red!important}:host ::ng-deep .p-skeleton{background-color:#dee2e6;border-radius:6px;padding:0}:host ::ng-deep .p-datatable-tbody>tr{height:35px}:host ::ng-deep .p-inputtext{height:25px!important;padding:4px 5px!important}:host ::ng-deep .p-inputnumber{height:25px;padding:0!important}:host ::ng-deep .p-inputnumber-input{padding:0 5px!important}:host ::ng-deep .p-inputgroup .p-inputtext{height:25px;padding:4px 5px!important}:host ::ng-deep .p-dropdown,:host ::ng-deep .p-multiselect{vertical-align:middle}:host ::ng-deep .p-dropdown-label{padding-top:2px;padding-bottom:2px}:host ::ng-deep .p-multiselect-label{padding-top:2px;padding-bottom:2px}:host ::ng-deep .p-editable-column{padding:3px 10px!important}:host ::ng-deep .paddingCell{padding:3px 10px!important}:host ::ng-deep .p-selectbutton>.p-button{width:50%;height:25px}:host ::ng-deep .p-inputgroup>.p-button{height:25px}:host ::ng-deep .buttonDelete{width:100%;height:20px}:host ::ng-deep .p-column-title{display:none}:host ::ng-deep .p-datatable-loading-icon{color:#fff}\n"] }]
1299
- }], ctorParameters: () => [{ type: i1$1.ConfirmationService }, { type: i1$1.FilterService }, { type: i0.ChangeDetectorRef }, { type: ExportService }], propDecorators: { columns: [{
1300
- type: Input
1301
- }], columnsChange: [{
1302
- type: Output
1303
- }], values: [{
1304
- type: Input
1305
- }], valuesChange: [{
1306
- type: Output
1307
- }], options: [{
1308
- type: Input
1309
- }], loading: [{
1310
- type: Input
1311
- }], onEdit: [{
1287
+ ], template: "<div class=\"!relative\"\n [ngStyle]=\"{ 'height': options().scrollHeight != null ? options().scrollHeight : '100%' }\">\n\n @if (options().exportExcel) {\n <button pButton\n icon=\"pi pi-file-excel\"\n class=\"p-button-success !z-5 !absolute !top-0 !left-0 !w-5 !h-5 !rounded-tl-none !rounded-tr-none !rounded-bl-none\"\n pTooltip=\"Exporter le contenu de la grille au format Excel\"\n tooltipPosition=\"right\"\n (click)=\"exportExcel(options().exportExcelByFiltre, !options().exportExcelNoColors)\">\n </button>\n }\n\n <p-contextMenu #cm [model]=\"options().contextMenuItems\" />\n\n <p-table #table\n [columns]=\"columns()\"\n [value]=\"values()\"\n dataKey=\"id\"\n [selectionMode]=\"getModeSelection()\"\n [metaKeySelection]=\"isModeMetakeySelection()\"\n [(selection)]=\"selectedRows\"\n (onRowSelect)=\"onSelectRow($event)\"\n (onRowUnselect)=\"onUnselectRow($event)\"\n (onHeaderCheckboxToggle)=\"onSelectAll($event)\"\n (sortFunction)=\"sortGrille($event)\"\n [customSort]=\"options().grouping == null ? true : false\"\n [scrollable]=\"true\"\n [loading]=\"loading()\"\n [scrollHeight]=\"'flex'\"\n [rowGroupMode]=\"options().grouping != null ? 'subheader' : null\"\n [groupRowsBy]=\"options().grouping != null ? options().grouping.obj + '.' + options().grouping.id : null\"\n [groupRowsByOrder]=\"0\"\n [virtualScroll]=\"options().virtualScroll == true && options().scrollHeight != null ? true : false\"\n [virtualScrollItemSize]=\"options().virtualScrollItemSize != null ? options().virtualScrollItemSize : 35\"\n [paginator]=\"options().paginator == null ? false : true\"\n [rows]=\"options().paginatorRows\"\n (onPage)=\"onPageTable($event)\"\n [tableStyleClass]=\"!options().themeGrille ? 'grid_grey' : options().themeGrille\"\n [lazy]=\"options().lazy == true ? true : false\"\n (onFilter)=\"onFilterTable($event)\"\n [rowTrackBy]=\"trackByFunction\"\n [(contextMenuSelection)]=\"contextMenuSelectedItem\"\n [contextMenu]=\"cm\">\n\n <!-- HEADER -->\n <ng-template pTemplate=\"header\" let-columns>\n\n <!-- HEADERS -->\n <tr class=\"rowHeader\">\n @if (isModeCheckboxSelection()) {\n <th class=\"cellDelete\"\n pFrozenColumn>\n @if (!options().filterable && options().toggleAll) {\n <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\n }\n </th>\n }\n @for (col of columns; track col) {\n @if (!col.invisible) {\n <th [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': col.backgroundColor ? col.backgroundColor : null }\"\n [ngClass]=\"{ '!text-center' : options().centerHeaders, 'headerAffichageSimple': !options().headersAffichageEntier, 'headerAffichageEntier': options().headersAffichageEntier }\"\n [pSortableColumn]=\"col.id\"\n [pSortableColumnDisabled]=\"!options().sortable || options().grouping != null || col.libelle == null || col.libelle == ''\"\n id=\"{{ col.id }}\"\n pFrozenColumn\n [frozen]=\"col.frozen\"\n [pTooltip]=\"col.libelle\"\n [tooltipDisabled]=\"!col.tooltipHeader\"\n tooltipPosition=\"bottom\">\n <div [ngStyle]=\"{ 'color': col.textColor ? col.textColor : null }\">\n {{ col.libelle }}\n </div>\n @if (options().sortable && options().grouping == null && col.libelle != null && col.libelle != '') {\n <p-sortIcon [field]=\"col.id\">\n </p-sortIcon>\n }\n </th>\n }\n }\n @if (options().rowsDeletable) {\n <th class=\"cellDelete\"></th>\n }\n </tr>\n\n <!-- FILTRES -->\n @if (options().filterable) {\n <tr class=\"rowFilter\">\n @if (isModeCheckboxSelection()) {\n <th class=\"cellDelete\"\n pFrozenColumn>\n @if (options().toggleAll) {\n <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\n }\n </th>\n }\n @for (col of columns; track col) {\n <!-- Text -->\n @if (!col.invisible && ((checkType('Dropdown', col) && col.options.filterText)\n || (checkType('MultiSelect', col) && col.options.filterText)\n || checkType('Text', col)\n || checkType('File', col)\n || (checkType('Button', col) && col.options.filterCol))\n || checkType('Number', col)\n || checkType('CilogNumber', col)) {\n <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n @if (!col.disableFilter) {\n <input pInputText\n type=\"text\"\n (input)=\"onFilterCol($event, col)\"\n name=\"filterText\"\n [(ngModel)]=\"col.options.defaultFilters\">\n }\n </th>\n }\n <!-- Date -->\n @if (!col.invisible && checkType('Date', col)) {\n <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n @if (!col.disableFilter) {\n <p-datepicker [view]=\"col.options.mode == null ? 'date' : col.options.mode\"\n [dateFormat]=\"col.options.mode == 'year' ? 'yy' : col.options.mode == 'month' ? 'mm/yy' : 'dd/mm/yy'\"\n [inputId]=\"col.id + '_filter'\"\n [firstDayOfWeek]=\"1\"\n [readonlyInput]=\"true\"\n appendTo=\"body\"\n selectionMode=\"range\"\n (onSelect)=\"onFilterCol($event, col)\"\n showButtonBar=\"true\"\n (onClearClick)=\"onFilterCol($event, col)\"\n name=\"filterDate\"\n [(ngModel)]=\"col.options.defaultFilters\">\n </p-datepicker>\n }\n </th>\n }\n <!-- Liste -->\n @if (!col.invisible && ((checkType('Dropdown', col) && !col.options.filterText) || (checkType('MultiSelect', col) && !col.options.filterText) || checkType('SelectButton', col) || checkType('State', col))) {\n <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n @if (!col.disableFilter) {\n <p-multiSelect [options]=\"col.options?.options\"\n [filter]=\"true\"\n dataKey=\"ID\"\n [optionLabel]=\"col.options?.optionLabel\"\n appendTo=\"body\"\n emptyFilterMessage=\"Aucun r\u00E9sultat\"\n emptyMessage=\"Aucun r\u00E9sultat\"\n [virtualScroll]=\"true\"\n [virtualScrollItemSize]=\"35\"\n selectedItemsLabel=\"{0} selectionn\u00E9s\"\n (onChange)=\"onFilterCol($event, col)\"\n name=\"filterChoix\"\n [(ngModel)]=\"col.options.defaultFilters\"\n [group]=\"col.options.optionGroupChildren != null ? true : false\"\n [optionGroupLabel]=\"col.options.optionGroupLabel\"\n [optionGroupChildren]=\"col.options.optionGroupChildren\"\n [showToggleAll]=\"false\"\n [showClear]=\"true\"\n (onClear)=\"onFilterCol(null, col)\">\n <ng-template let-group pTemplate=\"group\">\n <div>{{group[col.options.optionGroupLabel]}}</div>\n </ng-template>\n </p-multiSelect>\n }\n </th>\n }\n <!-- Switch -->\n @if (!col.invisible && checkType('Switch', col)) {\n <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n @if (!col.disableFilter) {\n <p-multiSelect [options]=\"optionsSwitch\"\n [showHeader]=\"false\"\n optionLabel=\"label\"\n optionValue=\"value\"\n appendTo=\"body\"\n emptyFilterMessage=\"Aucun r\u00E9sultat\"\n emptyMessage=\"Aucun r\u00E9sultat\"\n [virtualScrollItemSize]=\"30\"\n selectedItemsLabel=\"{0} selectionn\u00E9s\"\n (onChange)=\"onFilterCol($event, col)\"\n name=\"filterChoix2\"\n [(ngModel)]=\"col.options.defaultFilters\">\n </p-multiSelect>\n }\n </th>\n }\n <!-- Non filtrable -->\n @if (!col.invisible && (checkType('Image', col) || (checkType('Button', col) && !col.options.filterCol))) {\n <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n </th>\n }\n }\n @if (options().rowsDeletable) {\n <th class=\"cellDelete\"></th>\n }\n </tr>\n }\n\n <!-- TOTAL -->\n @if (options().rowTotal) {\n <tr class=\"rowTotal\">\n @if (isModeCheckboxSelection()) {\n <th class=\"cellDelete\"\n pFrozenColumn>\n </th>\n }\n @for (col of columns; track col) {\n @if (!col.invisible) {\n <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\n [ngClass]=\"{ '!text-center' : true }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div>{{ getTotalStr(col) }}</div>\n </th>\n }\n }\n @if (options().rowsDeletable) {\n <th class=\"cellDelete\"></th>\n }\n </tr>\n }\n </ng-template>\n\n <!--Groupheader-->\n <ng-template pTemplate=\"groupheader\" let-rowData>\n <tr pRowGroupHeader class=\"rowGrouping\">\n <td [attr.colspan]=\"columns().length\">\n <div class=\"text_bold\">{{ rowData[options().grouping.obj][options().grouping.libelle] }}</div>\n </td>\n </tr>\n </ng-template>\n\n <!-- Body -->\n <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\n <tr id=\"{{ rowData.id }}\"\n [ngStyle]=\"{ 'background-color': rowData.color ? rowData.color : null }\"\n [pSelectableRow]=\"rowData\"\n [pSelectableRowDisabled]=\"!options().selectable || isModeCheckboxSelection() || isModeCellSelection()\"\n (dblclick)=\"onRowDoubleClickEvent(rowData)\"\n [pContextMenuRow]=\"rowData\"\n [pContextMenuRowDisabled]=\"options().contextMenuItems == null\">\n\n @if (isModeCheckboxSelection()) {\n <td class=\"cellDelete\"\n pFrozenColumn>\n <p-tableCheckbox [value]=\"rowData\" [disabled]=\"rowData.readonly\"></p-tableCheckbox>\n </td>\n }\n\n @for (col of columns; track col) {\n <!-- Text -->\n @if (!col.invisible && checkType('Text', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pEditableColumn]=\"rowData\"\n [pEditableColumnField]=\"col.id\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n pFrozenColumn\n (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n [frozen]=\"col.frozen\"\n [ngClass]=\"{\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <input pInputText\n type=\"text\"\n [(ngModel)]=\"rowData[col.id].value\"\n name=\"text\"\n (blur)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n (keydown.enter)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n (keydown.tab)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n (click)=\"onEditInitCell(rowData, col, rowData[col.id].value)\"\n [ngClass]=\"{\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true\n }\" />\n </ng-template>\n <ng-template pTemplate=\"output\">\n @if (rowData[col.id]) {\n <div style=\"white-space: pre;\">\n {{ getFormattedText(col, rowData) }}\n </div>\n }\n </ng-template>\n </p-cellEditor>\n </td>\n }\n @if (!col.invisible && checkType('Text', col) && (!isModeEdition() || rowData.readonly || rowData[col.id]?.readonly)) {\n <td [ngStyle]=\"{\n 'width' : col.width ? col.width : null,\n 'background-color' : rowData[col.id].color ? rowData[col.id].color : null,\n 'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\n }\"\n (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">\n {{ col.libelle }} :\n </div>\n @if (rowData[col.id]) {\n <div style=\"white-space: pre;\">\n {{ getFormattedText(col, rowData) }}\n </div>\n }\n </td>\n }\n <!-- Dropdown -->\n @if (!col.invisible && checkType('Dropdown', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n [ngClass]=\"{\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value != null ? rowData[col.id].value[getOption(col, rowData, 'optionLabel')] : ''\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n pFrozenColumn\n [frozen]=\"col.frozen\"\n class=\"paddingCell\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id] != null) {\n <p-select dataKey=\"ID\"\n [options]=\"getOption(col, rowData, 'options')\"\n [filter]=\"getOption(col, rowData, 'filter')\"\n [optionLabel]=\"getOption(col, rowData, 'optionLabel')\"\n [(ngModel)]=\"rowData[col.id].value\"\n name=\"select\"\n appendTo=\"body\"\n [showClear]=\"getOption(col, rowData, 'deletable')\"\n emptyFilterMessage=\"Aucun r\u00E9sultat\"\n emptyMessage=\"Aucun r\u00E9sultat\"\n [virtualScroll]=\"getOption(col, rowData, 'virtualScroll')\"\n [readonly]=\"rowData.readonly || rowData[col.id]?.readonly\"\n [virtualScrollItemSize]=\"30\"\n (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n (onClear)=\"onEditCell(rowData, col, rowData[col.id].value)\">\n <ng-template let-data pTemplate=\"selectedItem\">\n @if (data != null) {\n <span [ngClass]=\"{\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true\n }\">\n {{ data[getOption(col, rowData, 'optionLabel')] }}\n </span>\n }\n @if (data == null) {\n <span></span>\n }\n </ng-template>\n </p-select>\n }\n </td>\n }\n @if (!col.invisible && checkType('Dropdown', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\n <td [ngStyle]=\"{\n 'width' : col.width ? col.width : null,\n 'background-color': rowData[col.id].color ? rowData[col.id].color : null,\n 'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\n }\"\n (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value != null ? rowData[col.id].value[getOption(col, rowData, 'optionLabel')] : ''\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id]) {\n <div>{{ rowData[col.id].value != null ? rowData[col.id].value[getOption(col, rowData, 'optionLabel')] : '' }}</div>\n }\n </td>\n }\n <!-- Cilog Number -->\n @if (!col.invisible && checkType('CilogNumber', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | value\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id] && !rowData.readonly && !rowData[col.id]?.readonly) {\n <cilog-input-number (onInput)=\"onInputNumber($event)\"\n [(ngModel)]=\"rowData[col.id].value\"\n name=\"cilog-number\"\n ngDefaultControl\n [inputStyleClass]=\"col.position == null || col.position == 'right' ? '!text-right' : col.position == 'left' ? '!text-left' : '!text-center'\"\n [textColor]=\"rowData[col.id].textColor\"\n [bold]=\"rowData.bold == true || rowData[col.id].bold == true\"\n [italic]=\"rowData.italic == true || rowData[col.id].italic == true\"\n [suffixe]=\"getOption(col, rowData, 'suffix')\"\n [prefixe]=\"getOption(col, rowData, 'prefix') != null ? getOption(col, rowData, 'prefix') + ' ' : null\"\n [min]=\"getOption(col, rowData, 'min')\"\n [max]=\"getOption(col, rowData, 'max')\"\n [disabled]=\"rowData.readonly || rowData[col.id]?.readonly\"\n [maxDecimals]=\"getOption(col, rowData, 'modeInteger') != null && getOption(col, rowData, 'modeInteger') == true ? 0 : getOption(col, rowData, 'maxDecimales') != null ? getOption(col, rowData, 'maxDecimales') : 2 \"\n (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n (onFocus)=\"onEditInitCell(rowData, col, rowData[col.id].value)\">\n </cilog-input-number>\n }\n </td>\n }\n @if (!col.invisible && checkType('CilogNumber', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\n <td [ngStyle]=\"{\n 'width' : col.width ? col.width : null,\n 'background-color': rowData[col.id].color ? rowData[col.id].color : null,\n 'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\n }\"\n (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | value\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id]) {\n <div>{{ getFormattedNumber(col, rowData, rowData[col.id].value) }}</div>\n }\n </td>\n }\n <!-- Number -->\n @if (!col.invisible && checkType('Number', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | value\"\n [tooltipDisabled]=\"!col.tooltip\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!text-left': col.position == 'left',\n '!text-right': col.position == 'right' || col.position == null,\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n tooltipPosition=\"bottom\"\n pFrozenColumn\n [frozen]=\"col.frozen\"\n (click)=\"onClickCellNumber(rowData, col)\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id] && !rowData[col.id].focus) {\n <div>\n {{ getFormattedNumber(col, rowData, rowData[col.id].value) }}\n </div>\n }\n @if (rowData[col.id] && !rowData.readonly && !rowData[col.id]?.readonly && rowData[col.id].focus == true) {\n <p-inputNumber #inputNumber\n locale=\"fr-FR\"\n (onInput)=\"onInputNumber($event)\"\n [(ngModel)]=\"rowData[col.id].value\"\n name=\"input-number\"\n [showButtons]=\"getOption(col, rowData, 'showButtons')\"\n [inputStyleClass]=\"col.position == null || col.position == 'right' ? '!text-right' : col.position == 'left' ? '!text-left' : '!text-center'\"\n [inputStyle]=\"{ 'font-weight': rowData.bold == true || rowData[col.id].bold == true ? 'bold' : null, 'font-style': rowData.italic == true || rowData[col.id].italic == true ? 'italic' : null }\"\n [suffix]=\"getOption(col, rowData, 'suffix')\"\n [prefix]=\"getOption(col, rowData, 'prefix') != null ? getOption(col, rowData, 'prefix') + ' ' : null\"\n [min]=\"getOption(col, rowData, 'min')\"\n [max]=\"getOption(col, rowData, 'max')\"\n [minFractionDigits]=\"getOption(col, rowData, 'modeInteger') != null && getOption(col, rowData, 'modeInteger') == true ? 0 : getOption(col, rowData, 'minDecimales') != null ? getOption(col, rowData, 'minDecimales') : 0\"\n [maxFractionDigits]=\"getOption(col, rowData, 'modeInteger') != null && getOption(col, rowData, 'modeInteger') == true ? 0 : getOption(col, rowData, 'maxDecimales') != null ? getOption(col, rowData, 'maxDecimales') : 2 \"\n (onBlur)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n (onKeyDown)=\"onKeyDown($event, rowData, col, rowData[col.id].value)\"\n (onFocus)=\"onEditInitCell(rowData, col, rowData[col.id].value)\">\n </p-inputNumber>\n }\n </td>\n }\n @if (!col.invisible && checkType('Number', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\n <td [ngStyle]=\"{\n 'width' : col.width ? col.width : null,\n 'background-color': rowData[col.id].color ? rowData[col.id].color : null,\n 'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\n }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | value\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!text-left': col.position == 'left',\n '!text-right': col.position == 'right' || col.position == null,\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id]) {\n <div>{{ getFormattedNumber(col, rowData, rowData[col.id].value) }}</div>\n }\n </td>\n }\n <!-- Date -->\n @if (!col.invisible && checkType('Date', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : getOption(col, rowData, 'mode') == 'year' ? (rowData[col.id].value | date: 'yyyy') : getOption(col, rowData, 'mode') == 'month' ? (rowData[col.id].value | date: 'MM/yy') : getOption(col, rowData, 'mode') == 'hour' ? (rowData[col.id].value | date: 'HH:mm') : getOption(col, rowData, 'mode') == 'datehour' ? (rowData[col.id].value | date: 'dd/MM/yy HH:mm') : (rowData[col.id].value | date: 'dd/MM/yyyy')\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n <p-datepicker [(ngModel)]=\"rowData[col.id].value\"\n name=\"date-picker\"\n [view]=\"getOption(col, rowData, 'mode') == null || getOption(col, rowData, 'mode') == 'date' || getOption(col, rowData, 'mode') == 'hour' ? 'date' : getOption(col, rowData, 'mode') == 'datehour' ? 'date' : getOption(col, rowData, 'mode')\"\n [dateFormat]=\"getOption(col, rowData, 'mode') == 'year' ? 'yy' : getOption(col, rowData, 'mode') == 'month' ? 'mm/yy' : getOption(col, rowData, 'mode') == 'hour' || getOption(col, rowData, 'mode') == 'datehour' ? 'dd/mm/yy' : 'dd/mm/yy'\"\n [showTime]=\"getOption(col, rowData, 'mode') == 'datehour'\"\n [timeOnly]=\"getOption(col, rowData, 'mode') == 'hour'\"\n [hourFormat]=\"'24'\"\n [firstDayOfWeek]=\"1\"\n (onSelect)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n (onBlur)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n (onClear)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n [inputStyleClass]=\"col.position == null || col.position == 'right' ? '!text-right' : col.position == 'left' ? '!text-left' : '!text-center'\"\n [inputStyle]=\"{ 'font-weight': rowData.bold == true || rowData[col.id].bold == true ? 'bold' : null, 'font-style': rowData.italic == true || rowData[col.id].italic == true ? 'italic' : null }\"\n [showClear]=\"getOption(col, rowData, 'clear')\"\n [minDate]=\"getOption(col, rowData, 'minDate')\"\n [maxDate]=\"getOption(col, rowData, 'maxDate')\"\n [defaultDate]=\"getOption(col, rowData, 'defaultDate')\"\n appendTo=\"body\">\n </p-datepicker>\n </td>\n }\n @if (!col.invisible && checkType('Date', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\n <td [ngStyle]=\"{\n 'min-width' : col.width ? col.width : null,\n 'background-color': rowData[col.id].color ? rowData[col.id].color : null,\n 'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\n }\"\n (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | date: 'dd/MM/yyyy'\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id]) {\n <div>{{ rowData[col.id].value | date: (getOption(col, rowData, 'mode') == 'year' ? 'yyyy' : getOption(col, rowData, 'mode') == 'month' ? 'MM/yyyy' : 'dd/MM/yyyy') }}</div>\n }\n </td>\n }\n <!-- MultiSelect -->\n @if (!col.invisible && checkType('MultiSelect', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [ngClass]=\"{\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : getMultiSelectConcat(rowData[col.id].value, getOption(col, rowData, 'optionLabel'))\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n pFrozenColumn\n [frozen]=\"col.frozen\"\n class=\"paddingCell\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id] != null) {\n <p-multiSelect [options]=\"getOption(col, rowData, 'options')\"\n [filter]=\"getOption(col, rowData, 'filter')\"\n [optionLabel]=\"getOption(col, rowData, 'optionLabel')\"\n [(ngModel)]=\"rowData[col.id].value\"\n name=\"multiselect\"\n appendTo=\"body\"\n dataKey=\"ID\"\n emptyFilterMessage=\"Aucun r\u00E9sultat\"\n emptyMessage=\"Aucun r\u00E9sultat\"\n [virtualScroll]=\"getOption(col, rowData, 'virtualScroll')\"\n [readonly]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\"\n [virtualScrollItemSize]=\"30\"\n selectedItemsLabel=\"{0} selectionn\u00E9s\"\n (onChange)=\"editMultiselect(rowData, col, $event)\"\n [showToggleAll]=\"false\"\n [showHeader]=\"getOption(col, rowData, 'filter')\"\n [group]=\"getOption(col, rowData, 'optionGroupChildren') != null ? true : false\"\n [optionGroupLabel]=\"getOption(col, rowData, 'optionGroupLabel')\"\n [optionGroupChildren]=\"getOption(col, rowData, 'optionGroupChildren')\"\n ngDefaultControl>\n <ng-template let-data pTemplate=\"selectedItems\">\n @for (option of data; track option; let i = $index) {\n <span [ngClass]=\"{\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true\n }\">\n {{ option[getOption(col, rowData, 'optionLabel')] + (i != data.length - 1 ? ',' : '') }}\n </span>\n }\n </ng-template>\n <ng-template let-group pTemplate=\"group\">\n <div>{{group[col.options.optionGroupLabel]}}</div>\n </ng-template>\n </p-multiSelect>\n }\n </td>\n }\n @if (!col.invisible && checkType('MultiSelect', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\n <td [ngStyle]=\"{\n 'width' : col.width ? col.width : null,\n 'background-color': rowData[col.id].color ? rowData[col.id].color : null,\n 'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\n }\"\n (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : getMultiSelectConcat(rowData[col.id].value, getOption(col, rowData, 'optionLabel'))\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id]) {\n <div>{{ getMultiSelectConcat(rowData[col.id].value, getOption(col, rowData, 'optionLabel')) }}</div>\n }\n </td>\n }\n <!-- Image -->\n @if (!col.invisible && checkType('Image', col)) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n class=\"!text-center\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id]) {\n <img style=\"vertical-align: middle; width: 40px;\" src=\"{{ rowData[col.id].value }}\" />\n }\n </td>\n }\n <!-- Button -->\n @if (!col.invisible && checkType('Button', col)) {\n <td class=\"paddingCell !text-center\"\n [ngClass]=\"{\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id].value != null && isValueButtonByType(rowData[col.id].value, 'function')) {\n <button pButton\n [disabled]=\"rowData.readonly || rowData[col.id]?.readonly\"\n [label]=\"getOption(col, rowData, 'label')\"\n [icon]=\"getOption(col, rowData, 'icon')\"\n (click)=\"rowData[col.id].value()\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : getOption(col, rowData, 'label')\"\n [tooltipDisabled]=\"!col.tooltip\"\n [class]=\"'p-button-' + getOption(col, rowData, 'severity')\"\n [ngClass]=\"{\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true\n }\">\n </button>\n }\n @if (isValueButtonByType(rowData[col.id].value, 'string')) {\n <div [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true\n }\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value\"\n [tooltipDisabled]=\"!col.tooltip\">\n {{ rowData[col.id].value }}\n </div>\n }\n </td>\n }\n <!-- SelectButton -->\n @if (!col.invisible && checkType('SelectButton', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id] != null) {\n <p-selectButton [options]=\"getOption(col, rowData, 'options')\"\n [optionLabel]=\"getOption(col, rowData, 'optionLabel')\"\n [optionValue]=\"getOption(col, rowData, 'optionValue') != null ? getOption(col, rowData, 'optionValue') : 'value'\"\n [(ngModel)]=\"rowData[col.id].value\"\n name=\"select-button\"\n [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\"\n (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\">\n <ng-template let-item pTemplate=\"item\">\n <span class=\"!text-center w-full\"\n [ngClass]=\"{\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true\n }\">\n {{ item.label }}\n </span>\n </ng-template>\n </p-selectButton>\n }\n </td>\n }\n @if (!col.invisible && checkType('SelectButton', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\n <td [ngStyle]=\"{\n 'width' : col.width ? col.width : null,\n 'background-color': rowData[col.id].color ? rowData[col.id].color : null,\n 'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\n }\"\n (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n pFrozenColumn\n [frozen]=\"col.frozen\"\n class=\"!text-center\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id]) {\n <div>{{ getSelectLibelleByValue(rowData, col) }}</div>\n }\n </td>\n }\n <!-- Switch -->\n @if (!col.invisible && checkType('Switch', col)) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n class=\"!text-center\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id] != null) {\n <p-toggleswitch [(ngModel)]=\"rowData[col.id].value\"\n name=\"toggle-switch\"\n [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || (getOption(col, rowData, 'action') == null && !isModeEdition())\"\n (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\"\n ngDefaultControl>\n </p-toggleswitch>\n }\n </td>\n }\n <!-- File -->\n @if (!col.invisible && checkType('File', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id] != null) {\n <div class=\"p-inputgroup\">\n <button type=\"button\"\n pButton\n pRipple\n icon=\"pi pi-upload\"\n (click)=\"clickById('input_' + rowData[col.id].id)\"\n [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\">\n </button>\n <input id=\"{{'output_' + rowData[col.id].id}}\"\n pInputText\n type=\"text\"\n [ngClass]=\"{\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true\n }\"\n value=\"{{ rowData[col.id].value != null ? rowData[col.id].value : '' }}\"\n readonly\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value ? rowData[col.id].value : ''\"\n [tooltipDisabled]=\"!col.tooltip\">\n @if (getOption(col, rowData, 'downloadPath') && rowData[col.id].value != null) {\n <button type=\"button\"\n pButton\n pRipple\n icon=\"pi pi-download\"\n (click)=\"downloadFile(rowData[col.id])\"\n [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\">\n </button>\n }\n </div>\n }\n @if (rowData[col.id]) {\n <input id=\"{{'input_' + rowData[col.id].id}}\" #inputFile pInputText type=\"file\" hidden (change)=\"rowData[col.id].value = inputFile.files[0].name; onEditCell(rowData, col, inputFile.files[0])\">\n }\n </td>\n }\n @if (!col.invisible && checkType('File', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\n <td [ngStyle]=\"{\n 'width' : col.width ? col.width : null,\n 'background-color': rowData[col.id].color ? rowData[col.id].color : null,\n 'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\n }\"\n (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value ? rowData[col.id].value : ''\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n '!text-left': col.position == 'left' || col.position == null,\n '!text-right': col.position == 'right',\n '!text-center': col.position == 'center',\n '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\n '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n [tooltipDisabled]=\"!col.tooltip\"\n tooltipPosition=\"bottom\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id]) {\n <div>{{ rowData[col.id].value ? rowData[col.id].value : '' }}</div>\n }\n </td>\n }\n <!-- State -->\n @if (!col.invisible && checkType('State', col)) {\n <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\n [ngClass]=\"{\n 'paddingCell': rowData[col.id] != null,\n 'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\n }\"\n (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\n class=\"!text-center\"\n pFrozenColumn\n [frozen]=\"col.frozen\">\n <div class=\"p-column-title\">{{ col.libelle }} : </div>\n @if (rowData[col.id].value != null) {\n <p-tag [value]=\"rowData[col.id].value[getOption(col, rowData, 'optionLabel')]\"\n [severity]=\"rowData[col.id].value.severity\"\n [icon]=\"rowData[col.id].value.icon\"\n [style]=\"{\n 'background-color': rowData[col.id].value.backgroundColor,\n 'color': rowData[col.id].value.textColor,\n 'font-weight': rowData.bold == true || rowData[col.id].bold == true ? 'bold' : null,\n 'font-style': rowData.italic == true || rowData[col.id].italic == true ? 'italic' : null\n }\">\n </p-tag>\n }\n </td>\n }\n }\n\n <!-- Deletion -->\n @if (options().rowsDeletable) {\n <td class=\"cellDelete\"\n [ngClass]=\"rowData.deletable ? 'paddingCell' : null\">\n @if (rowData.deletable) {\n <button pButton\n type=\"button\"\n icon=\"pi pi-times\"\n class=\"p-button-danger buttonDelete p-button-text\"\n [disabled]=\"rowData.readonly\"\n (click)=\"onDeleteLine(rowData)\">\n </button>\n }\n </td>\n }\n\n </tr>\n </ng-template>\n </p-table>\n</div>\n", styles: ["::ng-deep .p-tooltip .p-tooltip-text{overflow-wrap:break-word!important}:host ::ng-deep .p-toggleswitch.p-toggleswitch-checked.p-disabled .p-toggleswitch-slider{background:#abd9ba!important}:host ::ng-deep .grid_brown .rowHeader>th{background-color:#795548}:host ::ng-deep .grid_brown .rowHeader>th div{color:#fff}:host ::ng-deep .grid_brown .rowHeader>th i{color:#fff}:host ::ng-deep .grid_brown .rowHeader .p-sortable-column:hover{background-color:#a47767}:host ::ng-deep .grid_brown .rowHeader .p-sortable-column:hover i{color:#fff}:host ::ng-deep .grid_brown .rowHeader .p-sortable-column.p-highlight div{color:#76c7ff}:host ::ng-deep .grid_brown .rowHeader .p-sortable-column.p-highlight .p-sortable-column-icon{color:#76c7ff}:host ::ng-deep .grid_brown .rowFilter th{background-color:#795548}:host ::ng-deep .grid_grey .rowHeader>th{background-color:#dedddd}:host ::ng-deep .grid_grey .rowHeader>th div{color:#495057}:host ::ng-deep .grid_grey .rowHeader>th i{color:#495057}:host ::ng-deep .grid_grey .rowHeader .p-sortable-column:hover{background-color:#e7e7e7}:host ::ng-deep .grid_grey .rowHeader .p-sortable-column:hover i{color:#495057}:host ::ng-deep .grid_grey .rowHeader .p-sortable-column.p-highlight div{color:#008bff}:host ::ng-deep .grid_grey .rowHeader .p-sortable-column.p-highlight .p-sortable-column-icon{color:#008bff}:host ::ng-deep .grid_grey .rowFilter th{background-color:#dedddd}:host ::ng-deep .selectable_cell:hover{background:#dcdcdc!important;cursor:pointer!important}:host ::ng-deep .p-frozen-column{z-index:2!important}:host ::ng-deep .p-datatable-thead{z-index:3!important}:host ::ng-deep .p-checkbox{border-radius:inherit!important}:host ::ng-deep p-inputnumber{width:100%}:host ::ng-deep .p-calendar,:host ::ng-deep .p-inputtext,:host ::ng-deep .p-inputnumber,:host ::ng-deep .p-inputnumber-input,:host ::ng-deep .p-dropdown,:host ::ng-deep .p-multiselect{width:100%}:host ::ng-deep .suffixe,:host ::ng-deep .prefixe{height:25px;padding-top:1px!important}:host ::ng-deep .p-multiselect-label-container,:host ::ng-deep .p-dropdown-label{width:1px!important}:host ::ng-deep .p-scroller-content{min-height:50%}:host ::ng-deep .rowTotal>th{background-color:#edcbaa!important}:host ::ng-deep .rowGrouping{background:#faeada!important}:host ::ng-deep .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{background:#30e130}:host ::ng-deep .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider{background:#2bd12b}:host ::ng-deep .p-datatable-table{table-layout:fixed}:host ::ng-deep .p-datatable-thead>tr>th{border:1px solid rgba(0,0,0,.12)!important;padding:8px;font-weight:600;height:40px}:host ::ng-deep .headerAffichageSimple div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host ::ng-deep .headerAffichageEntier{word-wrap:break-word}:host ::ng-deep .p-datatable-tbody>tr>td{border:1px solid rgba(0,0,0,.12)!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host ::ng-deep .p-datatable-tbody>tr>td div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host ::ng-deep .p-tag{max-width:100%}:host ::ng-deep .p-tag .p-tag-value{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host ::ng-deep .p-button{padding:5px;max-width:100%}:host ::ng-deep .p-button .p-button-label{overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}:host ::ng-deep .text_bold{font-weight:700!important}:host ::ng-deep .cellDelete{flex:0 0 50px!important;width:50px;text-align:center!important;padding:0!important}:host ::ng-deep .p-tooltip .p-tooltip-text{background-color:red!important}:host ::ng-deep .p-skeleton{background-color:#dee2e6;border-radius:6px;padding:0}:host ::ng-deep .p-datatable-tbody>tr{height:35px}:host ::ng-deep .p-inputtext{height:25px!important;padding:4px 5px!important}:host ::ng-deep .p-inputnumber{height:25px;padding:0!important}:host ::ng-deep .p-inputnumber-input{padding:0 5px!important}:host ::ng-deep .p-inputgroup .p-inputtext{height:25px;padding:4px 5px!important}:host ::ng-deep .p-dropdown,:host ::ng-deep .p-multiselect{vertical-align:middle}:host ::ng-deep .p-dropdown-label{padding-top:2px;padding-bottom:2px}:host ::ng-deep .p-multiselect-label{padding-top:2px;padding-bottom:2px}:host ::ng-deep .p-editable-column{padding:3px 10px!important}:host ::ng-deep .paddingCell{padding:3px 10px!important}:host ::ng-deep .p-selectbutton>.p-button{width:50%;height:25px}:host ::ng-deep .p-inputgroup>.p-button{height:25px}:host ::ng-deep .buttonDelete{width:100%;height:20px}:host ::ng-deep .p-column-title{display:none}:host ::ng-deep .p-datatable-loading-icon{color:#fff}\n"] }]
1288
+ }], ctorParameters: () => [{ type: i1$1.ConfirmationService }, { type: i1$1.FilterService }, { type: i0.ChangeDetectorRef }, { type: ExportService }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: true }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: true }] }, { type: i0.Output, args: ["columnsChange"] }], values: [{ type: i0.Input, args: [{ isSignal: true, alias: "values", required: true }] }, { type: i0.Output, args: ["valuesChange"] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], onEdit: [{
1312
1289
  type: Output
1313
1290
  }], onEditInit: [{
1314
1291
  type: Output