cilog-lib 1.12.19 → 1.12.21

package/fesm2022/cilog-lib.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, signal, Injectable, inject, Pipe, EventEmitter, HostListener, ViewChild, Output, Input, input, model } from '@angular/core';
+import { Component, signal, Injectable, inject, Pipe, EventEmitter, HostListener, ViewChild, Output, Input, input, model, computed } from '@angular/core';
 import * as i1 from 'primeng/dialog';
 import { DialogModule } from 'primeng/dialog';
 import * as i3 from 'primeng/button';
@@ -475,6 +475,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                 args: ['keydown', ['$event']]
             }] } });
 
+class PastilleTableComponent {
+    cell = input(...(ngDevMode ? [undefined, { debugName: "cell" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PastilleTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: PastilleTableComponent, isStandalone: true, selector: "cilog-pastille-table", inputs: { cell: { classPropertyName: "cell", publicName: "cell", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if(cell().pastilleHautGauche != null){\r\n<span class=\"pastille pastilleHautGauche\">{{ cell().pastilleHautGauche }}</span>\r\n}\r\n@if(cell().pastilleHautDroite != null){\r\n<span class=\"pastille pastilleHautDroite\">{{ cell().pastilleHautDroite }}</span>\r\n}\r\n@if(cell().pastilleBasGauche != null){\r\n<span class=\"pastille pastilleBasGauche\">{{ cell().pastilleBasGauche }}</span>\r\n}\r\n@if(cell().pastilleBasDroite != null){\r\n<span class=\"pastille pastilleBasDroite\">{{ cell().pastilleBasDroite }}</span>\r\n}\r\n", styles: [":host ::ng-deep .pastille{position:absolute;z-index:1000!important;min-width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:9px;font-weight:700;padding:2px;line-height:1}:host ::ng-deep .pastilleHautGauche{top:2px;left:2px;background-color:#2196f3}:host ::ng-deep .pastilleHautDroite{top:2px;right:2px;background-color:#874094}:host ::ng-deep .pastilleBasGauche{bottom:2px;left:2px;background-color:#ba8c43}:host ::ng-deep .pastilleBasDroite{bottom:2px;right:2px;background-color:#40944b}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PastilleTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cilog-pastille-table', imports: [], template: "@if(cell().pastilleHautGauche != null){\r\n<span class=\"pastille pastilleHautGauche\">{{ cell().pastilleHautGauche }}</span>\r\n}\r\n@if(cell().pastilleHautDroite != null){\r\n<span class=\"pastille pastilleHautDroite\">{{ cell().pastilleHautDroite }}</span>\r\n}\r\n@if(cell().pastilleBasGauche != null){\r\n<span class=\"pastille pastilleBasGauche\">{{ cell().pastilleBasGauche }}</span>\r\n}\r\n@if(cell().pastilleBasDroite != null){\r\n<span class=\"pastille pastilleBasDroite\">{{ cell().pastilleBasDroite }}</span>\r\n}\r\n", styles: [":host ::ng-deep .pastille{position:absolute;z-index:1000!important;min-width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:9px;font-weight:700;padding:2px;line-height:1}:host ::ng-deep .pastilleHautGauche{top:2px;left:2px;background-color:#2196f3}:host ::ng-deep .pastilleHautDroite{top:2px;right:2px;background-color:#874094}:host ::ng-deep .pastilleBasGauche{bottom:2px;left:2px;background-color:#ba8c43}:host ::ng-deep .pastilleBasDroite{bottom:2px;right:2px;background-color:#40944b}\n"] }]
+        }], propDecorators: { cell: [{ type: i0.Input, args: [{ isSignal: true, alias: "cell", required: false }] }] } });
+
 class ExportService {
     constructor() { }
     exportExcel(values, columns, byFiltre, withColors) {
@@ -683,6 +693,32 @@ class CilogTableComponent {
     cm;
     inputNumber;
     lastProcessedDate = null;
+    optimizedColumns = computed(() => {
+        return this.columns().map(col => ({
+            ...col,
+            isText: col.type === 'Text',
+            isDropdown: col.type === 'Dropdown',
+            isCilogNumber: col.type === 'CilogNumber',
+            isDate: col.type === 'Date',
+            isFile: col.type === 'File',
+            isButton: col.type === 'Button',
+            isMultiSelect: col.type === 'MultiSelect',
+            isImage: col.type === 'Image',
+            isSwitch: col.type === 'Switch',
+            isState: col.type === 'State',
+            isSelectButton: col.type === 'SelectButton',
+            isNumber: col.type === 'Number'
+        }));
+    }, ...(ngDevMode ? [{ debugName: "optimizedColumns" }] : /* istanbul ignore next */ []));
+    getOption = computed(() => {
+        const cols = this.columns();
+        return (col, row, option) => {
+            return row?.[col?.id]?.options?.[option] ?? col?.options?.[option] ?? null;
+        };
+    }, ...(ngDevMode ? [{ debugName: "getOption" }] : /* istanbul ignore next */ []));
+    isModeEdition = computed(() => {
+        return this.options().editable;
+    }, ...(ngDevMode ? [{ debugName: "isModeEdition" }] : /* istanbul ignore next */ []));
     constructor(confirmationService, filterService, cdRef, exportService) {
         this.confirmationService = confirmationService;
         this.filterService = filterService;
@@ -858,25 +894,25 @@ class CilogTableComponent {
                 else if (typeCol == ColType.Text || typeCol == ColType.File)
                     result = value1.localeCompare(value2);
                 else if (typeCol == ColType.MultiSelect) {
-                    if (value1[this.getOption(col, data1, 'optionLabel')] == null) {
+                    if (value1[this.getOption()(col, data1, 'optionLabel')] == null) {
                         result = -1;
                     }
-                    else if (value2[this.getOption(col, data2, 'optionLabel')] == null) {
+                    else if (value2[this.getOption()(col, data2, 'optionLabel')] == null) {
                         result = 1;
                     }
                     else {
-                        result = this.getMultiSelectConcat(value1, this.getOption(col, data1, 'optionLabel')).localeCompare(this.getMultiSelectConcat(value2, this.getOption(col, data2, 'optionLabel')));
+                        result = this.getMultiSelectConcat(value1, this.getOption()(col, data1, 'optionLabel')).localeCompare(this.getMultiSelectConcat(value2, this.getOption()(col, data2, 'optionLabel')));
                     }
                 }
                 else if (typeCol == ColType.Dropdown || typeCol == ColType.SelectButton || typeCol == ColType.State) {
-                    if (value1[this.getOption(col, data1, 'optionLabel')] == null) {
+                    if (value1[this.getOption()(col, data1, 'optionLabel')] == null) {
                         result = -1;
                     }
-                    else if (value2[this.getOption(col, data2, 'optionLabel')] == null) {
+                    else if (value2[this.getOption()(col, data2, 'optionLabel')] == null) {
                         result = 1;
                     }
                     else {
-                        result = value1[this.getOption(col, data1, 'optionLabel')].localeCompare(value2[this.getOption(col, data2, 'optionLabel')]);
+                        result = value1[this.getOption()(col, data1, 'optionLabel')].localeCompare(value2[this.getOption()(col, data2, 'optionLabel')]);
                     }
                 }
                 else if (typeCol == ColType.Number || typeCol == ColType.CilogNumber || typeCol == ColType.Date) {
@@ -898,8 +934,8 @@ class CilogTableComponent {
     }
     onEditCell(row, column, value) {
         event.stopPropagation();
-        if (this.getOption(column, row, 'action') != null) {
-            this.getOption(column, row, 'action')();
+        if (this.getOption()(column, row, 'action') != null) {
+            this.getOption()(column, row, 'action')();
         }
         else {
             this.onEdit.emit({ row: row, column: column, value: value });
@@ -963,19 +999,6 @@ class CilogTableComponent {
     onRowDoubleClickEvent(row) {
         this.onRowDoubleClick.emit({ row: row });
     }
-    getOption(col, row, option) {
-        if (row != null && row[col.id].options != null) {
-            if (row[col.id].options[option] != null) {
-                return row[col.id].options[option];
-            }
-        }
-        if (col != null && col.options != null) {
-            if (col.options[option] != null) {
-                return col.options[option];
-            }
-        }
-        return null;
-    }
     getMultiSelectConcat(value, label) {
         if (value != null) {
             return value.map(val => { return val[label]; }).join(', ');
@@ -1148,7 +1171,7 @@ class CilogTableComponent {
     getFormattedText(col, rowData) {
         let value = rowData[col.id].value;
         if (value != null) {
-            let indentation = this.getOption(col, rowData, 'indentation');
+            let indentation = this.getOption()(col, rowData, 'indentation');
             if (indentation != null) {
                 return '       '.repeat(indentation) + value;
             }
@@ -1167,8 +1190,8 @@ class CilogTableComponent {
         else {
             let finalValue = [];
             // Préfixe
-            if (this.getOption(col, rowData, 'prefix') != null) {
-                finalValue.push(this.getOption(col, rowData, 'prefix'));
+            if (this.getOption()(col, rowData, 'prefix') != null) {
+                finalValue.push(this.getOption()(col, rowData, 'prefix'));
             }
             // Valeur
             if (total) {
@@ -1188,18 +1211,18 @@ class CilogTableComponent {
             else {
                 let minDecimales;
                 let maxDecimales;
-                if (this.getOption(col, rowData, 'maxDecimales') != null) {
-                    maxDecimales = this.getOption(col, rowData, 'maxDecimales');
+                if (this.getOption()(col, rowData, 'maxDecimales') != null) {
+                    maxDecimales = this.getOption()(col, rowData, 'maxDecimales');
                 }
-                if (this.getOption(col, rowData, 'minDecimales') != null) {
-                    minDecimales = this.getOption(col, rowData, 'minDecimales');
+                if (this.getOption()(col, rowData, 'minDecimales') != null) {
+                    minDecimales = this.getOption()(col, rowData, 'minDecimales');
                 }
                 //finalValue.push(value.toLocaleString('fr-FR'))
                 finalValue.push(value.toLocaleString('fr-FR', { maximumFractionDigits: maxDecimales, minimumFractionDigits: minDecimales }));
             }
             // Suffixe
-            if (this.getOption(col, rowData, 'suffix') != null) {
-                finalValue.push(this.getOption(col, rowData, 'suffix'));
+            if (this.getOption()(col, rowData, 'suffix') != null) {
+                finalValue.push(this.getOption()(col, rowData, 'suffix'));
             }
             return finalValue.join(' ');
         }
@@ -1229,9 +1252,6 @@ class CilogTableComponent {
     isValueButtonByType(value, type) {
         return value != null && typeof value == type;
     }
-    isModeEdition() {
-        return this.options().editable;
-    }
     getModeSelection() {
         if (this.options().selectable != true) {
             return null;
@@ -1263,7 +1283,7 @@ class CilogTableComponent {
         this.contextMenuSelectedRow = this.contextMenuSelectedItem;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CilogTableComponent, deps: [{ token: i1$1.ConfirmationService }, { token: i1$1.FilterService }, { token: i0.ChangeDetectorRef }, { token: ExportService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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\"\r\n     [ngStyle]=\"{ 'height': options().scrollHeight != null ? options().scrollHeight : '100%' }\">\r\n\r\n    @if (options().exportExcel) {\r\n    <button pButton\r\n            icon=\"pi pi-file-excel\"\r\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\"\r\n            pTooltip=\"Exporter le contenu de la grille au format Excel\"\r\n            tooltipPosition=\"right\"\r\n            (click)=\"exportExcel(options().exportExcelByFiltre, !options().exportExcelNoColors)\">\r\n    </button>\r\n    }\r\n\r\n    <p-contextmenu #cm [model]=\"options().contextMenuItems\" appendTo=\"body\" />\r\n\r\n    <p-table #table\r\n             [columns]=\"columns()\"\r\n             [value]=\"values()\"\r\n             dataKey=\"id\"\r\n             filterBy=\"id\"\r\n             [selectionMode]=\"getModeSelection()\"\r\n             [metaKeySelection]=\"isModeMetakeySelection()\"\r\n             [(selection)]=\"selectedRows\"\r\n             (onRowSelect)=\"onSelectRow($event)\"\r\n             (onRowUnselect)=\"onUnselectRow($event)\"\r\n             (onHeaderCheckboxToggle)=\"onSelectAll($event)\"\r\n             (sortFunction)=\"sortGrille($event)\"\r\n             [customSort]=\"options().grouping == null ? true : false\"\r\n             [scrollable]=\"true\"\r\n             [loading]=\"loading()\"\r\n             [scrollHeight]=\"'flex'\"\r\n             [rowGroupMode]=\"options().grouping != null ? 'subheader' : null\"\r\n             [groupRowsBy]=\"options().grouping != null ? options().grouping.obj + '.' + options().grouping.id : null\"\r\n             [groupRowsByOrder]=\"0\"\r\n             [virtualScroll]=\"options().virtualScroll == true && options().scrollHeight != null ? true : false\"\r\n             [virtualScrollItemSize]=\"options().virtualScrollItemSize != null ? options().virtualScrollItemSize : 35\"\r\n             [paginator]=\"options().paginator == null ? false : true\"\r\n             [rows]=\"options().paginatorRows\"\r\n             (onPage)=\"onPageTable($event)\"\r\n             [tableStyleClass]=\"!options().themeGrille ? 'grid_grey' : options().themeGrille\"\r\n             [lazy]=\"options().lazy == true ? true : false\"\r\n             (onFilter)=\"onFilterTable($event)\"\r\n             [rowTrackBy]=\"trackByFunction\"\r\n             (onContextMenuSelect)=\"onContextMenuSelect()\"\r\n             [(contextMenuSelection)]=\"contextMenuSelectedItem\"\r\n             [contextMenu]=\"cm\"\r\n             [resizableColumns]=\"options().resizableColumns\"\r\n             columnResizeMode=\"expand\">\r\n\r\n        <!-- HEADER -->\r\n        <ng-template pTemplate=\"header\" let-columns>\r\n\r\n            <!-- HEADERS -->\r\n            <tr class=\"rowHeader\">\r\n                @if (isModeCheckboxSelection()) {\r\n                <th class=\"cellDelete\"\r\n                    pFrozenColumn>\r\n                    @if (!options().filterable && options().toggleAll) {\r\n                    <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\r\n                    }\r\n                </th>\r\n                }\r\n                @for (col of columns; track col) {\r\n                @if (!col.invisible) {\r\n                <th [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': col.backgroundColor ? col.backgroundColor : null }\"\r\n                    [ngClass]=\"{ '!text-center' : options().centerHeaders, 'headerAffichageSimple': !options().headersAffichageEntier, 'headerAffichageEntier': options().headersAffichageEntier }\"\r\n                    [pSortableColumn]=\"col.id\"\r\n                    [pSortableColumnDisabled]=\"!options().sortable || options().grouping != null || col.libelle == null || col.libelle == ''\"\r\n                    id=\"{{ col.id }}\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\"\r\n                    [pTooltip]=\"col.libelle\"\r\n                    [tooltipDisabled]=\"!col.tooltipHeader\"\r\n                    tooltipPosition=\"bottom\"\r\n                    pResizableColumn\r\n                    [pResizableColumnDisabled]=\"!options().resizableColumns\">\r\n                    <div [ngStyle]=\"{ 'color': col.textColor ? col.textColor : null }\">\r\n                        {{ col.libelle }}\r\n                    </div>\r\n                    @if (options().sortable && options().grouping == null && col.libelle != null && col.libelle != '') {\r\n                    <p-sortIcon [field]=\"col.id\">\r\n                    </p-sortIcon>\r\n                    }\r\n                </th>\r\n                }\r\n                }\r\n                @if (options().rowsDeletable) {\r\n                <th class=\"cellDelete\"></th>\r\n                }\r\n            </tr>\r\n\r\n            <!-- FILTRES -->\r\n            @if (options().filterable) {\r\n            <tr class=\"rowFilter\">\r\n                @if (isModeCheckboxSelection()) {\r\n                <th class=\"cellDelete\"\r\n                    pFrozenColumn>\r\n                    @if (options().toggleAll) {\r\n                    <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\r\n                    }\r\n                </th>\r\n                }\r\n                @for (col of columns; track col) {\r\n                <!-- Text -->\r\n                @if (!col.invisible && ((checkType('Dropdown', col) && col.options.filterText)\r\n                || (checkType('MultiSelect', col) && col.options.filterText)\r\n                || checkType('Text', col)\r\n                || checkType('File', col)\r\n                || (checkType('Button', col) && col.options.filterCol))\r\n                || checkType('Number', col)\r\n                || checkType('CilogNumber', col)) {\r\n                <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    @if (!col.disableFilter) {\r\n                    <input pInputText\r\n                           type=\"text\"\r\n                           (input)=\"onFilterCol($event, col)\"\r\n                           name=\"filterText\"\r\n                           [(ngModel)]=\"col.options.defaultFilters\">\r\n                    }\r\n                </th>\r\n                }\r\n                <!-- Date -->\r\n                @if (!col.invisible && checkType('Date', col)) {\r\n                <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    @if (!col.disableFilter) {\r\n                    <p-datepicker [view]=\"col.options.mode == null ? 'date' : col.options.mode\"\r\n                                  [dateFormat]=\"col.options.mode == 'year' ? 'yy' : col.options.mode == 'month' ? 'mm/yy' : 'dd/mm/yy'\"\r\n                                  [inputId]=\"col.id + '_filter'\"\r\n                                  [firstDayOfWeek]=\"1\"\r\n                                  [readonlyInput]=\"true\"\r\n                                  appendTo=\"body\"\r\n                                  selectionMode=\"range\"\r\n                                  (onSelect)=\"onFilterCol($event, col)\"\r\n                                  showButtonBar=\"true\"\r\n                                  (onClearClick)=\"onFilterCol($event, col)\"\r\n                                  name=\"filterDate\"\r\n                                  [(ngModel)]=\"col.options.defaultFilters\">\r\n                    </p-datepicker>\r\n                    }\r\n                </th>\r\n                }\r\n                <!-- Liste -->\r\n                @if (!col.invisible && ((checkType('Dropdown', col) && !col.options.filterText) || (checkType('MultiSelect', col) && !col.options.filterText) || checkType('SelectButton', col) || checkType('State', col))) {\r\n                <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    @if (!col.disableFilter) {\r\n                    <p-multiSelect [options]=\"col.options?.options\"\r\n                                   [filter]=\"true\"\r\n                                   dataKey=\"ID\"\r\n                                   [optionLabel]=\"col.options?.optionLabel\"\r\n                                   appendTo=\"body\"\r\n                                   emptyFilterMessage=\"Aucun r\u00E9sultat\"\r\n                                   emptyMessage=\"Aucun r\u00E9sultat\"\r\n                                   [virtualScroll]=\"true\"\r\n                                   [virtualScrollItemSize]=\"35\"\r\n                                   selectedItemsLabel=\"{0} selectionn\u00E9s\"\r\n                                   (onChange)=\"onFilterCol($event, col)\"\r\n                                   name=\"filterChoix\"\r\n                                   [(ngModel)]=\"col.options.defaultFilters\"\r\n                                   [group]=\"col.options.optionGroupChildren != null ? true : false\"\r\n                                   [optionGroupLabel]=\"col.options.optionGroupLabel\"\r\n                                   [optionGroupChildren]=\"col.options.optionGroupChildren\"\r\n                                   [showToggleAll]=\"false\"\r\n                                   [showClear]=\"true\"\r\n                                   (onClear)=\"onFilterCol(null, col)\">\r\n                        <ng-template let-group pTemplate=\"group\">\r\n                            <div>{{group[col.options.optionGroupLabel]}}</div>\r\n                        </ng-template>\r\n                    </p-multiSelect>\r\n                    }\r\n                </th>\r\n                }\r\n                <!-- Switch -->\r\n                @if (!col.invisible && checkType('Switch', col)) {\r\n                <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    @if (!col.disableFilter) {\r\n                    <p-multiSelect [options]=\"optionsSwitch\"\r\n                                   [showHeader]=\"false\"\r\n                                   optionLabel=\"label\"\r\n                                   optionValue=\"value\"\r\n                                   appendTo=\"body\"\r\n                                   emptyFilterMessage=\"Aucun r\u00E9sultat\"\r\n                                   emptyMessage=\"Aucun r\u00E9sultat\"\r\n                                   [virtualScrollItemSize]=\"30\"\r\n                                   selectedItemsLabel=\"{0} selectionn\u00E9s\"\r\n                                   (onChange)=\"onFilterCol($event, col)\"\r\n                                   name=\"filterChoix2\"\r\n                                   [(ngModel)]=\"col.options.defaultFilters\">\r\n                    </p-multiSelect>\r\n                    }\r\n                </th>\r\n                }\r\n                <!-- Non filtrable -->\r\n                @if (!col.invisible && (checkType('Image', col) || (checkType('Button', col) && !col.options.filterCol))) {\r\n                <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                </th>\r\n                }\r\n                }\r\n                @if (options().rowsDeletable) {\r\n                <th class=\"cellDelete\"></th>\r\n                }\r\n            </tr>\r\n            }\r\n\r\n            <!-- TOTAL -->\r\n            @if (options().rowTotal) {\r\n            <tr class=\"rowTotal\">\r\n                @if (isModeCheckboxSelection()) {\r\n                <th class=\"cellDelete\"\r\n                    pFrozenColumn>\r\n                </th>\r\n                }\r\n                @for (col of columns; track col) {\r\n                @if (!col.invisible) {\r\n                <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    [ngClass]=\"{ '!text-center' : true }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div>{{ getTotalStr(col) }}</div>\r\n                </th>\r\n                }\r\n                }\r\n                @if (options().rowsDeletable) {\r\n                <th class=\"cellDelete\"></th>\r\n                }\r\n            </tr>\r\n            }\r\n        </ng-template>\r\n\r\n        <!--Groupheader-->\r\n        <ng-template pTemplate=\"groupheader\" let-rowData>\r\n            <tr pRowGroupHeader class=\"rowGrouping\">\r\n                <td [attr.colspan]=\"columns().length\">\r\n                    <div class=\"text_bold\">{{ rowData[options().grouping.obj][options().grouping.libelle] }}</div>\r\n                </td>\r\n            </tr>\r\n        </ng-template>\r\n\r\n        <!-- Body -->\r\n        <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\r\n            <tr id=\"{{ rowData.id }}\"\r\n                [ngStyle]=\"{ 'background-color': rowData.color ? rowData.color : null }\"\r\n                [pSelectableRow]=\"rowData\"\r\n                [pSelectableRowDisabled]=\"!options().selectable || isModeCheckboxSelection() || isModeCellSelection()\"\r\n                (dblclick)=\"onRowDoubleClickEvent(rowData)\"\r\n                [pContextMenuRow]=\"rowData\">\r\n\r\n                @if (isModeCheckboxSelection()) {\r\n                <td class=\"cellDelete\"\r\n                    pFrozenColumn>\r\n                    <p-tableCheckbox [value]=\"rowData\" [disabled]=\"rowData.readonly\"></p-tableCheckbox>\r\n                </td>\r\n                }\r\n\r\n                @for (col of columns; track col) {\r\n                <!-- Text -->\r\n                @if (!col.invisible && checkType('Text', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pEditableColumn]=\"rowData\"\r\n                    [pEditableColumnField]=\"col.id\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    pFrozenColumn\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    [frozen]=\"col.frozen\"\r\n                    [ngClass]=\"{\r\n                             '!text-left': col.position == 'left' || col.position == null,\r\n                             '!text-right': col.position == 'right',\r\n                             '!text-center': col.position == 'center',\r\n                             '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                             '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                             'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    @if(rowData[col.id].pastilleHautGauche != null){\r\n                    <span class=\"pastille pastilleHautGauche\">{{ rowData[col.id].pastilleHautGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleHautDroite != null){\r\n                    <span class=\"pastille pastilleHautDroite\">{{ rowData[col.id].pastilleHautDroite }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasGauche != null){\r\n                    <span class=\"pastille pastilleBasGauche\">{{ rowData[col.id].pastilleBasGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasDroite != null){\r\n                    <span class=\"pastille pastilleBasDroite\">{{ rowData[col.id].pastilleBasDroite }}</span>\r\n                    }\r\n\r\n                    <p-cellEditor>\r\n                        <ng-template pTemplate=\"input\">\r\n                            <input pInputText\r\n                                   type=\"text\"\r\n                                   [maxlength]=\"getOption(col, rowData, 'maxLength')\"\r\n                                   [(ngModel)]=\"rowData[col.id].value\"\r\n                                   (keypress)=\"getOption(col, rowData, 'sansEspaces') && $event.keyCode === 32 ? $event.preventDefault() : null\"\r\n                                   name=\"text\"\r\n                                   (blur)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                   (keydown.enter)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                   (keydown.tab)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                   (click)=\"onEditInitCell($event, rowData, col, rowData[col.id].value)\"\r\n                                   [ngClass]=\"{\r\n                                            '!text-left': col.position == 'left' || col.position == null,\r\n                                            '!text-right': col.position == 'right',\r\n                                            '!text-center': col.position == 'center',\r\n                                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true\r\n                                       }\" />\r\n                        </ng-template>\r\n                        <ng-template pTemplate=\"output\">\r\n                            @if (rowData[col.id]) {\r\n                            <div style=\"white-space: pre;\">\r\n                                {{ getFormattedText(col, rowData) }}\r\n                            </div>\r\n                            }\r\n                        </ng-template>\r\n                    </p-cellEditor>\r\n                </td>\r\n                }\r\n                @if (!col.invisible && checkType('Text', col) && (!isModeEdition() || rowData.readonly || rowData[col.id]?.readonly)) {\r\n                <td [ngStyle]=\"{\r\n                            'width' : col.width ? col.width : null,\r\n                            'background-color' : rowData[col.id].color ? rowData[col.id].color : null,\r\n                            'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            '!text-left': col.position == 'left' || col.position == null,\r\n                            '!text-right': col.position == 'right',\r\n                            '!text-center': col.position == 'center',\r\n                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">\r\n                        {{ col.libelle }} :\r\n                    </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    @if(rowData[col.id].pastilleHautGauche != null){\r\n                    <span class=\"pastille pastilleHautGauche\">{{ rowData[col.id].pastilleHautGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleHautDroite != null){\r\n                    <span class=\"pastille pastilleHautDroite\">{{ rowData[col.id].pastilleHautDroite }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasGauche != null){\r\n                    <span class=\"pastille pastilleBasGauche\">{{ rowData[col.id].pastilleBasGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasDroite != null){\r\n                    <span class=\"pastille pastilleBasDroite\">{{ rowData[col.id].pastilleBasDroite }}</span>\r\n                    }\r\n\r\n                    @if (rowData[col.id]) {\r\n                    <div style=\"white-space: pre;\">\r\n                        {{ getFormattedText(col, rowData) }}\r\n                    </div>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- Dropdown -->\r\n                @if (!col.invisible && checkType('Dropdown', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    [ngClass]=\"{\r\n                            '!text-left': col.position == 'left' || col.position == null,\r\n                            '!text-right': col.position == 'right',\r\n                            '!text-center': col.position == 'center',\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value != null ? rowData[col.id].value[getOption(col, rowData, 'optionLabel')] : ''\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pEditableColumn]=\"rowData\"\r\n                    [pEditableColumnField]=\"col.id\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\"\r\n                    class=\"paddingCell\">\r\n\r\n                    <!-- PASTILLES -->\r\n                    @if(rowData[col.id].pastilleHautGauche != null){\r\n                    <span class=\"pastille pastilleHautGauche\">{{ rowData[col.id].pastilleHautGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleHautDroite != null){\r\n                    <span class=\"pastille pastilleHautDroite\">{{ rowData[col.id].pastilleHautDroite }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasGauche != null){\r\n                    <span class=\"pastille pastilleBasGauche\">{{ rowData[col.id].pastilleBasGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasDroite != null){\r\n                    <span class=\"pastille pastilleBasDroite\">{{ rowData[col.id].pastilleBasDroite }}</span>\r\n                    }\r\n\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                    @if (rowData[col.id] != null) {\r\n                    <p-cellEditor>\r\n                        <ng-template pTemplate=\"input\">\r\n                            <p-select dataKey=\"ID\"\r\n                                      [options]=\"getOption(col, rowData, 'options')\"\r\n                                      [filter]=\"getOption(col, rowData, 'filter')\"\r\n                                      [optionLabel]=\"getOption(col, rowData, 'optionLabel')\"\r\n                                      [(ngModel)]=\"rowData[col.id].value\"\r\n                                      name=\"select\"\r\n                                      appendTo=\"body\"\r\n                                      [showClear]=\"getOption(col, rowData, 'deletable')\"\r\n                                      emptyFilterMessage=\"Aucun r\u00E9sultat\"\r\n                                      emptyMessage=\"Aucun r\u00E9sultat\"\r\n                                      [virtualScroll]=\"getOption(col, rowData, 'virtualScroll')\"\r\n                                      [readonly]=\"rowData.readonly || rowData[col.id]?.readonly\"\r\n                                      [virtualScrollItemSize]=\"30\"\r\n                                      (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                      (onClear)=\"onEditCell(rowData, col, rowData[col.id].value)\">\r\n                                <ng-template let-data pTemplate=\"selectedItem\">\r\n                                    @if (data != null) {\r\n                                    <span [ngClass]=\"{\r\n                    '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                    '!font-italic': rowData.italic == true || rowData[col.id].italic == true\r\n                }\">\r\n                                        {{ data[getOption(col, rowData, 'optionLabel')] }}\r\n                                    </span>\r\n                                    }\r\n                                    @if (data == null) {\r\n                                    <span></span>\r\n                                    }\r\n                                </ng-template>\r\n                            </p-select>\r\n                        </ng-template>\r\n                        <ng-template pTemplate=\"output\">\r\n                            @if (rowData[col.id]) {\r\n                            <div style=\"white-space: pre;\">\r\n                                {{ rowData[col.id].value != null ? rowData[col.id].value[getOption(col, rowData, 'optionLabel')] : '' }}\r\n                            </div>\r\n                            }\r\n                        </ng-template>\r\n                    </p-cellEditor>\r\n\r\n                    }\r\n                </td>\r\n                }\r\n                @if (!col.invisible && checkType('Dropdown', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\r\n                <td [ngStyle]=\"{\r\n                            'width' : col.width ? col.width : null,\r\n                            'background-color': rowData[col.id].color ? rowData[col.id].color : null,\r\n                            'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value != null ? rowData[col.id].value[getOption(col, rowData, 'optionLabel')] : ''\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            '!text-left': col.position == 'left' || col.position == null,\r\n                            '!text-right': col.position == 'right',\r\n                            '!text-center': col.position == 'center',\r\n                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    @if(rowData[col.id].pastilleHautGauche != null){\r\n                    <span class=\"pastille pastilleHautGauche\">{{ rowData[col.id].pastilleHautGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleHautDroite != null){\r\n                    <span class=\"pastille pastilleHautDroite\">{{ rowData[col.id].pastilleHautDroite }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasGauche != null){\r\n                    <span class=\"pastille pastilleBasGauche\">{{ rowData[col.id].pastilleBasGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasDroite != null){\r\n                    <span class=\"pastille pastilleBasDroite\">{{ rowData[col.id].pastilleBasDroite }}</span>\r\n                    }\r\n\r\n                    @if (rowData[col.id]) {\r\n                    <div>{{ rowData[col.id].value != null ? rowData[col.id].value[getOption(col, rowData, 'optionLabel')] : '' }}</div>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- Cilog Number -->\r\n                @if (!col.invisible && checkType('CilogNumber', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | value\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pEditableColumn]=\"rowData\"\r\n                    [pEditableColumnField]=\"col.id\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    @if(rowData[col.id].pastilleHautGauche != null){\r\n                    <span class=\"pastille pastilleHautGauche\">{{ rowData[col.id].pastilleHautGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleHautDroite != null){\r\n                    <span class=\"pastille pastilleHautDroite\">{{ rowData[col.id].pastilleHautDroite }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasGauche != null){\r\n                    <span class=\"pastille pastilleBasGauche\">{{ rowData[col.id].pastilleBasGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasDroite != null){\r\n                    <span class=\"pastille pastilleBasDroite\">{{ rowData[col.id].pastilleBasDroite }}</span>\r\n                    }\r\n\r\n                    @if (rowData[col.id] && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                    <p-cellEditor>\r\n                        <ng-template pTemplate=\"input\">\r\n                            <cilog-input-number (onInput)=\"onInputNumber($event)\"\r\n                                                [(ngModel)]=\"rowData[col.id].value\"\r\n                                                name=\"cilog-number\"\r\n                                                ngDefaultControl\r\n                                                [inputStyleClass]=\"col.position == null || col.position == 'right' ? '!text-right' : col.position == 'left' ? '!text-left' : '!text-center'\"\r\n                                                [textColor]=\"rowData[col.id].textColor\"\r\n                                                [bold]=\"rowData.bold == true || rowData[col.id].bold == true\"\r\n                                                [italic]=\"rowData.italic == true || rowData[col.id].italic == true\"\r\n                                                [suffixe]=\"getOption(col, rowData, 'suffix')\"\r\n                                                [prefixe]=\"getOption(col, rowData, 'prefix') != null ? getOption(col, rowData, 'prefix') + ' ' : null\"\r\n                                                [min]=\"getOption(col, rowData, 'min')\"\r\n                                                [max]=\"getOption(col, rowData, 'max')\"\r\n                                                [disabled]=\"rowData.readonly || rowData[col.id]?.readonly\"\r\n                                                [maxDecimals]=\"getOption(col, rowData, 'modeInteger') != null && getOption(col, rowData, 'modeInteger') == true ? 0 : getOption(col, rowData, 'maxDecimales') != null ? getOption(col, rowData, 'maxDecimales') : 2 \"\r\n                                                (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                                (onFocus)=\"onEditInitCell($event, rowData, col, rowData[col.id].value)\">\r\n                            </cilog-input-number>\r\n                        </ng-template>\r\n                        <ng-template pTemplate=\"output\">\r\n                            @if (rowData[col.id]) {\r\n                            <div style=\"white-space: pre;\">\r\n                                {{ getFormattedNumber(col, rowData, rowData[col.id].value) }}\r\n                            </div>\r\n                            }\r\n                        </ng-template>\r\n                    </p-cellEditor>\r\n                    }\r\n                </td>\r\n                }\r\n                @if (!col.invisible && checkType('CilogNumber', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\r\n                <td [ngStyle]=\"{\r\n                            'width' : col.width ? col.width : null,\r\n                            'background-color': rowData[col.id].color ? rowData[col.id].color : null,\r\n                            'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | value\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            '!text-left': col.position == 'left' || col.position == null,\r\n                            '!text-right': col.position == 'right',\r\n                            '!text-center': col.position == 'center',\r\n                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    @if(rowData[col.id].pastilleHautGauche != null){\r\n                    <span class=\"pastille pastilleHautGauche\">{{ rowData[col.id].pastilleHautGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleHautDroite != null){\r\n                    <span class=\"pastille pastilleHautDroite\">{{ rowData[col.id].pastilleHautDroite }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasGauche != null){\r\n                    <span class=\"pastille pastilleBasGauche\">{{ rowData[col.id].pastilleBasGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasDroite != null){\r\n                    <span class=\"pastille pastilleBasDroite\">{{ rowData[col.id].pastilleBasDroite }}</span>\r\n                    }\r\n\r\n                    @if (rowData[col.id]) {\r\n                    <div>{{ getFormattedNumber(col, rowData, rowData[col.id].value) }}</div>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- Number -->\r\n                @if (!col.invisible && checkType('Number', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | value\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    [pEditableColumn]=\"rowData\"\r\n                    [pEditableColumnField]=\"col.id\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            '!text-left': col.position == 'left',\r\n                            '!text-right': col.position == 'right' || col.position == null,\r\n                            '!text-center': col.position == 'center',\r\n                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    @if(rowData[col.id].pastilleHautGauche != null){\r\n                    <span class=\"pastille pastilleHautGauche\">{{ rowData[col.id].pastilleHautGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleHautDroite != null){\r\n                    <span class=\"pastille pastilleHautDroite\">{{ rowData[col.id].pastilleHautDroite }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasGauche != null){\r\n                    <span class=\"pastille pastilleBasGauche\">{{ rowData[col.id].pastilleBasGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasDroite != null){\r\n                    <span class=\"pastille pastilleBasDroite\">{{ rowData[col.id].pastilleBasDroite }}</span>\r\n                    }\r\n\r\n                    @if (rowData[col.id] && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                    <p-cellEditor>\r\n                        <ng-template pTemplate=\"input\">\r\n                            <p-inputNumber #inputNumber\r\n                                           locale=\"fr-FR\"\r\n                                           (onInput)=\"onInputNumber($event)\"\r\n                                           [(ngModel)]=\"rowData[col.id].value\"\r\n                                           name=\"input-number\"\r\n                                           [showButtons]=\"getOption(col, rowData, 'showButtons')\"\r\n                                           [inputStyleClass]=\"col.position == null || col.position == 'right' ? '!text-right' : col.position == 'left' ? '!text-left' : '!text-center'\"\r\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 }\"\r\n                                           [suffix]=\"getOption(col, rowData, 'suffix')\"\r\n                                           [prefix]=\"getOption(col, rowData, 'prefix') != null ? getOption(col, rowData, 'prefix') + ' ' : null\"\r\n                                           [min]=\"getOption(col, rowData, 'min')\"\r\n                                           [max]=\"getOption(col, rowData, 'max')\"\r\n                                           [minFractionDigits]=\"getOption(col, rowData, 'modeInteger') != null && getOption(col, rowData, 'modeInteger') == true ? 0 : getOption(col, rowData, 'minDecimales') != null ? getOption(col, rowData, 'minDecimales') : 0\"\r\n                                           [maxFractionDigits]=\"getOption(col, rowData, 'modeInteger') != null && getOption(col, rowData, 'modeInteger') == true ? 0 : getOption(col, rowData, 'maxDecimales') != null ? getOption(col, rowData, 'maxDecimales') : 2 \"\r\n                                           (onBlur)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                           (onKeyDown)=\"onKeyDown($event, rowData, col, rowData[col.id].value)\"\r\n                                           (onFocus)=\"onEditInitCell($event, rowData, col, rowData[col.id].value)\"\r\n                                           [step]=\"0\">\r\n                            </p-inputNumber>\r\n                        </ng-template>\r\n                        <ng-template pTemplate=\"output\">\r\n                            @if (rowData[col.id]) {\r\n                            <div style=\"white-space: pre;\">\r\n                                {{ getFormattedNumber(col, rowData, rowData[col.id].value) }}\r\n                            </div>\r\n                            }\r\n                        </ng-template>\r\n                    </p-cellEditor>\r\n                    }\r\n                </td>\r\n                }\r\n                @if (!col.invisible && checkType('Number', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\r\n                <td [ngStyle]=\"{\r\n                            'width' : col.width ? col.width : null,\r\n                            'background-color': rowData[col.id].color ? rowData[col.id].color : null,\r\n                            'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\r\n                        }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | value\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            '!text-left': col.position == 'left',\r\n                            '!text-right': col.position == 'right' || col.position == null,\r\n                            '!text-center': col.position == 'center',\r\n                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    @if(rowData[col.id].pastilleHautGauche != null){\r\n                    <span class=\"pastille pastilleHautGauche\">{{ rowData[col.id].pastilleHautGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleHautDroite != null){\r\n                    <span class=\"pastille pastilleHautDroite\">{{ rowData[col.id].pastilleHautDroite }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasGauche != null){\r\n                    <span class=\"pastille pastilleBasGauche\">{{ rowData[col.id].pastilleBasGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasDroite != null){\r\n                    <span class=\"pastille pastilleBasDroite\">{{ rowData[col.id].pastilleBasDroite }}</span>\r\n                    }\r\n\r\n                    @if (rowData[col.id]) {\r\n                    <div>{{ getFormattedNumber(col, rowData, rowData[col.id].value) }}</div>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- Date -->\r\n                @if (!col.invisible && checkType('Date', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\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')\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pEditableColumn]=\"rowData\"\r\n                    [pEditableColumnField]=\"col.id\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    @if(rowData[col.id].pastilleHautGauche != null){\r\n                    <span class=\"pastille pastilleHautGauche\">{{ rowData[col.id].pastilleHautGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleHautDroite != null){\r\n                    <span class=\"pastille pastilleHautDroite\">{{ rowData[col.id].pastilleHautDroite }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasGauche != null){\r\n                    <span class=\"pastille pastilleBasGauche\">{{ rowData[col.id].pastilleBasGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasDroite != null){\r\n                    <span class=\"pastille pastilleBasDroite\">{{ rowData[col.id].pastilleBasDroite }}</span>\r\n                    }\r\n\r\n                    <p-cellEditor>\r\n                        <ng-template pTemplate=\"input\">\r\n                            <p-datepicker [(ngModel)]=\"rowData[col.id].value\"\r\n                                          name=\"date-picker\"\r\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')\"\r\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'\"\r\n                                          [showTime]=\"getOption(col, rowData, 'mode') == 'datehour'\"\r\n                                          [timeOnly]=\"getOption(col, rowData, 'mode') == 'hour'\"\r\n                                          [hourFormat]=\"'24'\"\r\n                                          [firstDayOfWeek]=\"1\"\r\n                                          (onSelect)=\"onDateFinalized(rowData, col, rowData[col.id].value)\"\r\n                                          (onBlur)=\"onDateFinalized(rowData, col, rowData[col.id].value)\"\r\n                                          (onClear)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                          [inputStyleClass]=\"col.position == null || col.position == 'right' ? '!text-right' : col.position == 'left' ? '!text-left' : '!text-center'\"\r\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 }\"\r\n                                          [showClear]=\"getOption(col, rowData, 'clear')\"\r\n                                          [minDate]=\"getOption(col, rowData, 'minDate')\"\r\n                                          [maxDate]=\"getOption(col, rowData, 'maxDate')\"\r\n                                          [defaultDate]=\"getOption(col, rowData, 'defaultDate')\"\r\n                                          appendTo=\"body\">\r\n                            </p-datepicker>\r\n                        </ng-template>\r\n                        <ng-template pTemplate=\"output\">\r\n                            @if (rowData[col.id]) {\r\n                            <div style=\"white-space: pre;\">\r\n                                {{ rowData[col.id].value | date: (getOption(col, rowData, 'mode') == 'year' ? 'yyyy' : getOption(col, rowData, 'mode') == 'month' ? 'MM/yyyy' : 'dd/MM/yyyy') }}\r\n                            </div>\r\n                            }\r\n                        </ng-template>\r\n                    </p-cellEditor>\r\n                </td>\r\n                }\r\n                @if (!col.invisible && checkType('Date', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\r\n                <td [ngStyle]=\"{\r\n                            'min-width' : col.width ? col.width : null,\r\n                            'background-color': rowData[col.id].color ? rowData[col.id].color : null,\r\n                            'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | date: 'dd/MM/yyyy'\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            '!text-left': col.position == 'left' || col.position == null,\r\n                            '!text-right': col.position == 'right',\r\n                            '!text-center': col.position == 'center',\r\n                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    @if(rowData[col.id].pastilleHautGauche != null){\r\n                    <span class=\"pastille pastilleHautGauche\">{{ rowData[col.id].pastilleHautGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleHautDroite != null){\r\n                    <span class=\"pastille pastilleHautDroite\">{{ rowData[col.id].pastilleHautDroite }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasGauche != null){\r\n                    <span class=\"pastille pastilleBasGauche\">{{ rowData[col.id].pastilleBasGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasDroite != null){\r\n                    <span class=\"pastille pastilleBasDroite\">{{ rowData[col.id].pastilleBasDroite }}</span>\r\n                    }\r\n\r\n                    @if (rowData[col.id]) {\r\n                    <div>{{ rowData[col.id].value | date: (getOption(col, rowData, 'mode') == 'year' ? 'yyyy' : getOption(col, rowData, 'mode') == 'month' ? 'MM/yyyy' : 'dd/MM/yyyy') }}</div>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- MultiSelect -->\r\n                @if (!col.invisible && checkType('MultiSelect', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"{\r\n                            '!text-left': col.position == 'left' || col.position == null,\r\n                            '!text-right': col.position == 'right',\r\n                            '!text-center': col.position == 'center',\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : getMultiSelectConcat(rowData[col.id].value, getOption(col, rowData, 'optionLabel'))\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pEditableColumn]=\"rowData\"\r\n                    [pEditableColumnField]=\"col.id\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\"\r\n                    class=\"paddingCell\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    @if(rowData[col.id].pastilleHautGauche != null){\r\n                    <span class=\"pastille pastilleHautGauche\">{{ rowData[col.id].pastilleHautGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleHautDroite != null){\r\n                    <span class=\"pastille pastilleHautDroite\">{{ rowData[col.id].pastilleHautDroite }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasGauche != null){\r\n                    <span class=\"pastille pastilleBasGauche\">{{ rowData[col.id].pastilleBasGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasDroite != null){\r\n                    <span class=\"pastille pastilleBasDroite\">{{ rowData[col.id].pastilleBasDroite }}</span>\r\n                    }\r\n\r\n                    @if (rowData[col.id] != null) {\r\n                    <p-cellEditor>\r\n                        <ng-template pTemplate=\"input\">\r\n                            <p-multiSelect [options]=\"getOption(col, rowData, 'options')\"\r\n                                           [filter]=\"getOption(col, rowData, 'filter')\"\r\n                                           [optionLabel]=\"getOption(col, rowData, 'optionLabel')\"\r\n                                           [(ngModel)]=\"rowData[col.id].value\"\r\n                                           name=\"multiselect\"\r\n                                           appendTo=\"body\"\r\n                                           dataKey=\"ID\"\r\n                                           emptyFilterMessage=\"Aucun r\u00E9sultat\"\r\n                                           emptyMessage=\"Aucun r\u00E9sultat\"\r\n                                           [virtualScroll]=\"getOption(col, rowData, 'virtualScroll')\"\r\n                                           [readonly]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\"\r\n                                           [virtualScrollItemSize]=\"30\"\r\n                                           selectedItemsLabel=\"{0} selectionn\u00E9s\"\r\n                                           (onChange)=\"editMultiselect(rowData, col, $event)\"\r\n                                           [showToggleAll]=\"false\"\r\n                                           [showHeader]=\"getOption(col, rowData, 'filter')\"\r\n                                           [group]=\"getOption(col, rowData, 'optionGroupChildren') != null ? true : false\"\r\n                                           [optionGroupLabel]=\"getOption(col, rowData, 'optionGroupLabel')\"\r\n                                           [optionGroupChildren]=\"getOption(col, rowData, 'optionGroupChildren')\"\r\n                                           ngDefaultControl>\r\n                                <ng-template let-data pTemplate=\"selectedItems\">\r\n                                    @for (option of data; track option; let i = $index) {\r\n                                    <span [ngClass]=\"{\r\n                    '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                    '!font-italic': rowData.italic == true || rowData[col.id].italic == true\r\n                 }\">\r\n                                        {{ option[getOption(col, rowData, 'optionLabel')] + (i != data.length - 1 ? ',' : '') }}\r\n                                    </span>\r\n                                    }\r\n                                </ng-template>\r\n                                <ng-template let-group pTemplate=\"group\">\r\n                                    <div>{{group[col.options.optionGroupLabel]}}</div>\r\n                                </ng-template>\r\n                            </p-multiSelect>\r\n                        </ng-template>\r\n                        <ng-template pTemplate=\"output\">\r\n                            @if (rowData[col.id]) {\r\n                            <div style=\"white-space: pre;\">\r\n                                {{ getMultiSelectConcat(rowData[col.id].value, getOption(col, rowData, 'optionLabel')) }}\r\n                            </div>\r\n                            }\r\n                        </ng-template>\r\n                    </p-cellEditor>\r\n                    }\r\n                </td>\r\n                }\r\n                @if (!col.invisible && checkType('MultiSelect', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\r\n                <td [ngStyle]=\"{\r\n                            'width' : col.width ? col.width : null,\r\n                            'background-color': rowData[col.id].color ? rowData[col.id].color : null,\r\n                            'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : getMultiSelectConcat(rowData[col.id].value, getOption(col, rowData, 'optionLabel'))\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            '!text-left': col.position == 'left' || col.position == null,\r\n                            '!text-right': col.position == 'right',\r\n                            '!text-center': col.position == 'center',\r\n                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    @if(rowData[col.id].pastilleHautGauche != null){\r\n                    <span class=\"pastille pastilleHautGauche\">{{ rowData[col.id].pastilleHautGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleHautDroite != null){\r\n                    <span class=\"pastille pastilleHautDroite\">{{ rowData[col.id].pastilleHautDroite }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasGauche != null){\r\n                    <span class=\"pastille pastilleBasGauche\">{{ rowData[col.id].pastilleBasGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasDroite != null){\r\n                    <span class=\"pastille pastilleBasDroite\">{{ rowData[col.id].pastilleBasDroite }}</span>\r\n                    }\r\n\r\n                    @if (rowData[col.id]) {\r\n                    <div>{{ getMultiSelectConcat(rowData[col.id].value, getOption(col, rowData, 'optionLabel')) }}</div>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- Image -->\r\n                @if (!col.invisible && checkType('Image', col)) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    class=\"!text-center\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    @if(rowData[col.id].pastilleHautGauche != null){\r\n                    <span class=\"pastille pastilleHautGauche\">{{ rowData[col.id].pastilleHautGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleHautDroite != null){\r\n                    <span class=\"pastille pastilleHautDroite\">{{ rowData[col.id].pastilleHautDroite }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasGauche != null){\r\n                    <span class=\"pastille pastilleBasGauche\">{{ rowData[col.id].pastilleBasGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasDroite != null){\r\n                    <span class=\"pastille pastilleBasDroite\">{{ rowData[col.id].pastilleBasDroite }}</span>\r\n                    }\r\n\r\n                    @if (rowData[col.id]) {\r\n                    <img style=\"vertical-align: middle; width: 40px;\" src=\"{{ rowData[col.id].value }}\" />\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- Button -->\r\n                @if (!col.invisible && checkType('Button', col)) {\r\n                <td class=\"paddingCell !text-center\"\r\n                    [ngClass]=\"{\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                    @if (rowData[col.id].value != null && isValueButtonByType(rowData[col.id].value, 'function')) {\r\n                    <button pButton\r\n                            [disabled]=\"rowData.readonly || rowData[col.id]?.readonly\"\r\n                            [label]=\"getOption(col, rowData, 'label')\"\r\n                            [icon]=\"getOption(col, rowData, 'icon')\"\r\n                            (click)=\"rowData[col.id].value()\"\r\n                            [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : getOption(col, rowData, 'label')\"\r\n                            [tooltipDisabled]=\"!col.tooltip\"\r\n                            [class]=\"'p-button-' + getOption(col, rowData, 'severity')\"\r\n                            [ngClass]=\"{\r\n                                    '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                                    '!font-italic': rowData.italic == true || rowData[col.id].italic == true\r\n                                }\">\r\n                    </button>\r\n                    }\r\n                    @if (isValueButtonByType(rowData[col.id].value, 'string')) {\r\n                    <div [ngClass]=\"{\r\n                                'paddingCell': rowData[col.id] != null,\r\n                                '!text-left': col.position == 'left' || col.position == null,\r\n                                '!text-right': col.position == 'right',\r\n                                '!text-center': col.position == 'center',\r\n                                '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                                '!font-italic': rowData.italic == true || rowData[col.id].italic == true\r\n                            }\"\r\n                         [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value\"\r\n                         [tooltipDisabled]=\"!col.tooltip\">\r\n                        {{ rowData[col.id].value }}\r\n                    </div>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- SelectButton -->\r\n                @if (!col.invisible && checkType('SelectButton', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    @if(rowData[col.id].pastilleHautGauche != null){\r\n                    <span class=\"pastille pastilleHautGauche\">{{ rowData[col.id].pastilleHautGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleHautDroite != null){\r\n                    <span class=\"pastille pastilleHautDroite\">{{ rowData[col.id].pastilleHautDroite }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasGauche != null){\r\n                    <span class=\"pastille pastilleBasGauche\">{{ rowData[col.id].pastilleBasGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasDroite != null){\r\n                    <span class=\"pastille pastilleBasDroite\">{{ rowData[col.id].pastilleBasDroite }}</span>\r\n                    }\r\n\r\n                    @if (rowData[col.id] != null) {\r\n                    <p-selectButton [options]=\"getOption(col, rowData, 'options')\"\r\n                                    [optionLabel]=\"getOption(col, rowData, 'optionLabel')\"\r\n                                    [optionValue]=\"getOption(col, rowData, 'optionValue') != null ? getOption(col, rowData, 'optionValue') : 'value'\"\r\n                                    [(ngModel)]=\"rowData[col.id].value\"\r\n                                    name=\"select-button\"\r\n                                    [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\"\r\n                                    (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\">\r\n                        <ng-template let-item pTemplate=\"item\">\r\n                            <span class=\"!text-center w-full\"\r\n                                  [ngClass]=\"{\r\n                                    '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                                    '!font-italic': rowData.italic == true || rowData[col.id].italic == true\r\n                                }\">\r\n                                {{ item.label }}\r\n                            </span>\r\n                        </ng-template>\r\n                    </p-selectButton>\r\n                    }\r\n                </td>\r\n                }\r\n                @if (!col.invisible && checkType('SelectButton', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\r\n                <td [ngStyle]=\"{\r\n                            'width' : col.width ? col.width : null,\r\n                            'background-color': rowData[col.id].color ? rowData[col.id].color : null,\r\n                            'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    class=\"!text-center\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    @if(rowData[col.id].pastilleHautGauche != null){\r\n                    <span class=\"pastille pastilleHautGauche\">{{ rowData[col.id].pastilleHautGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleHautDroite != null){\r\n                    <span class=\"pastille pastilleHautDroite\">{{ rowData[col.id].pastilleHautDroite }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasGauche != null){\r\n                    <span class=\"pastille pastilleBasGauche\">{{ rowData[col.id].pastilleBasGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasDroite != null){\r\n                    <span class=\"pastille pastilleBasDroite\">{{ rowData[col.id].pastilleBasDroite }}</span>\r\n                    }\r\n\r\n                    @if (rowData[col.id]) {\r\n                    <div>{{ getSelectLibelleByValue(rowData, col) }}</div>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- Switch -->\r\n                @if (!col.invisible && checkType('Switch', col)) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    class=\"!text-center\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    pFrozenColumn\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    @if(rowData[col.id].pastilleHautGauche != null){\r\n                    <span class=\"pastille pastilleHautGauche\">{{ rowData[col.id].pastilleHautGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleHautDroite != null){\r\n                    <span class=\"pastille pastilleHautDroite\">{{ rowData[col.id].pastilleHautDroite }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasGauche != null){\r\n                    <span class=\"pastille pastilleBasGauche\">{{ rowData[col.id].pastilleBasGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasDroite != null){\r\n                    <span class=\"pastille pastilleBasDroite\">{{ rowData[col.id].pastilleBasDroite }}</span>\r\n                    }\r\n\r\n                    @if (rowData[col.id] != null) {\r\n                    <p-toggleswitch [(ngModel)]=\"rowData[col.id].value\"\r\n                                    name=\"toggle-switch\"\r\n                                    [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || (getOption(col, rowData, 'action') == null && !isModeEdition())\"\r\n                                    (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                    ngDefaultControl\r\n                                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : ''\"\r\n                                    [tooltipDisabled]=\"!col.tooltip\">\r\n                    </p-toggleswitch>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- File -->\r\n                @if (!col.invisible && checkType('File', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                    @if (rowData[col.id] != null) {\r\n                    <div class=\"p-inputgroup\">\r\n                        <button type=\"button\"\r\n                                pButton\r\n                                pRipple\r\n                                icon=\"pi pi-upload\"\r\n                                (click)=\"clickById('input_' + rowData[col.id].id)\"\r\n                                [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\">\r\n                        </button>\r\n                        <input id=\"{{'output_' + rowData[col.id].id}}\"\r\n                               pInputText\r\n                               type=\"text\"\r\n                               [ngClass]=\"{\r\n                                        '!text-left': col.position == 'left' || col.position == null,\r\n                                        '!text-right': col.position == 'right',\r\n                                        '!text-center': col.position == 'center',\r\n                                        '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                                        '!font-italic': rowData.italic == true || rowData[col.id].italic == true\r\n                                   }\"\r\n                               value=\"{{ rowData[col.id].value != null ? rowData[col.id].value : '' }}\"\r\n                               readonly\r\n                               [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value ? rowData[col.id].value : ''\"\r\n                               [tooltipDisabled]=\"!col.tooltip\">\r\n                        @if (getOption(col, rowData, 'downloadPath') && rowData[col.id].value != null) {\r\n                        <button type=\"button\"\r\n                                pButton\r\n                                pRipple\r\n                                icon=\"pi pi-download\"\r\n                                (click)=\"downloadFile(rowData[col.id])\"\r\n                                [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\">\r\n                        </button>\r\n                        }\r\n                    </div>\r\n                    }\r\n                    @if (rowData[col.id]) {\r\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])\">\r\n                    }\r\n                </td>\r\n                }\r\n                @if (!col.invisible && checkType('File', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\r\n                <td [ngStyle]=\"{\r\n                            'width' : col.width ? col.width : null,\r\n                            'background-color': rowData[col.id].color ? rowData[col.id].color : null,\r\n                            'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value ? rowData[col.id].value : ''\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            '!text-left': col.position == 'left' || col.position == null,\r\n                            '!text-right': col.position == 'right',\r\n                            '!text-center': col.position == 'center',\r\n                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    @if(rowData[col.id].pastilleHautGauche != null){\r\n                    <span class=\"pastille pastilleHautGauche\">{{ rowData[col.id].pastilleHautGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleHautDroite != null){\r\n                    <span class=\"pastille pastilleHautDroite\">{{ rowData[col.id].pastilleHautDroite }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasGauche != null){\r\n                    <span class=\"pastille pastilleBasGauche\">{{ rowData[col.id].pastilleBasGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasDroite != null){\r\n                    <span class=\"pastille pastilleBasDroite\">{{ rowData[col.id].pastilleBasDroite }}</span>\r\n                    }\r\n\r\n                    @if (rowData[col.id]) {\r\n                    <div>{{ rowData[col.id].value ? rowData[col.id].value : '' }}</div>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- State -->\r\n                @if (!col.invisible && checkType('State', col)) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    class=\"!text-center\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    @if(rowData[col.id].pastilleHautGauche != null){\r\n                    <span class=\"pastille pastilleHautGauche\">{{ rowData[col.id].pastilleHautGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleHautDroite != null){\r\n                    <span class=\"pastille pastilleHautDroite\">{{ rowData[col.id].pastilleHautDroite }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasGauche != null){\r\n                    <span class=\"pastille pastilleBasGauche\">{{ rowData[col.id].pastilleBasGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasDroite != null){\r\n                    <span class=\"pastille pastilleBasDroite\">{{ rowData[col.id].pastilleBasDroite }}</span>\r\n                    }\r\n\r\n                    @if (rowData[col.id].value != null) {\r\n                    <p-tag [value]=\"rowData[col.id].value[getOption(col, rowData, 'optionLabel')]\"\r\n                           [severity]=\"rowData[col.id].value.severity\"\r\n                           [icon]=\"rowData[col.id].value.icon\"\r\n                           [style]=\"{\r\n                                    'background-color': rowData[col.id].value.backgroundColor,\r\n                                    'color': rowData[col.id].value.textColor,\r\n                                    'font-weight': rowData.bold == true || rowData[col.id].bold == true ? 'bold' : null,\r\n                                    'font-style': rowData.italic == true || rowData[col.id].italic == true ? 'italic' : null\r\n                               }\">\r\n                    </p-tag>\r\n                    }\r\n                </td>\r\n                }\r\n                }\r\n\r\n                <!-- Deletion -->\r\n                @if (options().rowsDeletable) {\r\n                <td class=\"cellDelete\"\r\n                    [ngClass]=\"rowData.deletable ? 'paddingCell' : null\">\r\n                    @if (rowData.deletable) {\r\n                    <button pButton\r\n                            type=\"button\"\r\n                            icon=\"pi pi-times\"\r\n                            class=\"p-button-danger buttonDelete p-button-text\"\r\n                            [disabled]=\"rowData.readonly\"\r\n                            (click)=\"onDeleteLine(rowData)\">\r\n                    </button>\r\n                    }\r\n                </td>\r\n                }\r\n\r\n            </tr>\r\n        </ng-template>\r\n    </p-table>\r\n</div>\r\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 #BF9D8F!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}:host ::ng-deep .pastille{position:absolute;z-index:1000!important;min-width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:9px;font-weight:700;padding:2px;line-height:1}:host ::ng-deep .pastilleHautGauche{top:2px;left:2px;background-color:#2196f3}:host ::ng-deep .pastilleHautDroite{top:2px;right:2px;background-color:#874094}:host ::ng-deep .pastilleBasGauche{bottom:2px;left:2px;background-color:#ba8c43}:host ::ng-deep .pastilleBasDroite{bottom:2px;right:2px;background-color:#40944b}:host ::ng-deep .cellNotFrozen{position:relative!important}\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.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { 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.ResizableColumn, selector: "[pResizableColumn]", inputs: ["pResizableColumnDisabled"] }, { 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", "showOnEllipsis", "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" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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\"\r\n     [ngStyle]=\"{ 'height': options().scrollHeight != null ? options().scrollHeight : '100%' }\">\r\n\r\n    @if (options().exportExcel) {\r\n    <button pButton\r\n            icon=\"pi pi-file-excel\"\r\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\"\r\n            pTooltip=\"Exporter le contenu de la grille au format Excel\"\r\n            tooltipPosition=\"right\"\r\n            (click)=\"exportExcel(options().exportExcelByFiltre, !options().exportExcelNoColors)\">\r\n    </button>\r\n    }\r\n\r\n    <p-contextmenu #cm [model]=\"options().contextMenuItems\" appendTo=\"body\" />\r\n\r\n    <p-table #table\r\n             [columns]=\"optimizedColumns()\"\r\n             [value]=\"values()\"\r\n             dataKey=\"id\"\r\n             filterBy=\"id\"\r\n             [selectionMode]=\"getModeSelection()\"\r\n             [metaKeySelection]=\"isModeMetakeySelection()\"\r\n             [(selection)]=\"selectedRows\"\r\n             (onRowSelect)=\"onSelectRow($event)\"\r\n             (onRowUnselect)=\"onUnselectRow($event)\"\r\n             (onHeaderCheckboxToggle)=\"onSelectAll($event)\"\r\n             (sortFunction)=\"sortGrille($event)\"\r\n             [customSort]=\"options().grouping == null ? true : false\"\r\n             [scrollable]=\"true\"\r\n             [loading]=\"loading()\"\r\n             [scrollHeight]=\"'flex'\"\r\n             [rowGroupMode]=\"options().grouping != null ? 'subheader' : null\"\r\n             [groupRowsBy]=\"options().grouping != null ? options().grouping.obj + '.' + options().grouping.id : null\"\r\n             [groupRowsByOrder]=\"0\"\r\n             [virtualScroll]=\"options().virtualScroll == true && options().scrollHeight != null ? true : false\"\r\n             [virtualScrollItemSize]=\"options().virtualScrollItemSize != null ? options().virtualScrollItemSize : 35\"\r\n             [paginator]=\"options().paginator == null ? false : true\"\r\n             [rows]=\"options().paginatorRows\"\r\n             (onPage)=\"onPageTable($event)\"\r\n             [tableStyleClass]=\"!options().themeGrille ? 'grid_grey' : options().themeGrille\"\r\n             [lazy]=\"options().lazy == true ? true : false\"\r\n             (onFilter)=\"onFilterTable($event)\"\r\n             [rowTrackBy]=\"trackByFunction\"\r\n             (onContextMenuSelect)=\"onContextMenuSelect()\"\r\n             [(contextMenuSelection)]=\"contextMenuSelectedItem\"\r\n             [contextMenu]=\"cm\"\r\n             [resizableColumns]=\"options().resizableColumns\"\r\n             columnResizeMode=\"expand\">\r\n\r\n        <!-- HEADER -->\r\n        <ng-template pTemplate=\"header\" let-columns>\r\n\r\n            <!-- HEADERS -->\r\n            <tr class=\"rowHeader\">\r\n                @if (isModeCheckboxSelection()) {\r\n                <th class=\"cellDelete\"\r\n                    pFrozenColumn>\r\n                    @if (!options().filterable && options().toggleAll) {\r\n                    <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\r\n                    }\r\n                </th>\r\n                }\r\n                @for (col of columns; track col.id) {\r\n                @if (!col.invisible) {\r\n                <th [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': col.backgroundColor ? col.backgroundColor : null }\"\r\n                    [ngClass]=\"{ '!text-center' : options().centerHeaders, 'headerAffichageSimple': !options().headersAffichageEntier, 'headerAffichageEntier': options().headersAffichageEntier }\"\r\n                    [pSortableColumn]=\"col.id\"\r\n                    [pSortableColumnDisabled]=\"!options().sortable || options().grouping != null || col.libelle == null || col.libelle == ''\"\r\n                    id=\"{{ col.id }}\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\"\r\n                    [pTooltip]=\"col.libelle\"\r\n                    [tooltipDisabled]=\"!col.tooltipHeader\"\r\n                    tooltipPosition=\"bottom\"\r\n                    pResizableColumn\r\n                    [pResizableColumnDisabled]=\"!options().resizableColumns\">\r\n                    <div [ngStyle]=\"{ 'color': col.textColor ? col.textColor : null }\">\r\n                        {{ col.libelle }}\r\n                    </div>\r\n                    @if (options().sortable && options().grouping == null && col.libelle != null && col.libelle != '') {\r\n                    <p-sortIcon [field]=\"col.id\">\r\n                    </p-sortIcon>\r\n                    }\r\n                </th>\r\n                }\r\n                }\r\n                @if (options().rowsDeletable) {\r\n                <th class=\"cellDelete\"></th>\r\n                }\r\n            </tr>\r\n\r\n            <!-- FILTRES -->\r\n            @if (options().filterable) {\r\n            <tr class=\"rowFilter\">\r\n                @if (isModeCheckboxSelection()) {\r\n                <th class=\"cellDelete\"\r\n                    pFrozenColumn>\r\n                    @if (options().toggleAll) {\r\n                    <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\r\n                    }\r\n                </th>\r\n                }\r\n                @for (col of columns; track col.id) {\r\n                <!-- Text -->\r\n                @if (!col.invisible && ((col.isDropdown && col.options.filterText)\r\n                || (col.isMultiSelect && col.options.filterText)\r\n                || col.isText\r\n                || col.isFile\r\n                || (col.isButton && col.options.filterCol))\r\n                || col.isNumber\r\n                || col.isCilogNumber) {\r\n                <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    @if (!col.disableFilter) {\r\n                    <input pInputText\r\n                           type=\"text\"\r\n                           (input)=\"onFilterCol($event, col)\"\r\n                           name=\"filterText\"\r\n                           [(ngModel)]=\"col.options.defaultFilters\">\r\n                    }\r\n                </th>\r\n                }\r\n                <!-- Date -->\r\n                @if (!col.invisible && col.isDate) {\r\n                <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    @if (!col.disableFilter) {\r\n                    <p-datepicker [view]=\"col.options.mode == null ? 'date' : col.options.mode\"\r\n                                  [dateFormat]=\"col.options.mode == 'year' ? 'yy' : col.options.mode == 'month' ? 'mm/yy' : 'dd/mm/yy'\"\r\n                                  [inputId]=\"col.id + '_filter'\"\r\n                                  [firstDayOfWeek]=\"1\"\r\n                                  [readonlyInput]=\"true\"\r\n                                  appendTo=\"body\"\r\n                                  selectionMode=\"range\"\r\n                                  (onSelect)=\"onFilterCol($event, col)\"\r\n                                  showButtonBar=\"true\"\r\n                                  (onClearClick)=\"onFilterCol($event, col)\"\r\n                                  name=\"filterDate\"\r\n                                  [(ngModel)]=\"col.options.defaultFilters\">\r\n                    </p-datepicker>\r\n                    }\r\n                </th>\r\n                }\r\n                <!-- Liste -->\r\n                @if (!col.invisible && ((col.isDropdown && !col.options.filterText) || (col.isMultiSelect && !col.options.filterText) || col.isSelectButton || col.isState)) {\r\n                <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    @if (!col.disableFilter) {\r\n                    <p-multiSelect [options]=\"col.options?.options\"\r\n                                   [filter]=\"true\"\r\n                                   dataKey=\"ID\"\r\n                                   [optionLabel]=\"col.options?.optionLabel\"\r\n                                   appendTo=\"body\"\r\n                                   emptyFilterMessage=\"Aucun r\u00E9sultat\"\r\n                                   emptyMessage=\"Aucun r\u00E9sultat\"\r\n                                   [virtualScroll]=\"true\"\r\n                                   [virtualScrollItemSize]=\"35\"\r\n                                   selectedItemsLabel=\"{0} selectionn\u00E9s\"\r\n                                   (onChange)=\"onFilterCol($event, col)\"\r\n                                   name=\"filterChoix\"\r\n                                   [(ngModel)]=\"col.options.defaultFilters\"\r\n                                   [group]=\"col.options.optionGroupChildren != null ? true : false\"\r\n                                   [optionGroupLabel]=\"col.options.optionGroupLabel\"\r\n                                   [optionGroupChildren]=\"col.options.optionGroupChildren\"\r\n                                   [showToggleAll]=\"false\"\r\n                                   [showClear]=\"true\"\r\n                                   (onClear)=\"onFilterCol(null, col)\">\r\n                        <ng-template let-group pTemplate=\"group\">\r\n                            <div>{{group[col.options.optionGroupLabel]}}</div>\r\n                        </ng-template>\r\n                    </p-multiSelect>\r\n                    }\r\n                </th>\r\n                }\r\n                <!-- Switch -->\r\n                @if (!col.invisible && col.isSwitch) {\r\n                <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    @if (!col.disableFilter) {\r\n                    <p-multiSelect [options]=\"optionsSwitch\"\r\n                                   [showHeader]=\"false\"\r\n                                   optionLabel=\"label\"\r\n                                   optionValue=\"value\"\r\n                                   appendTo=\"body\"\r\n                                   emptyFilterMessage=\"Aucun r\u00E9sultat\"\r\n                                   emptyMessage=\"Aucun r\u00E9sultat\"\r\n                                   [virtualScrollItemSize]=\"30\"\r\n                                   selectedItemsLabel=\"{0} selectionn\u00E9s\"\r\n                                   (onChange)=\"onFilterCol($event, col)\"\r\n                                   name=\"filterChoix2\"\r\n                                   [(ngModel)]=\"col.options.defaultFilters\">\r\n                    </p-multiSelect>\r\n                    }\r\n                </th>\r\n                }\r\n                <!-- Non filtrable -->\r\n                @if (!col.invisible && (col.isImage || (col.isButton && !col.options.filterCol))) {\r\n                <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                </th>\r\n                }\r\n                }\r\n                @if (options().rowsDeletable) {\r\n                <th class=\"cellDelete\"></th>\r\n                }\r\n            </tr>\r\n            }\r\n\r\n            <!-- TOTAL -->\r\n            @if (options().rowTotal) {\r\n            <tr class=\"rowTotal\">\r\n                @if (isModeCheckboxSelection()) {\r\n                <th class=\"cellDelete\"\r\n                    pFrozenColumn>\r\n                </th>\r\n                }\r\n                @for (col of columns; track col.id) {\r\n                @if (!col.invisible) {\r\n                <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    [ngClass]=\"{ '!text-center' : true }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div>{{ getTotalStr(col) }}</div>\r\n                </th>\r\n                }\r\n                }\r\n                @if (options().rowsDeletable) {\r\n                <th class=\"cellDelete\"></th>\r\n                }\r\n            </tr>\r\n            }\r\n        </ng-template>\r\n\r\n        <!--Groupheader-->\r\n        <ng-template pTemplate=\"groupheader\" let-rowData>\r\n            <tr pRowGroupHeader class=\"rowGrouping\">\r\n                <td [attr.colspan]=\"columns().length\">\r\n                    <div class=\"text_bold\">{{ rowData[options().grouping.obj][options().grouping.libelle] }}</div>\r\n                </td>\r\n            </tr>\r\n        </ng-template>\r\n\r\n        <!-- Body -->\r\n        <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\r\n            <tr id=\"{{ rowData.id }}\"\r\n                [ngStyle]=\"{ 'background-color': rowData.color ? rowData.color : null }\"\r\n                [pSelectableRow]=\"rowData\"\r\n                [pSelectableRowDisabled]=\"!options().selectable || isModeCheckboxSelection() || isModeCellSelection()\"\r\n                (dblclick)=\"onRowDoubleClickEvent(rowData)\"\r\n                [pContextMenuRow]=\"rowData\"\r\n                [pContextMenuRowDisabled]=\"options().contextMenuItems == null\">\r\n\r\n                @if (isModeCheckboxSelection()) {\r\n                <td class=\"cellDelete\"\r\n                    pFrozenColumn>\r\n                    <p-tableCheckbox [value]=\"rowData\" [disabled]=\"rowData.readonly\"></p-tableCheckbox>\r\n                </td>\r\n                }\r\n\r\n                @for (col of columns; track col.id) {\r\n                <!-- Text -->\r\n                @if (!col.invisible && col.isText && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pEditableColumn]=\"rowData\"\r\n                    [pEditableColumnField]=\"col.id\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    pFrozenColumn\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    [frozen]=\"col.frozen\"\r\n                    [ngClass]=\"{\r\n                             '!text-left': col.position == 'left' || col.position == null,\r\n                             '!text-right': col.position == 'right',\r\n                             '!text-center': col.position == 'center',\r\n                             '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                             '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                             'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    <cilog-pastille-table [cell]=\"rowData[col.id]\" />\r\n\r\n                    <p-cellEditor>\r\n                        <ng-template pTemplate=\"input\">\r\n                            <input pInputText\r\n                                   type=\"text\"\r\n                                   [maxlength]=\"getOption()(col, rowData, 'maxLength')\"\r\n                                   [(ngModel)]=\"rowData[col.id].value\"\r\n                                   (keypress)=\"getOption()(col, rowData, 'sansEspaces') && $event.keyCode === 32 ? $event.preventDefault() : null\"\r\n                                   name=\"text\"\r\n                                   (blur)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                   (keydown.enter)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                   (keydown.tab)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                   (click)=\"onEditInitCell($event, rowData, col, rowData[col.id].value)\"\r\n                                   [ngClass]=\"{\r\n                                            '!text-left': col.position == 'left' || col.position == null,\r\n                                            '!text-right': col.position == 'right',\r\n                                            '!text-center': col.position == 'center',\r\n                                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true\r\n                                       }\" />\r\n                        </ng-template>\r\n                        <ng-template pTemplate=\"output\">\r\n                            @if (rowData[col.id]) {\r\n                            <div style=\"white-space: pre;\">\r\n                                {{ getFormattedText(col, rowData) }}\r\n                            </div>\r\n                            }\r\n                        </ng-template>\r\n                    </p-cellEditor>\r\n                </td>\r\n                }\r\n                @if (!col.invisible && col.isText && (!isModeEdition() || rowData.readonly || rowData[col.id]?.readonly)) {\r\n                <td [ngStyle]=\"{\r\n                            'width' : col.width ? col.width : null,\r\n                            'background-color' : rowData[col.id].color ? rowData[col.id].color : null,\r\n                            'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            '!text-left': col.position == 'left' || col.position == null,\r\n                            '!text-right': col.position == 'right',\r\n                            '!text-center': col.position == 'center',\r\n                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">\r\n                        {{ col.libelle }} :\r\n                    </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    <cilog-pastille-table [cell]=\"rowData[col.id]\" />\r\n\r\n                    @if (rowData[col.id]) {\r\n                    <div style=\"white-space: pre;\">\r\n                        {{ getFormattedText(col, rowData) }}\r\n                    </div>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- Dropdown -->\r\n                @if (!col.invisible && col.isDropdown && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    [ngClass]=\"{\r\n                            '!text-left': col.position == 'left' || col.position == null,\r\n                            '!text-right': col.position == 'right',\r\n                            '!text-center': col.position == 'center',\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value != null ? rowData[col.id].value[getOption()(col, rowData, 'optionLabel')] : ''\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pEditableColumn]=\"rowData\"\r\n                    [pEditableColumnField]=\"col.id\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\"\r\n                    class=\"paddingCell\">\r\n\r\n                    <!-- PASTILLES -->\r\n                    <cilog-pastille-table [cell]=\"rowData[col.id]\" />\r\n\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                    @if (rowData[col.id] != null) {\r\n                    <p-cellEditor>\r\n                        <ng-template pTemplate=\"input\">\r\n                            <p-select dataKey=\"ID\"\r\n                                      [options]=\"getOption()(col, rowData, 'options')\"\r\n                                      [filter]=\"getOption()(col, rowData, 'filter')\"\r\n                                      [optionLabel]=\"getOption()(col, rowData, 'optionLabel')\"\r\n                                      [(ngModel)]=\"rowData[col.id].value\"\r\n                                      name=\"select\"\r\n                                      appendTo=\"body\"\r\n                                      [showClear]=\"getOption()(col, rowData, 'deletable')\"\r\n                                      emptyFilterMessage=\"Aucun r\u00E9sultat\"\r\n                                      emptyMessage=\"Aucun r\u00E9sultat\"\r\n                                      [virtualScroll]=\"getOption()(col, rowData, 'virtualScroll')\"\r\n                                      [readonly]=\"rowData.readonly || rowData[col.id]?.readonly\"\r\n                                      [virtualScrollItemSize]=\"30\"\r\n                                      (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                      (onClear)=\"onEditCell(rowData, col, rowData[col.id].value)\">\r\n                                <ng-template let-data pTemplate=\"selectedItem\">\r\n                                    @if (data != null) {\r\n                                    <span [ngClass]=\"{\r\n                    '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                    '!font-italic': rowData.italic == true || rowData[col.id].italic == true\r\n                }\">\r\n                                        {{ data[getOption()(col, rowData, 'optionLabel')] }}\r\n                                    </span>\r\n                                    }\r\n                                    @if (data == null) {\r\n                                    <span></span>\r\n                                    }\r\n                                </ng-template>\r\n                            </p-select>\r\n                        </ng-template>\r\n                        <ng-template pTemplate=\"output\">\r\n                            @if (rowData[col.id]) {\r\n                            <div style=\"white-space: pre;\">\r\n                                {{ rowData[col.id].value != null ? rowData[col.id].value[getOption()(col, rowData, 'optionLabel')] : '' }}\r\n                            </div>\r\n                            }\r\n                        </ng-template>\r\n                    </p-cellEditor>\r\n\r\n                    }\r\n                </td>\r\n                }\r\n                @if (!col.invisible && col.isDropdown && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\r\n                <td [ngStyle]=\"{\r\n                            'width' : col.width ? col.width : null,\r\n                            'background-color': rowData[col.id].color ? rowData[col.id].color : null,\r\n                            'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value != null ? rowData[col.id].value[getOption()(col, rowData, 'optionLabel')] : ''\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            '!text-left': col.position == 'left' || col.position == null,\r\n                            '!text-right': col.position == 'right',\r\n                            '!text-center': col.position == 'center',\r\n                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    <cilog-pastille-table [cell]=\"rowData[col.id]\" />\r\n\r\n                    @if (rowData[col.id]) {\r\n                    <div>{{ rowData[col.id].value != null ? rowData[col.id].value[getOption()(col, rowData, 'optionLabel')] : '' }}</div>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- Cilog Number -->\r\n                @if (!col.invisible && col.isCilogNumber && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | value\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pEditableColumn]=\"rowData\"\r\n                    [pEditableColumnField]=\"col.id\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    <cilog-pastille-table [cell]=\"rowData[col.id]\" />\r\n\r\n                    @if (rowData[col.id] && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                    <p-cellEditor>\r\n                        <ng-template pTemplate=\"input\">\r\n                            <cilog-input-number (onInput)=\"onInputNumber($event)\"\r\n                                                [(ngModel)]=\"rowData[col.id].value\"\r\n                                                name=\"cilog-number\"\r\n                                                ngDefaultControl\r\n                                                [inputStyleClass]=\"col.position == null || col.position == 'right' ? '!text-right' : col.position == 'left' ? '!text-left' : '!text-center'\"\r\n                                                [textColor]=\"rowData[col.id].textColor\"\r\n                                                [bold]=\"rowData.bold == true || rowData[col.id].bold == true\"\r\n                                                [italic]=\"rowData.italic == true || rowData[col.id].italic == true\"\r\n                                                [suffixe]=\"getOption()(col, rowData, 'suffix')\"\r\n                                                [prefixe]=\"getOption()(col, rowData, 'prefix') != null ? getOption()(col, rowData, 'prefix') + ' ' : null\"\r\n                                                [min]=\"getOption()(col, rowData, 'min')\"\r\n                                                [max]=\"getOption()(col, rowData, 'max')\"\r\n                                                [disabled]=\"rowData.readonly || rowData[col.id]?.readonly\"\r\n                                                [maxDecimals]=\"getOption()(col, rowData, 'modeInteger') != null && getOption()(col, rowData, 'modeInteger') == true ? 0 : getOption()(col, rowData, 'maxDecimales') != null ? getOption()(col, rowData, 'maxDecimales') : 2 \"\r\n                                                (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                                (onFocus)=\"onEditInitCell($event, rowData, col, rowData[col.id].value)\">\r\n                            </cilog-input-number>\r\n                        </ng-template>\r\n                        <ng-template pTemplate=\"output\">\r\n                            @if (rowData[col.id]) {\r\n                            <div style=\"white-space: pre;\">\r\n                                {{ getFormattedNumber(col, rowData, rowData[col.id].value) }}\r\n                            </div>\r\n                            }\r\n                        </ng-template>\r\n                    </p-cellEditor>\r\n                    }\r\n                </td>\r\n                }\r\n                @if (!col.invisible && col.isCilogNumber && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\r\n                <td [ngStyle]=\"{\r\n                            'width' : col.width ? col.width : null,\r\n                            'background-color': rowData[col.id].color ? rowData[col.id].color : null,\r\n                            'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | value\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            '!text-left': col.position == 'left' || col.position == null,\r\n                            '!text-right': col.position == 'right',\r\n                            '!text-center': col.position == 'center',\r\n                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    <cilog-pastille-table [cell]=\"rowData[col.id]\" />\r\n\r\n                    @if (rowData[col.id]) {\r\n                    <div>{{ getFormattedNumber(col, rowData, rowData[col.id].value) }}</div>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- Number -->\r\n                @if (!col.invisible && col.isNumber && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | value\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    [pEditableColumn]=\"rowData\"\r\n                    [pEditableColumnField]=\"col.id\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            '!text-left': col.position == 'left',\r\n                            '!text-right': col.position == 'right' || col.position == null,\r\n                            '!text-center': col.position == 'center',\r\n                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    <cilog-pastille-table [cell]=\"rowData[col.id]\" />\r\n\r\n                    @if (rowData[col.id] && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                    <p-cellEditor>\r\n                        <ng-template pTemplate=\"input\">\r\n                            <p-inputNumber #inputNumber\r\n                                           locale=\"fr-FR\"\r\n                                           (onInput)=\"onInputNumber($event)\"\r\n                                           [(ngModel)]=\"rowData[col.id].value\"\r\n                                           name=\"input-number\"\r\n                                           [showButtons]=\"getOption()(col, rowData, 'showButtons')\"\r\n                                           [inputStyleClass]=\"col.position == null || col.position == 'right' ? '!text-right' : col.position == 'left' ? '!text-left' : '!text-center'\"\r\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 }\"\r\n                                           [suffix]=\"getOption()(col, rowData, 'suffix')\"\r\n                                           [prefix]=\"getOption()(col, rowData, 'prefix') != null ? getOption()(col, rowData, 'prefix') + ' ' : null\"\r\n                                           [min]=\"getOption()(col, rowData, 'min')\"\r\n                                           [max]=\"getOption()(col, rowData, 'max')\"\r\n                                           [minFractionDigits]=\"getOption()(col, rowData, 'modeInteger') != null && getOption()(col, rowData, 'modeInteger') == true ? 0 : getOption()(col, rowData, 'minDecimales') != null ? getOption()(col, rowData, 'minDecimales') : 0\"\r\n                                           [maxFractionDigits]=\"getOption()(col, rowData, 'modeInteger') != null && getOption()(col, rowData, 'modeInteger') == true ? 0 : getOption()(col, rowData, 'maxDecimales') != null ? getOption()(col, rowData, 'maxDecimales') : 2 \"\r\n                                           (onBlur)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                           (onKeyDown)=\"onKeyDown($event, rowData, col, rowData[col.id].value)\"\r\n                                           (onFocus)=\"onEditInitCell($event, rowData, col, rowData[col.id].value)\"\r\n                                           [step]=\"0\">\r\n                            </p-inputNumber>\r\n                        </ng-template>\r\n                        <ng-template pTemplate=\"output\">\r\n                            @if (rowData[col.id]) {\r\n                            <div style=\"white-space: pre;\">\r\n                                {{ getFormattedNumber(col, rowData, rowData[col.id].value) }}\r\n                            </div>\r\n                            }\r\n                        </ng-template>\r\n                    </p-cellEditor>\r\n                    }\r\n                </td>\r\n                }\r\n                @if (!col.invisible && col.isNumber && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\r\n                <td [ngStyle]=\"{\r\n                            'width' : col.width ? col.width : null,\r\n                            'background-color': rowData[col.id].color ? rowData[col.id].color : null,\r\n                            'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\r\n                        }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | value\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            '!text-left': col.position == 'left',\r\n                            '!text-right': col.position == 'right' || col.position == null,\r\n                            '!text-center': col.position == 'center',\r\n                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    <cilog-pastille-table [cell]=\"rowData[col.id]\" />\r\n\r\n                    @if (rowData[col.id]) {\r\n                    <div>{{ getFormattedNumber(col, rowData, rowData[col.id].value) }}</div>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- Date -->\r\n                @if (!col.invisible && col.isDate && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\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')\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pEditableColumn]=\"rowData\"\r\n                    [pEditableColumnField]=\"col.id\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    <cilog-pastille-table [cell]=\"rowData[col.id]\" />\r\n\r\n                    <p-cellEditor>\r\n                        <ng-template pTemplate=\"input\">\r\n                            <p-datepicker [(ngModel)]=\"rowData[col.id].value\"\r\n                                          name=\"date-picker\"\r\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')\"\r\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'\"\r\n                                          [showTime]=\"getOption()(col, rowData, 'mode') == 'datehour'\"\r\n                                          [timeOnly]=\"getOption()(col, rowData, 'mode') == 'hour'\"\r\n                                          [hourFormat]=\"'24'\"\r\n                                          [firstDayOfWeek]=\"1\"\r\n                                          (onSelect)=\"onDateFinalized(rowData, col, rowData[col.id].value)\"\r\n                                          (onBlur)=\"onDateFinalized(rowData, col, rowData[col.id].value)\"\r\n                                          (onClear)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                          [inputStyleClass]=\"col.position == null || col.position == 'right' ? '!text-right' : col.position == 'left' ? '!text-left' : '!text-center'\"\r\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 }\"\r\n                                          [showClear]=\"getOption()(col, rowData, 'clear')\"\r\n                                          [minDate]=\"getOption()(col, rowData, 'minDate')\"\r\n                                          [maxDate]=\"getOption()(col, rowData, 'maxDate')\"\r\n                                          [defaultDate]=\"getOption()(col, rowData, 'defaultDate')\"\r\n                                          appendTo=\"body\">\r\n                            </p-datepicker>\r\n                        </ng-template>\r\n                        <ng-template pTemplate=\"output\">\r\n                            @if (rowData[col.id]) {\r\n                            <div style=\"white-space: pre;\">\r\n                                {{ rowData[col.id].value | date: (getOption()(col, rowData, 'mode') == 'year' ? 'yyyy' : getOption()(col, rowData, 'mode') == 'month' ? 'MM/yyyy' : 'dd/MM/yyyy') }}\r\n                            </div>\r\n                            }\r\n                        </ng-template>\r\n                    </p-cellEditor>\r\n                </td>\r\n                }\r\n                @if (!col.invisible && col.isDate && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\r\n                <td [ngStyle]=\"{\r\n                            'min-width' : col.width ? col.width : null,\r\n                            'background-color': rowData[col.id].color ? rowData[col.id].color : null,\r\n                            'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | date: 'dd/MM/yyyy'\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            '!text-left': col.position == 'left' || col.position == null,\r\n                            '!text-right': col.position == 'right',\r\n                            '!text-center': col.position == 'center',\r\n                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    <cilog-pastille-table [cell]=\"rowData[col.id]\" />\r\n\r\n                    @if (rowData[col.id]) {\r\n                    <div>{{ rowData[col.id].value | date: (getOption()(col, rowData, 'mode') == 'year' ? 'yyyy' : getOption()(col, rowData, 'mode') == 'month' ? 'MM/yyyy' : 'dd/MM/yyyy') }}</div>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- MultiSelect -->\r\n                @if (!col.invisible && col.isMultiSelect && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"{\r\n                            '!text-left': col.position == 'left' || col.position == null,\r\n                            '!text-right': col.position == 'right',\r\n                            '!text-center': col.position == 'center',\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : getMultiSelectConcat(rowData[col.id].value, getOption()(col, rowData, 'optionLabel'))\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pEditableColumn]=\"rowData\"\r\n                    [pEditableColumnField]=\"col.id\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\"\r\n                    class=\"paddingCell\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    <cilog-pastille-table [cell]=\"rowData[col.id]\" />\r\n\r\n                    @if (rowData[col.id] != null) {\r\n                    <p-cellEditor>\r\n                        <ng-template pTemplate=\"input\">\r\n                            <p-multiSelect [options]=\"getOption()(col, rowData, 'options')\"\r\n                                           [filter]=\"getOption()(col, rowData, 'filter')\"\r\n                                           [optionLabel]=\"getOption()(col, rowData, 'optionLabel')\"\r\n                                           [(ngModel)]=\"rowData[col.id].value\"\r\n                                           name=\"multiselect\"\r\n                                           appendTo=\"body\"\r\n                                           dataKey=\"ID\"\r\n                                           emptyFilterMessage=\"Aucun r\u00E9sultat\"\r\n                                           emptyMessage=\"Aucun r\u00E9sultat\"\r\n                                           [virtualScroll]=\"getOption()(col, rowData, 'virtualScroll')\"\r\n                                           [readonly]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\"\r\n                                           [virtualScrollItemSize]=\"30\"\r\n                                           selectedItemsLabel=\"{0} selectionn\u00E9s\"\r\n                                           (onChange)=\"editMultiselect(rowData, col, $event)\"\r\n                                           [showToggleAll]=\"false\"\r\n                                           [showHeader]=\"getOption()(col, rowData, 'filter')\"\r\n                                           [group]=\"getOption()(col, rowData, 'optionGroupChildren') != null ? true : false\"\r\n                                           [optionGroupLabel]=\"getOption()(col, rowData, 'optionGroupLabel')\"\r\n                                           [optionGroupChildren]=\"getOption()(col, rowData, 'optionGroupChildren')\"\r\n                                           ngDefaultControl>\r\n                                <ng-template let-data pTemplate=\"selectedItems\">\r\n                                    @for (option of data; track option; let i = $index) {\r\n                                    <span [ngClass]=\"{\r\n                    '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                    '!font-italic': rowData.italic == true || rowData[col.id].italic == true\r\n                 }\">\r\n                                        {{ option[getOption()(col, rowData, 'optionLabel')] + (i != data.length - 1 ? ',' : '') }}\r\n                                    </span>\r\n                                    }\r\n                                </ng-template>\r\n                                <ng-template let-group pTemplate=\"group\">\r\n                                    <div>{{group[col.options.optionGroupLabel]}}</div>\r\n                                </ng-template>\r\n                            </p-multiSelect>\r\n                        </ng-template>\r\n                        <ng-template pTemplate=\"output\">\r\n                            @if (rowData[col.id]) {\r\n                            <div style=\"white-space: pre;\">\r\n                                {{ getMultiSelectConcat(rowData[col.id].value, getOption()(col, rowData, 'optionLabel')) }}\r\n                            </div>\r\n                            }\r\n                        </ng-template>\r\n                    </p-cellEditor>\r\n                    }\r\n                </td>\r\n                }\r\n                @if (!col.invisible && col.isMultiSelect && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\r\n                <td [ngStyle]=\"{\r\n                            'width' : col.width ? col.width : null,\r\n                            'background-color': rowData[col.id].color ? rowData[col.id].color : null,\r\n                            'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : getMultiSelectConcat(rowData[col.id].value, getOption()(col, rowData, 'optionLabel'))\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            '!text-left': col.position == 'left' || col.position == null,\r\n                            '!text-right': col.position == 'right',\r\n                            '!text-center': col.position == 'center',\r\n                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    <cilog-pastille-table [cell]=\"rowData[col.id]\" />\r\n\r\n                    @if (rowData[col.id]) {\r\n                    <div>{{ getMultiSelectConcat(rowData[col.id].value, getOption()(col, rowData, 'optionLabel')) }}</div>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- Image -->\r\n                @if (!col.invisible && col.isImage) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    class=\"!text-center\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    <cilog-pastille-table [cell]=\"rowData[col.id]\" />\r\n\r\n                    @if (rowData[col.id]) {\r\n                    <img style=\"vertical-align: middle; width: 40px;\" src=\"{{ rowData[col.id].value }}\" />\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- Button -->\r\n                @if (!col.invisible && col.isButton) {\r\n                <td class=\"paddingCell !text-center\"\r\n                    [ngClass]=\"{\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                    @if (rowData[col.id].value != null && isValueButtonByType(rowData[col.id].value, 'function')) {\r\n                    <button pButton\r\n                            [disabled]=\"rowData.readonly || rowData[col.id]?.readonly\"\r\n                            [label]=\"getOption()(col, rowData, 'label')\"\r\n                            [icon]=\"getOption()(col, rowData, 'icon')\"\r\n                            (click)=\"rowData[col.id].value()\"\r\n                            [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : getOption()(col, rowData, 'label')\"\r\n                            [tooltipDisabled]=\"!col.tooltip\"\r\n                            [class]=\"'p-button-' + getOption()(col, rowData, 'severity')\"\r\n                            [ngClass]=\"{\r\n                                    '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                                    '!font-italic': rowData.italic == true || rowData[col.id].italic == true\r\n                                }\">\r\n                    </button>\r\n                    }\r\n                    @if (isValueButtonByType(rowData[col.id].value, 'string')) {\r\n                    <div [ngClass]=\"{\r\n                                'paddingCell': rowData[col.id] != null,\r\n                                '!text-left': col.position == 'left' || col.position == null,\r\n                                '!text-right': col.position == 'right',\r\n                                '!text-center': col.position == 'center',\r\n                                '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                                '!font-italic': rowData.italic == true || rowData[col.id].italic == true\r\n                            }\"\r\n                         [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value\"\r\n                         [tooltipDisabled]=\"!col.tooltip\">\r\n                        {{ rowData[col.id].value }}\r\n                    </div>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- SelectButton -->\r\n                @if (!col.invisible && col.isSelectButton && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    <cilog-pastille-table [cell]=\"rowData[col.id]\" />\r\n\r\n                    @if (rowData[col.id] != null) {\r\n                    <p-selectButton [options]=\"getOption()(col, rowData, 'options')\"\r\n                                    [optionLabel]=\"getOption()(col, rowData, 'optionLabel')\"\r\n                                    [optionValue]=\"getOption()(col, rowData, 'optionValue') != null ? getOption()(col, rowData, 'optionValue') : 'value'\"\r\n                                    [(ngModel)]=\"rowData[col.id].value\"\r\n                                    name=\"select-button\"\r\n                                    [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\"\r\n                                    (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\">\r\n                        <ng-template let-item pTemplate=\"item\">\r\n                            <span class=\"!text-center w-full\"\r\n                                  [ngClass]=\"{\r\n                                    '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                                    '!font-italic': rowData.italic == true || rowData[col.id].italic == true\r\n                                }\">\r\n                                {{ item.label }}\r\n                            </span>\r\n                        </ng-template>\r\n                    </p-selectButton>\r\n                    }\r\n                </td>\r\n                }\r\n                @if (!col.invisible && col.isSelectButton && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\r\n                <td [ngStyle]=\"{\r\n                            'width' : col.width ? col.width : null,\r\n                            'background-color': rowData[col.id].color ? rowData[col.id].color : null,\r\n                            'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    class=\"!text-center\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    <cilog-pastille-table [cell]=\"rowData[col.id]\" />\r\n\r\n                    @if (rowData[col.id]) {\r\n                    <div>{{ getSelectLibelleByValue(rowData, col) }}</div>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- Switch -->\r\n                @if (!col.invisible && col.isSwitch) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    class=\"!text-center\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    pFrozenColumn\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    <cilog-pastille-table [cell]=\"rowData[col.id]\" />\r\n\r\n                    @if (rowData[col.id] != null) {\r\n                    <p-toggleswitch [(ngModel)]=\"rowData[col.id].value\"\r\n                                    name=\"toggle-switch\"\r\n                                    [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || (getOption()(col, rowData, 'action') == null && !isModeEdition())\"\r\n                                    (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                    ngDefaultControl\r\n                                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : ''\"\r\n                                    [tooltipDisabled]=\"!col.tooltip\">\r\n                    </p-toggleswitch>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- File -->\r\n                @if (!col.invisible && col.isFile && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                    @if (rowData[col.id] != null) {\r\n                    <div class=\"p-inputgroup\">\r\n                        <button type=\"button\"\r\n                                pButton\r\n                                pRipple\r\n                                icon=\"pi pi-upload\"\r\n                                (click)=\"clickById('input_' + rowData[col.id].id)\"\r\n                                [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\">\r\n                        </button>\r\n                        <input id=\"{{'output_' + rowData[col.id].id}}\"\r\n                               pInputText\r\n                               type=\"text\"\r\n                               [ngClass]=\"{\r\n                                        '!text-left': col.position == 'left' || col.position == null,\r\n                                        '!text-right': col.position == 'right',\r\n                                        '!text-center': col.position == 'center',\r\n                                        '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                                        '!font-italic': rowData.italic == true || rowData[col.id].italic == true\r\n                                   }\"\r\n                               value=\"{{ rowData[col.id].value != null ? rowData[col.id].value : '' }}\"\r\n                               readonly\r\n                               [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value ? rowData[col.id].value : ''\"\r\n                               [tooltipDisabled]=\"!col.tooltip\">\r\n                        @if (getOption()(col, rowData, 'downloadPath') && rowData[col.id].value != null) {\r\n                        <button type=\"button\"\r\n                                pButton\r\n                                pRipple\r\n                                icon=\"pi pi-download\"\r\n                                (click)=\"downloadFile(rowData[col.id])\"\r\n                                [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\">\r\n                        </button>\r\n                        }\r\n                    </div>\r\n                    }\r\n                    @if (rowData[col.id]) {\r\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])\">\r\n                    }\r\n                </td>\r\n                }\r\n                @if (!col.invisible && col.isFile && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\r\n                <td [ngStyle]=\"{\r\n                            'width' : col.width ? col.width : null,\r\n                            'background-color': rowData[col.id].color ? rowData[col.id].color : null,\r\n                            'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value ? rowData[col.id].value : ''\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            '!text-left': col.position == 'left' || col.position == null,\r\n                            '!text-right': col.position == 'right',\r\n                            '!text-center': col.position == 'center',\r\n                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    <cilog-pastille-table [cell]=\"rowData[col.id]\" />\r\n\r\n                    @if (rowData[col.id]) {\r\n                    <div>{{ rowData[col.id].value ? rowData[col.id].value : '' }}</div>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- State -->\r\n                @if (!col.invisible && col.isState) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    class=\"!text-center\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    <cilog-pastille-table [cell]=\"rowData[col.id]\" />\r\n\r\n                    @if (rowData[col.id].value != null) {\r\n                    <p-tag [value]=\"rowData[col.id].value[getOption()(col, rowData, 'optionLabel')]\"\r\n                           [severity]=\"rowData[col.id].value.severity\"\r\n                           [icon]=\"rowData[col.id].value.icon\"\r\n                           [style]=\"{\r\n                                    'background-color': rowData[col.id].value.backgroundColor,\r\n                                    'color': rowData[col.id].value.textColor,\r\n                                    'font-weight': rowData.bold == true || rowData[col.id].bold == true ? 'bold' : null,\r\n                                    'font-style': rowData.italic == true || rowData[col.id].italic == true ? 'italic' : null\r\n                               }\">\r\n                    </p-tag>\r\n                    }\r\n                </td>\r\n                }\r\n                }\r\n\r\n                <!-- Deletion -->\r\n                @if (options().rowsDeletable) {\r\n                <td class=\"cellDelete\"\r\n                    [ngClass]=\"rowData.deletable ? 'paddingCell' : null\">\r\n                    @if (rowData.deletable) {\r\n                    <button pButton\r\n                            type=\"button\"\r\n                            icon=\"pi pi-times\"\r\n                            class=\"p-button-danger buttonDelete p-button-text\"\r\n                            [disabled]=\"rowData.readonly\"\r\n                            (click)=\"onDeleteLine(rowData)\">\r\n                    </button>\r\n                    }\r\n                </td>\r\n                }\r\n\r\n            </tr>\r\n        </ng-template>\r\n    </p-table>\r\n</div>\r\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 #BF9D8F!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}:host ::ng-deep .cellNotFrozen{position:relative!important}:host ::ng-deep td:not(.cellNotFrozen){z-index:5000!important}\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.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { 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.ResizableColumn, selector: "[pResizableColumn]", inputs: ["pResizableColumnDisabled"] }, { 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", "showOnEllipsis", "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: "component", type: PastilleTableComponent, selector: "cilog-pastille-table", inputs: ["cell"] }, { kind: "pipe", type: i3$1.DatePipe, name: "date" }, { kind: "pipe", type: ValuePipe, name: "value" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CilogTableComponent, decorators: [{
             type: Component,
@@ -1283,8 +1303,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                         SelectButtonModule,
                         ButtonModule,
                         InputTextModule,
-                        InputNumberModule
-                    ], template: "<div class=\"!relative\"\r\n     [ngStyle]=\"{ 'height': options().scrollHeight != null ? options().scrollHeight : '100%' }\">\r\n\r\n    @if (options().exportExcel) {\r\n    <button pButton\r\n            icon=\"pi pi-file-excel\"\r\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\"\r\n            pTooltip=\"Exporter le contenu de la grille au format Excel\"\r\n            tooltipPosition=\"right\"\r\n            (click)=\"exportExcel(options().exportExcelByFiltre, !options().exportExcelNoColors)\">\r\n    </button>\r\n    }\r\n\r\n    <p-contextmenu #cm [model]=\"options().contextMenuItems\" appendTo=\"body\" />\r\n\r\n    <p-table #table\r\n             [columns]=\"columns()\"\r\n             [value]=\"values()\"\r\n             dataKey=\"id\"\r\n             filterBy=\"id\"\r\n             [selectionMode]=\"getModeSelection()\"\r\n             [metaKeySelection]=\"isModeMetakeySelection()\"\r\n             [(selection)]=\"selectedRows\"\r\n             (onRowSelect)=\"onSelectRow($event)\"\r\n             (onRowUnselect)=\"onUnselectRow($event)\"\r\n             (onHeaderCheckboxToggle)=\"onSelectAll($event)\"\r\n             (sortFunction)=\"sortGrille($event)\"\r\n             [customSort]=\"options().grouping == null ? true : false\"\r\n             [scrollable]=\"true\"\r\n             [loading]=\"loading()\"\r\n             [scrollHeight]=\"'flex'\"\r\n             [rowGroupMode]=\"options().grouping != null ? 'subheader' : null\"\r\n             [groupRowsBy]=\"options().grouping != null ? options().grouping.obj + '.' + options().grouping.id : null\"\r\n             [groupRowsByOrder]=\"0\"\r\n             [virtualScroll]=\"options().virtualScroll == true && options().scrollHeight != null ? true : false\"\r\n             [virtualScrollItemSize]=\"options().virtualScrollItemSize != null ? options().virtualScrollItemSize : 35\"\r\n             [paginator]=\"options().paginator == null ? false : true\"\r\n             [rows]=\"options().paginatorRows\"\r\n             (onPage)=\"onPageTable($event)\"\r\n             [tableStyleClass]=\"!options().themeGrille ? 'grid_grey' : options().themeGrille\"\r\n             [lazy]=\"options().lazy == true ? true : false\"\r\n             (onFilter)=\"onFilterTable($event)\"\r\n             [rowTrackBy]=\"trackByFunction\"\r\n             (onContextMenuSelect)=\"onContextMenuSelect()\"\r\n             [(contextMenuSelection)]=\"contextMenuSelectedItem\"\r\n             [contextMenu]=\"cm\"\r\n             [resizableColumns]=\"options().resizableColumns\"\r\n             columnResizeMode=\"expand\">\r\n\r\n        <!-- HEADER -->\r\n        <ng-template pTemplate=\"header\" let-columns>\r\n\r\n            <!-- HEADERS -->\r\n            <tr class=\"rowHeader\">\r\n                @if (isModeCheckboxSelection()) {\r\n                <th class=\"cellDelete\"\r\n                    pFrozenColumn>\r\n                    @if (!options().filterable && options().toggleAll) {\r\n                    <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\r\n                    }\r\n                </th>\r\n                }\r\n                @for (col of columns; track col) {\r\n                @if (!col.invisible) {\r\n                <th [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': col.backgroundColor ? col.backgroundColor : null }\"\r\n                    [ngClass]=\"{ '!text-center' : options().centerHeaders, 'headerAffichageSimple': !options().headersAffichageEntier, 'headerAffichageEntier': options().headersAffichageEntier }\"\r\n                    [pSortableColumn]=\"col.id\"\r\n                    [pSortableColumnDisabled]=\"!options().sortable || options().grouping != null || col.libelle == null || col.libelle == ''\"\r\n                    id=\"{{ col.id }}\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\"\r\n                    [pTooltip]=\"col.libelle\"\r\n                    [tooltipDisabled]=\"!col.tooltipHeader\"\r\n                    tooltipPosition=\"bottom\"\r\n                    pResizableColumn\r\n                    [pResizableColumnDisabled]=\"!options().resizableColumns\">\r\n                    <div [ngStyle]=\"{ 'color': col.textColor ? col.textColor : null }\">\r\n                        {{ col.libelle }}\r\n                    </div>\r\n                    @if (options().sortable && options().grouping == null && col.libelle != null && col.libelle != '') {\r\n                    <p-sortIcon [field]=\"col.id\">\r\n                    </p-sortIcon>\r\n                    }\r\n                </th>\r\n                }\r\n                }\r\n                @if (options().rowsDeletable) {\r\n                <th class=\"cellDelete\"></th>\r\n                }\r\n            </tr>\r\n\r\n            <!-- FILTRES -->\r\n            @if (options().filterable) {\r\n            <tr class=\"rowFilter\">\r\n                @if (isModeCheckboxSelection()) {\r\n                <th class=\"cellDelete\"\r\n                    pFrozenColumn>\r\n                    @if (options().toggleAll) {\r\n                    <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\r\n                    }\r\n                </th>\r\n                }\r\n                @for (col of columns; track col) {\r\n                <!-- Text -->\r\n                @if (!col.invisible && ((checkType('Dropdown', col) && col.options.filterText)\r\n                || (checkType('MultiSelect', col) && col.options.filterText)\r\n                || checkType('Text', col)\r\n                || checkType('File', col)\r\n                || (checkType('Button', col) && col.options.filterCol))\r\n                || checkType('Number', col)\r\n                || checkType('CilogNumber', col)) {\r\n                <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    @if (!col.disableFilter) {\r\n                    <input pInputText\r\n                           type=\"text\"\r\n                           (input)=\"onFilterCol($event, col)\"\r\n                           name=\"filterText\"\r\n                           [(ngModel)]=\"col.options.defaultFilters\">\r\n                    }\r\n                </th>\r\n                }\r\n                <!-- Date -->\r\n                @if (!col.invisible && checkType('Date', col)) {\r\n                <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    @if (!col.disableFilter) {\r\n                    <p-datepicker [view]=\"col.options.mode == null ? 'date' : col.options.mode\"\r\n                                  [dateFormat]=\"col.options.mode == 'year' ? 'yy' : col.options.mode == 'month' ? 'mm/yy' : 'dd/mm/yy'\"\r\n                                  [inputId]=\"col.id + '_filter'\"\r\n                                  [firstDayOfWeek]=\"1\"\r\n                                  [readonlyInput]=\"true\"\r\n                                  appendTo=\"body\"\r\n                                  selectionMode=\"range\"\r\n                                  (onSelect)=\"onFilterCol($event, col)\"\r\n                                  showButtonBar=\"true\"\r\n                                  (onClearClick)=\"onFilterCol($event, col)\"\r\n                                  name=\"filterDate\"\r\n                                  [(ngModel)]=\"col.options.defaultFilters\">\r\n                    </p-datepicker>\r\n                    }\r\n                </th>\r\n                }\r\n                <!-- Liste -->\r\n                @if (!col.invisible && ((checkType('Dropdown', col) && !col.options.filterText) || (checkType('MultiSelect', col) && !col.options.filterText) || checkType('SelectButton', col) || checkType('State', col))) {\r\n                <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    @if (!col.disableFilter) {\r\n                    <p-multiSelect [options]=\"col.options?.options\"\r\n                                   [filter]=\"true\"\r\n                                   dataKey=\"ID\"\r\n                                   [optionLabel]=\"col.options?.optionLabel\"\r\n                                   appendTo=\"body\"\r\n                                   emptyFilterMessage=\"Aucun r\u00E9sultat\"\r\n                                   emptyMessage=\"Aucun r\u00E9sultat\"\r\n                                   [virtualScroll]=\"true\"\r\n                                   [virtualScrollItemSize]=\"35\"\r\n                                   selectedItemsLabel=\"{0} selectionn\u00E9s\"\r\n                                   (onChange)=\"onFilterCol($event, col)\"\r\n                                   name=\"filterChoix\"\r\n                                   [(ngModel)]=\"col.options.defaultFilters\"\r\n                                   [group]=\"col.options.optionGroupChildren != null ? true : false\"\r\n                                   [optionGroupLabel]=\"col.options.optionGroupLabel\"\r\n                                   [optionGroupChildren]=\"col.options.optionGroupChildren\"\r\n                                   [showToggleAll]=\"false\"\r\n                                   [showClear]=\"true\"\r\n                                   (onClear)=\"onFilterCol(null, col)\">\r\n                        <ng-template let-group pTemplate=\"group\">\r\n                            <div>{{group[col.options.optionGroupLabel]}}</div>\r\n                        </ng-template>\r\n                    </p-multiSelect>\r\n                    }\r\n                </th>\r\n                }\r\n                <!-- Switch -->\r\n                @if (!col.invisible && checkType('Switch', col)) {\r\n                <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    @if (!col.disableFilter) {\r\n                    <p-multiSelect [options]=\"optionsSwitch\"\r\n                                   [showHeader]=\"false\"\r\n                                   optionLabel=\"label\"\r\n                                   optionValue=\"value\"\r\n                                   appendTo=\"body\"\r\n                                   emptyFilterMessage=\"Aucun r\u00E9sultat\"\r\n                                   emptyMessage=\"Aucun r\u00E9sultat\"\r\n                                   [virtualScrollItemSize]=\"30\"\r\n                                   selectedItemsLabel=\"{0} selectionn\u00E9s\"\r\n                                   (onChange)=\"onFilterCol($event, col)\"\r\n                                   name=\"filterChoix2\"\r\n                                   [(ngModel)]=\"col.options.defaultFilters\">\r\n                    </p-multiSelect>\r\n                    }\r\n                </th>\r\n                }\r\n                <!-- Non filtrable -->\r\n                @if (!col.invisible && (checkType('Image', col) || (checkType('Button', col) && !col.options.filterCol))) {\r\n                <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                </th>\r\n                }\r\n                }\r\n                @if (options().rowsDeletable) {\r\n                <th class=\"cellDelete\"></th>\r\n                }\r\n            </tr>\r\n            }\r\n\r\n            <!-- TOTAL -->\r\n            @if (options().rowTotal) {\r\n            <tr class=\"rowTotal\">\r\n                @if (isModeCheckboxSelection()) {\r\n                <th class=\"cellDelete\"\r\n                    pFrozenColumn>\r\n                </th>\r\n                }\r\n                @for (col of columns; track col) {\r\n                @if (!col.invisible) {\r\n                <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    [ngClass]=\"{ '!text-center' : true }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div>{{ getTotalStr(col) }}</div>\r\n                </th>\r\n                }\r\n                }\r\n                @if (options().rowsDeletable) {\r\n                <th class=\"cellDelete\"></th>\r\n                }\r\n            </tr>\r\n            }\r\n        </ng-template>\r\n\r\n        <!--Groupheader-->\r\n        <ng-template pTemplate=\"groupheader\" let-rowData>\r\n            <tr pRowGroupHeader class=\"rowGrouping\">\r\n                <td [attr.colspan]=\"columns().length\">\r\n                    <div class=\"text_bold\">{{ rowData[options().grouping.obj][options().grouping.libelle] }}</div>\r\n                </td>\r\n            </tr>\r\n        </ng-template>\r\n\r\n        <!-- Body -->\r\n        <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\r\n            <tr id=\"{{ rowData.id }}\"\r\n                [ngStyle]=\"{ 'background-color': rowData.color ? rowData.color : null }\"\r\n                [pSelectableRow]=\"rowData\"\r\n                [pSelectableRowDisabled]=\"!options().selectable || isModeCheckboxSelection() || isModeCellSelection()\"\r\n                (dblclick)=\"onRowDoubleClickEvent(rowData)\"\r\n                [pContextMenuRow]=\"rowData\">\r\n\r\n                @if (isModeCheckboxSelection()) {\r\n                <td class=\"cellDelete\"\r\n                    pFrozenColumn>\r\n                    <p-tableCheckbox [value]=\"rowData\" [disabled]=\"rowData.readonly\"></p-tableCheckbox>\r\n                </td>\r\n                }\r\n\r\n                @for (col of columns; track col) {\r\n                <!-- Text -->\r\n                @if (!col.invisible && checkType('Text', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pEditableColumn]=\"rowData\"\r\n                    [pEditableColumnField]=\"col.id\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    pFrozenColumn\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    [frozen]=\"col.frozen\"\r\n                    [ngClass]=\"{\r\n                             '!text-left': col.position == 'left' || col.position == null,\r\n                             '!text-right': col.position == 'right',\r\n                             '!text-center': col.position == 'center',\r\n                             '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                             '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                             'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    @if(rowData[col.id].pastilleHautGauche != null){\r\n                    <span class=\"pastille pastilleHautGauche\">{{ rowData[col.id].pastilleHautGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleHautDroite != null){\r\n                    <span class=\"pastille pastilleHautDroite\">{{ rowData[col.id].pastilleHautDroite }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasGauche != null){\r\n                    <span class=\"pastille pastilleBasGauche\">{{ rowData[col.id].pastilleBasGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasDroite != null){\r\n                    <span class=\"pastille pastilleBasDroite\">{{ rowData[col.id].pastilleBasDroite }}</span>\r\n                    }\r\n\r\n                    <p-cellEditor>\r\n                        <ng-template pTemplate=\"input\">\r\n                            <input pInputText\r\n                                   type=\"text\"\r\n                                   [maxlength]=\"getOption(col, rowData, 'maxLength')\"\r\n                                   [(ngModel)]=\"rowData[col.id].value\"\r\n                                   (keypress)=\"getOption(col, rowData, 'sansEspaces') && $event.keyCode === 32 ? $event.preventDefault() : null\"\r\n                                   name=\"text\"\r\n                                   (blur)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                   (keydown.enter)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                   (keydown.tab)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                   (click)=\"onEditInitCell($event, rowData, col, rowData[col.id].value)\"\r\n                                   [ngClass]=\"{\r\n                                            '!text-left': col.position == 'left' || col.position == null,\r\n                                            '!text-right': col.position == 'right',\r\n                                            '!text-center': col.position == 'center',\r\n                                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true\r\n                                       }\" />\r\n                        </ng-template>\r\n                        <ng-template pTemplate=\"output\">\r\n                            @if (rowData[col.id]) {\r\n                            <div style=\"white-space: pre;\">\r\n                                {{ getFormattedText(col, rowData) }}\r\n                            </div>\r\n                            }\r\n                        </ng-template>\r\n                    </p-cellEditor>\r\n                </td>\r\n                }\r\n                @if (!col.invisible && checkType('Text', col) && (!isModeEdition() || rowData.readonly || rowData[col.id]?.readonly)) {\r\n                <td [ngStyle]=\"{\r\n                            'width' : col.width ? col.width : null,\r\n                            'background-color' : rowData[col.id].color ? rowData[col.id].color : null,\r\n                            'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            '!text-left': col.position == 'left' || col.position == null,\r\n                            '!text-right': col.position == 'right',\r\n                            '!text-center': col.position == 'center',\r\n                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">\r\n                        {{ col.libelle }} :\r\n                    </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    @if(rowData[col.id].pastilleHautGauche != null){\r\n                    <span class=\"pastille pastilleHautGauche\">{{ rowData[col.id].pastilleHautGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleHautDroite != null){\r\n                    <span class=\"pastille pastilleHautDroite\">{{ rowData[col.id].pastilleHautDroite }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasGauche != null){\r\n                    <span class=\"pastille pastilleBasGauche\">{{ rowData[col.id].pastilleBasGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasDroite != null){\r\n                    <span class=\"pastille pastilleBasDroite\">{{ rowData[col.id].pastilleBasDroite }}</span>\r\n                    }\r\n\r\n                    @if (rowData[col.id]) {\r\n                    <div style=\"white-space: pre;\">\r\n                        {{ getFormattedText(col, rowData) }}\r\n                    </div>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- Dropdown -->\r\n                @if (!col.invisible && checkType('Dropdown', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    [ngClass]=\"{\r\n                            '!text-left': col.position == 'left' || col.position == null,\r\n                            '!text-right': col.position == 'right',\r\n                            '!text-center': col.position == 'center',\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value != null ? rowData[col.id].value[getOption(col, rowData, 'optionLabel')] : ''\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pEditableColumn]=\"rowData\"\r\n                    [pEditableColumnField]=\"col.id\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\"\r\n                    class=\"paddingCell\">\r\n\r\n                    <!-- PASTILLES -->\r\n                    @if(rowData[col.id].pastilleHautGauche != null){\r\n                    <span class=\"pastille pastilleHautGauche\">{{ rowData[col.id].pastilleHautGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleHautDroite != null){\r\n                    <span class=\"pastille pastilleHautDroite\">{{ rowData[col.id].pastilleHautDroite }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasGauche != null){\r\n                    <span class=\"pastille pastilleBasGauche\">{{ rowData[col.id].pastilleBasGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasDroite != null){\r\n                    <span class=\"pastille pastilleBasDroite\">{{ rowData[col.id].pastilleBasDroite }}</span>\r\n                    }\r\n\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                    @if (rowData[col.id] != null) {\r\n                    <p-cellEditor>\r\n                        <ng-template pTemplate=\"input\">\r\n                            <p-select dataKey=\"ID\"\r\n                                      [options]=\"getOption(col, rowData, 'options')\"\r\n                                      [filter]=\"getOption(col, rowData, 'filter')\"\r\n                                      [optionLabel]=\"getOption(col, rowData, 'optionLabel')\"\r\n                                      [(ngModel)]=\"rowData[col.id].value\"\r\n                                      name=\"select\"\r\n                                      appendTo=\"body\"\r\n                                      [showClear]=\"getOption(col, rowData, 'deletable')\"\r\n                                      emptyFilterMessage=\"Aucun r\u00E9sultat\"\r\n                                      emptyMessage=\"Aucun r\u00E9sultat\"\r\n                                      [virtualScroll]=\"getOption(col, rowData, 'virtualScroll')\"\r\n                                      [readonly]=\"rowData.readonly || rowData[col.id]?.readonly\"\r\n                                      [virtualScrollItemSize]=\"30\"\r\n                                      (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                      (onClear)=\"onEditCell(rowData, col, rowData[col.id].value)\">\r\n                                <ng-template let-data pTemplate=\"selectedItem\">\r\n                                    @if (data != null) {\r\n                                    <span [ngClass]=\"{\r\n                    '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                    '!font-italic': rowData.italic == true || rowData[col.id].italic == true\r\n                }\">\r\n                                        {{ data[getOption(col, rowData, 'optionLabel')] }}\r\n                                    </span>\r\n                                    }\r\n                                    @if (data == null) {\r\n                                    <span></span>\r\n                                    }\r\n                                </ng-template>\r\n                            </p-select>\r\n                        </ng-template>\r\n                        <ng-template pTemplate=\"output\">\r\n                            @if (rowData[col.id]) {\r\n                            <div style=\"white-space: pre;\">\r\n                                {{ rowData[col.id].value != null ? rowData[col.id].value[getOption(col, rowData, 'optionLabel')] : '' }}\r\n                            </div>\r\n                            }\r\n                        </ng-template>\r\n                    </p-cellEditor>\r\n\r\n                    }\r\n                </td>\r\n                }\r\n                @if (!col.invisible && checkType('Dropdown', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\r\n                <td [ngStyle]=\"{\r\n                            'width' : col.width ? col.width : null,\r\n                            'background-color': rowData[col.id].color ? rowData[col.id].color : null,\r\n                            'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value != null ? rowData[col.id].value[getOption(col, rowData, 'optionLabel')] : ''\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            '!text-left': col.position == 'left' || col.position == null,\r\n                            '!text-right': col.position == 'right',\r\n                            '!text-center': col.position == 'center',\r\n                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    @if(rowData[col.id].pastilleHautGauche != null){\r\n                    <span class=\"pastille pastilleHautGauche\">{{ rowData[col.id].pastilleHautGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleHautDroite != null){\r\n                    <span class=\"pastille pastilleHautDroite\">{{ rowData[col.id].pastilleHautDroite }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasGauche != null){\r\n                    <span class=\"pastille pastilleBasGauche\">{{ rowData[col.id].pastilleBasGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasDroite != null){\r\n                    <span class=\"pastille pastilleBasDroite\">{{ rowData[col.id].pastilleBasDroite }}</span>\r\n                    }\r\n\r\n                    @if (rowData[col.id]) {\r\n                    <div>{{ rowData[col.id].value != null ? rowData[col.id].value[getOption(col, rowData, 'optionLabel')] : '' }}</div>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- Cilog Number -->\r\n                @if (!col.invisible && checkType('CilogNumber', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | value\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pEditableColumn]=\"rowData\"\r\n                    [pEditableColumnField]=\"col.id\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    @if(rowData[col.id].pastilleHautGauche != null){\r\n                    <span class=\"pastille pastilleHautGauche\">{{ rowData[col.id].pastilleHautGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleHautDroite != null){\r\n                    <span class=\"pastille pastilleHautDroite\">{{ rowData[col.id].pastilleHautDroite }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasGauche != null){\r\n                    <span class=\"pastille pastilleBasGauche\">{{ rowData[col.id].pastilleBasGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasDroite != null){\r\n                    <span class=\"pastille pastilleBasDroite\">{{ rowData[col.id].pastilleBasDroite }}</span>\r\n                    }\r\n\r\n                    @if (rowData[col.id] && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                    <p-cellEditor>\r\n                        <ng-template pTemplate=\"input\">\r\n                            <cilog-input-number (onInput)=\"onInputNumber($event)\"\r\n                                                [(ngModel)]=\"rowData[col.id].value\"\r\n                                                name=\"cilog-number\"\r\n                                                ngDefaultControl\r\n                                                [inputStyleClass]=\"col.position == null || col.position == 'right' ? '!text-right' : col.position == 'left' ? '!text-left' : '!text-center'\"\r\n                                                [textColor]=\"rowData[col.id].textColor\"\r\n                                                [bold]=\"rowData.bold == true || rowData[col.id].bold == true\"\r\n                                                [italic]=\"rowData.italic == true || rowData[col.id].italic == true\"\r\n                                                [suffixe]=\"getOption(col, rowData, 'suffix')\"\r\n                                                [prefixe]=\"getOption(col, rowData, 'prefix') != null ? getOption(col, rowData, 'prefix') + ' ' : null\"\r\n                                                [min]=\"getOption(col, rowData, 'min')\"\r\n                                                [max]=\"getOption(col, rowData, 'max')\"\r\n                                                [disabled]=\"rowData.readonly || rowData[col.id]?.readonly\"\r\n                                                [maxDecimals]=\"getOption(col, rowData, 'modeInteger') != null && getOption(col, rowData, 'modeInteger') == true ? 0 : getOption(col, rowData, 'maxDecimales') != null ? getOption(col, rowData, 'maxDecimales') : 2 \"\r\n                                                (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                                (onFocus)=\"onEditInitCell($event, rowData, col, rowData[col.id].value)\">\r\n                            </cilog-input-number>\r\n                        </ng-template>\r\n                        <ng-template pTemplate=\"output\">\r\n                            @if (rowData[col.id]) {\r\n                            <div style=\"white-space: pre;\">\r\n                                {{ getFormattedNumber(col, rowData, rowData[col.id].value) }}\r\n                            </div>\r\n                            }\r\n                        </ng-template>\r\n                    </p-cellEditor>\r\n                    }\r\n                </td>\r\n                }\r\n                @if (!col.invisible && checkType('CilogNumber', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\r\n                <td [ngStyle]=\"{\r\n                            'width' : col.width ? col.width : null,\r\n                            'background-color': rowData[col.id].color ? rowData[col.id].color : null,\r\n                            'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | value\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            '!text-left': col.position == 'left' || col.position == null,\r\n                            '!text-right': col.position == 'right',\r\n                            '!text-center': col.position == 'center',\r\n                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    @if(rowData[col.id].pastilleHautGauche != null){\r\n                    <span class=\"pastille pastilleHautGauche\">{{ rowData[col.id].pastilleHautGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleHautDroite != null){\r\n                    <span class=\"pastille pastilleHautDroite\">{{ rowData[col.id].pastilleHautDroite }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasGauche != null){\r\n                    <span class=\"pastille pastilleBasGauche\">{{ rowData[col.id].pastilleBasGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasDroite != null){\r\n                    <span class=\"pastille pastilleBasDroite\">{{ rowData[col.id].pastilleBasDroite }}</span>\r\n                    }\r\n\r\n                    @if (rowData[col.id]) {\r\n                    <div>{{ getFormattedNumber(col, rowData, rowData[col.id].value) }}</div>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- Number -->\r\n                @if (!col.invisible && checkType('Number', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | value\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    [pEditableColumn]=\"rowData\"\r\n                    [pEditableColumnField]=\"col.id\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            '!text-left': col.position == 'left',\r\n                            '!text-right': col.position == 'right' || col.position == null,\r\n                            '!text-center': col.position == 'center',\r\n                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    @if(rowData[col.id].pastilleHautGauche != null){\r\n                    <span class=\"pastille pastilleHautGauche\">{{ rowData[col.id].pastilleHautGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleHautDroite != null){\r\n                    <span class=\"pastille pastilleHautDroite\">{{ rowData[col.id].pastilleHautDroite }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasGauche != null){\r\n                    <span class=\"pastille pastilleBasGauche\">{{ rowData[col.id].pastilleBasGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasDroite != null){\r\n                    <span class=\"pastille pastilleBasDroite\">{{ rowData[col.id].pastilleBasDroite }}</span>\r\n                    }\r\n\r\n                    @if (rowData[col.id] && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                    <p-cellEditor>\r\n                        <ng-template pTemplate=\"input\">\r\n                            <p-inputNumber #inputNumber\r\n                                           locale=\"fr-FR\"\r\n                                           (onInput)=\"onInputNumber($event)\"\r\n                                           [(ngModel)]=\"rowData[col.id].value\"\r\n                                           name=\"input-number\"\r\n                                           [showButtons]=\"getOption(col, rowData, 'showButtons')\"\r\n                                           [inputStyleClass]=\"col.position == null || col.position == 'right' ? '!text-right' : col.position == 'left' ? '!text-left' : '!text-center'\"\r\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 }\"\r\n                                           [suffix]=\"getOption(col, rowData, 'suffix')\"\r\n                                           [prefix]=\"getOption(col, rowData, 'prefix') != null ? getOption(col, rowData, 'prefix') + ' ' : null\"\r\n                                           [min]=\"getOption(col, rowData, 'min')\"\r\n                                           [max]=\"getOption(col, rowData, 'max')\"\r\n                                           [minFractionDigits]=\"getOption(col, rowData, 'modeInteger') != null && getOption(col, rowData, 'modeInteger') == true ? 0 : getOption(col, rowData, 'minDecimales') != null ? getOption(col, rowData, 'minDecimales') : 0\"\r\n                                           [maxFractionDigits]=\"getOption(col, rowData, 'modeInteger') != null && getOption(col, rowData, 'modeInteger') == true ? 0 : getOption(col, rowData, 'maxDecimales') != null ? getOption(col, rowData, 'maxDecimales') : 2 \"\r\n                                           (onBlur)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                           (onKeyDown)=\"onKeyDown($event, rowData, col, rowData[col.id].value)\"\r\n                                           (onFocus)=\"onEditInitCell($event, rowData, col, rowData[col.id].value)\"\r\n                                           [step]=\"0\">\r\n                            </p-inputNumber>\r\n                        </ng-template>\r\n                        <ng-template pTemplate=\"output\">\r\n                            @if (rowData[col.id]) {\r\n                            <div style=\"white-space: pre;\">\r\n                                {{ getFormattedNumber(col, rowData, rowData[col.id].value) }}\r\n                            </div>\r\n                            }\r\n                        </ng-template>\r\n                    </p-cellEditor>\r\n                    }\r\n                </td>\r\n                }\r\n                @if (!col.invisible && checkType('Number', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\r\n                <td [ngStyle]=\"{\r\n                            'width' : col.width ? col.width : null,\r\n                            'background-color': rowData[col.id].color ? rowData[col.id].color : null,\r\n                            'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\r\n                        }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | value\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            '!text-left': col.position == 'left',\r\n                            '!text-right': col.position == 'right' || col.position == null,\r\n                            '!text-center': col.position == 'center',\r\n                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    @if(rowData[col.id].pastilleHautGauche != null){\r\n                    <span class=\"pastille pastilleHautGauche\">{{ rowData[col.id].pastilleHautGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleHautDroite != null){\r\n                    <span class=\"pastille pastilleHautDroite\">{{ rowData[col.id].pastilleHautDroite }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasGauche != null){\r\n                    <span class=\"pastille pastilleBasGauche\">{{ rowData[col.id].pastilleBasGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasDroite != null){\r\n                    <span class=\"pastille pastilleBasDroite\">{{ rowData[col.id].pastilleBasDroite }}</span>\r\n                    }\r\n\r\n                    @if (rowData[col.id]) {\r\n                    <div>{{ getFormattedNumber(col, rowData, rowData[col.id].value) }}</div>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- Date -->\r\n                @if (!col.invisible && checkType('Date', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\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')\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pEditableColumn]=\"rowData\"\r\n                    [pEditableColumnField]=\"col.id\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    @if(rowData[col.id].pastilleHautGauche != null){\r\n                    <span class=\"pastille pastilleHautGauche\">{{ rowData[col.id].pastilleHautGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleHautDroite != null){\r\n                    <span class=\"pastille pastilleHautDroite\">{{ rowData[col.id].pastilleHautDroite }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasGauche != null){\r\n                    <span class=\"pastille pastilleBasGauche\">{{ rowData[col.id].pastilleBasGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasDroite != null){\r\n                    <span class=\"pastille pastilleBasDroite\">{{ rowData[col.id].pastilleBasDroite }}</span>\r\n                    }\r\n\r\n                    <p-cellEditor>\r\n                        <ng-template pTemplate=\"input\">\r\n                            <p-datepicker [(ngModel)]=\"rowData[col.id].value\"\r\n                                          name=\"date-picker\"\r\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')\"\r\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'\"\r\n                                          [showTime]=\"getOption(col, rowData, 'mode') == 'datehour'\"\r\n                                          [timeOnly]=\"getOption(col, rowData, 'mode') == 'hour'\"\r\n                                          [hourFormat]=\"'24'\"\r\n                                          [firstDayOfWeek]=\"1\"\r\n                                          (onSelect)=\"onDateFinalized(rowData, col, rowData[col.id].value)\"\r\n                                          (onBlur)=\"onDateFinalized(rowData, col, rowData[col.id].value)\"\r\n                                          (onClear)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                          [inputStyleClass]=\"col.position == null || col.position == 'right' ? '!text-right' : col.position == 'left' ? '!text-left' : '!text-center'\"\r\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 }\"\r\n                                          [showClear]=\"getOption(col, rowData, 'clear')\"\r\n                                          [minDate]=\"getOption(col, rowData, 'minDate')\"\r\n                                          [maxDate]=\"getOption(col, rowData, 'maxDate')\"\r\n                                          [defaultDate]=\"getOption(col, rowData, 'defaultDate')\"\r\n                                          appendTo=\"body\">\r\n                            </p-datepicker>\r\n                        </ng-template>\r\n                        <ng-template pTemplate=\"output\">\r\n                            @if (rowData[col.id]) {\r\n                            <div style=\"white-space: pre;\">\r\n                                {{ rowData[col.id].value | date: (getOption(col, rowData, 'mode') == 'year' ? 'yyyy' : getOption(col, rowData, 'mode') == 'month' ? 'MM/yyyy' : 'dd/MM/yyyy') }}\r\n                            </div>\r\n                            }\r\n                        </ng-template>\r\n                    </p-cellEditor>\r\n                </td>\r\n                }\r\n                @if (!col.invisible && checkType('Date', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\r\n                <td [ngStyle]=\"{\r\n                            'min-width' : col.width ? col.width : null,\r\n                            'background-color': rowData[col.id].color ? rowData[col.id].color : null,\r\n                            'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | date: 'dd/MM/yyyy'\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            '!text-left': col.position == 'left' || col.position == null,\r\n                            '!text-right': col.position == 'right',\r\n                            '!text-center': col.position == 'center',\r\n                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    @if(rowData[col.id].pastilleHautGauche != null){\r\n                    <span class=\"pastille pastilleHautGauche\">{{ rowData[col.id].pastilleHautGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleHautDroite != null){\r\n                    <span class=\"pastille pastilleHautDroite\">{{ rowData[col.id].pastilleHautDroite }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasGauche != null){\r\n                    <span class=\"pastille pastilleBasGauche\">{{ rowData[col.id].pastilleBasGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasDroite != null){\r\n                    <span class=\"pastille pastilleBasDroite\">{{ rowData[col.id].pastilleBasDroite }}</span>\r\n                    }\r\n\r\n                    @if (rowData[col.id]) {\r\n                    <div>{{ rowData[col.id].value | date: (getOption(col, rowData, 'mode') == 'year' ? 'yyyy' : getOption(col, rowData, 'mode') == 'month' ? 'MM/yyyy' : 'dd/MM/yyyy') }}</div>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- MultiSelect -->\r\n                @if (!col.invisible && checkType('MultiSelect', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"{\r\n                            '!text-left': col.position == 'left' || col.position == null,\r\n                            '!text-right': col.position == 'right',\r\n                            '!text-center': col.position == 'center',\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : getMultiSelectConcat(rowData[col.id].value, getOption(col, rowData, 'optionLabel'))\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pEditableColumn]=\"rowData\"\r\n                    [pEditableColumnField]=\"col.id\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\"\r\n                    class=\"paddingCell\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    @if(rowData[col.id].pastilleHautGauche != null){\r\n                    <span class=\"pastille pastilleHautGauche\">{{ rowData[col.id].pastilleHautGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleHautDroite != null){\r\n                    <span class=\"pastille pastilleHautDroite\">{{ rowData[col.id].pastilleHautDroite }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasGauche != null){\r\n                    <span class=\"pastille pastilleBasGauche\">{{ rowData[col.id].pastilleBasGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasDroite != null){\r\n                    <span class=\"pastille pastilleBasDroite\">{{ rowData[col.id].pastilleBasDroite }}</span>\r\n                    }\r\n\r\n                    @if (rowData[col.id] != null) {\r\n                    <p-cellEditor>\r\n                        <ng-template pTemplate=\"input\">\r\n                            <p-multiSelect [options]=\"getOption(col, rowData, 'options')\"\r\n                                           [filter]=\"getOption(col, rowData, 'filter')\"\r\n                                           [optionLabel]=\"getOption(col, rowData, 'optionLabel')\"\r\n                                           [(ngModel)]=\"rowData[col.id].value\"\r\n                                           name=\"multiselect\"\r\n                                           appendTo=\"body\"\r\n                                           dataKey=\"ID\"\r\n                                           emptyFilterMessage=\"Aucun r\u00E9sultat\"\r\n                                           emptyMessage=\"Aucun r\u00E9sultat\"\r\n                                           [virtualScroll]=\"getOption(col, rowData, 'virtualScroll')\"\r\n                                           [readonly]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\"\r\n                                           [virtualScrollItemSize]=\"30\"\r\n                                           selectedItemsLabel=\"{0} selectionn\u00E9s\"\r\n                                           (onChange)=\"editMultiselect(rowData, col, $event)\"\r\n                                           [showToggleAll]=\"false\"\r\n                                           [showHeader]=\"getOption(col, rowData, 'filter')\"\r\n                                           [group]=\"getOption(col, rowData, 'optionGroupChildren') != null ? true : false\"\r\n                                           [optionGroupLabel]=\"getOption(col, rowData, 'optionGroupLabel')\"\r\n                                           [optionGroupChildren]=\"getOption(col, rowData, 'optionGroupChildren')\"\r\n                                           ngDefaultControl>\r\n                                <ng-template let-data pTemplate=\"selectedItems\">\r\n                                    @for (option of data; track option; let i = $index) {\r\n                                    <span [ngClass]=\"{\r\n                    '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                    '!font-italic': rowData.italic == true || rowData[col.id].italic == true\r\n                 }\">\r\n                                        {{ option[getOption(col, rowData, 'optionLabel')] + (i != data.length - 1 ? ',' : '') }}\r\n                                    </span>\r\n                                    }\r\n                                </ng-template>\r\n                                <ng-template let-group pTemplate=\"group\">\r\n                                    <div>{{group[col.options.optionGroupLabel]}}</div>\r\n                                </ng-template>\r\n                            </p-multiSelect>\r\n                        </ng-template>\r\n                        <ng-template pTemplate=\"output\">\r\n                            @if (rowData[col.id]) {\r\n                            <div style=\"white-space: pre;\">\r\n                                {{ getMultiSelectConcat(rowData[col.id].value, getOption(col, rowData, 'optionLabel')) }}\r\n                            </div>\r\n                            }\r\n                        </ng-template>\r\n                    </p-cellEditor>\r\n                    }\r\n                </td>\r\n                }\r\n                @if (!col.invisible && checkType('MultiSelect', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\r\n                <td [ngStyle]=\"{\r\n                            'width' : col.width ? col.width : null,\r\n                            'background-color': rowData[col.id].color ? rowData[col.id].color : null,\r\n                            'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : getMultiSelectConcat(rowData[col.id].value, getOption(col, rowData, 'optionLabel'))\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            '!text-left': col.position == 'left' || col.position == null,\r\n                            '!text-right': col.position == 'right',\r\n                            '!text-center': col.position == 'center',\r\n                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    @if(rowData[col.id].pastilleHautGauche != null){\r\n                    <span class=\"pastille pastilleHautGauche\">{{ rowData[col.id].pastilleHautGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleHautDroite != null){\r\n                    <span class=\"pastille pastilleHautDroite\">{{ rowData[col.id].pastilleHautDroite }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasGauche != null){\r\n                    <span class=\"pastille pastilleBasGauche\">{{ rowData[col.id].pastilleBasGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasDroite != null){\r\n                    <span class=\"pastille pastilleBasDroite\">{{ rowData[col.id].pastilleBasDroite }}</span>\r\n                    }\r\n\r\n                    @if (rowData[col.id]) {\r\n                    <div>{{ getMultiSelectConcat(rowData[col.id].value, getOption(col, rowData, 'optionLabel')) }}</div>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- Image -->\r\n                @if (!col.invisible && checkType('Image', col)) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    class=\"!text-center\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    @if(rowData[col.id].pastilleHautGauche != null){\r\n                    <span class=\"pastille pastilleHautGauche\">{{ rowData[col.id].pastilleHautGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleHautDroite != null){\r\n                    <span class=\"pastille pastilleHautDroite\">{{ rowData[col.id].pastilleHautDroite }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasGauche != null){\r\n                    <span class=\"pastille pastilleBasGauche\">{{ rowData[col.id].pastilleBasGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasDroite != null){\r\n                    <span class=\"pastille pastilleBasDroite\">{{ rowData[col.id].pastilleBasDroite }}</span>\r\n                    }\r\n\r\n                    @if (rowData[col.id]) {\r\n                    <img style=\"vertical-align: middle; width: 40px;\" src=\"{{ rowData[col.id].value }}\" />\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- Button -->\r\n                @if (!col.invisible && checkType('Button', col)) {\r\n                <td class=\"paddingCell !text-center\"\r\n                    [ngClass]=\"{\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                    @if (rowData[col.id].value != null && isValueButtonByType(rowData[col.id].value, 'function')) {\r\n                    <button pButton\r\n                            [disabled]=\"rowData.readonly || rowData[col.id]?.readonly\"\r\n                            [label]=\"getOption(col, rowData, 'label')\"\r\n                            [icon]=\"getOption(col, rowData, 'icon')\"\r\n                            (click)=\"rowData[col.id].value()\"\r\n                            [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : getOption(col, rowData, 'label')\"\r\n                            [tooltipDisabled]=\"!col.tooltip\"\r\n                            [class]=\"'p-button-' + getOption(col, rowData, 'severity')\"\r\n                            [ngClass]=\"{\r\n                                    '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                                    '!font-italic': rowData.italic == true || rowData[col.id].italic == true\r\n                                }\">\r\n                    </button>\r\n                    }\r\n                    @if (isValueButtonByType(rowData[col.id].value, 'string')) {\r\n                    <div [ngClass]=\"{\r\n                                'paddingCell': rowData[col.id] != null,\r\n                                '!text-left': col.position == 'left' || col.position == null,\r\n                                '!text-right': col.position == 'right',\r\n                                '!text-center': col.position == 'center',\r\n                                '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                                '!font-italic': rowData.italic == true || rowData[col.id].italic == true\r\n                            }\"\r\n                         [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value\"\r\n                         [tooltipDisabled]=\"!col.tooltip\">\r\n                        {{ rowData[col.id].value }}\r\n                    </div>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- SelectButton -->\r\n                @if (!col.invisible && checkType('SelectButton', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    @if(rowData[col.id].pastilleHautGauche != null){\r\n                    <span class=\"pastille pastilleHautGauche\">{{ rowData[col.id].pastilleHautGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleHautDroite != null){\r\n                    <span class=\"pastille pastilleHautDroite\">{{ rowData[col.id].pastilleHautDroite }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasGauche != null){\r\n                    <span class=\"pastille pastilleBasGauche\">{{ rowData[col.id].pastilleBasGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasDroite != null){\r\n                    <span class=\"pastille pastilleBasDroite\">{{ rowData[col.id].pastilleBasDroite }}</span>\r\n                    }\r\n\r\n                    @if (rowData[col.id] != null) {\r\n                    <p-selectButton [options]=\"getOption(col, rowData, 'options')\"\r\n                                    [optionLabel]=\"getOption(col, rowData, 'optionLabel')\"\r\n                                    [optionValue]=\"getOption(col, rowData, 'optionValue') != null ? getOption(col, rowData, 'optionValue') : 'value'\"\r\n                                    [(ngModel)]=\"rowData[col.id].value\"\r\n                                    name=\"select-button\"\r\n                                    [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\"\r\n                                    (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\">\r\n                        <ng-template let-item pTemplate=\"item\">\r\n                            <span class=\"!text-center w-full\"\r\n                                  [ngClass]=\"{\r\n                                    '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                                    '!font-italic': rowData.italic == true || rowData[col.id].italic == true\r\n                                }\">\r\n                                {{ item.label }}\r\n                            </span>\r\n                        </ng-template>\r\n                    </p-selectButton>\r\n                    }\r\n                </td>\r\n                }\r\n                @if (!col.invisible && checkType('SelectButton', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\r\n                <td [ngStyle]=\"{\r\n                            'width' : col.width ? col.width : null,\r\n                            'background-color': rowData[col.id].color ? rowData[col.id].color : null,\r\n                            'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    class=\"!text-center\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    @if(rowData[col.id].pastilleHautGauche != null){\r\n                    <span class=\"pastille pastilleHautGauche\">{{ rowData[col.id].pastilleHautGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleHautDroite != null){\r\n                    <span class=\"pastille pastilleHautDroite\">{{ rowData[col.id].pastilleHautDroite }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasGauche != null){\r\n                    <span class=\"pastille pastilleBasGauche\">{{ rowData[col.id].pastilleBasGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasDroite != null){\r\n                    <span class=\"pastille pastilleBasDroite\">{{ rowData[col.id].pastilleBasDroite }}</span>\r\n                    }\r\n\r\n                    @if (rowData[col.id]) {\r\n                    <div>{{ getSelectLibelleByValue(rowData, col) }}</div>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- Switch -->\r\n                @if (!col.invisible && checkType('Switch', col)) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    class=\"!text-center\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    pFrozenColumn\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    @if(rowData[col.id].pastilleHautGauche != null){\r\n                    <span class=\"pastille pastilleHautGauche\">{{ rowData[col.id].pastilleHautGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleHautDroite != null){\r\n                    <span class=\"pastille pastilleHautDroite\">{{ rowData[col.id].pastilleHautDroite }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasGauche != null){\r\n                    <span class=\"pastille pastilleBasGauche\">{{ rowData[col.id].pastilleBasGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasDroite != null){\r\n                    <span class=\"pastille pastilleBasDroite\">{{ rowData[col.id].pastilleBasDroite }}</span>\r\n                    }\r\n\r\n                    @if (rowData[col.id] != null) {\r\n                    <p-toggleswitch [(ngModel)]=\"rowData[col.id].value\"\r\n                                    name=\"toggle-switch\"\r\n                                    [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || (getOption(col, rowData, 'action') == null && !isModeEdition())\"\r\n                                    (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                    ngDefaultControl\r\n                                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : ''\"\r\n                                    [tooltipDisabled]=\"!col.tooltip\">\r\n                    </p-toggleswitch>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- File -->\r\n                @if (!col.invisible && checkType('File', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                    @if (rowData[col.id] != null) {\r\n                    <div class=\"p-inputgroup\">\r\n                        <button type=\"button\"\r\n                                pButton\r\n                                pRipple\r\n                                icon=\"pi pi-upload\"\r\n                                (click)=\"clickById('input_' + rowData[col.id].id)\"\r\n                                [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\">\r\n                        </button>\r\n                        <input id=\"{{'output_' + rowData[col.id].id}}\"\r\n                               pInputText\r\n                               type=\"text\"\r\n                               [ngClass]=\"{\r\n                                        '!text-left': col.position == 'left' || col.position == null,\r\n                                        '!text-right': col.position == 'right',\r\n                                        '!text-center': col.position == 'center',\r\n                                        '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                                        '!font-italic': rowData.italic == true || rowData[col.id].italic == true\r\n                                   }\"\r\n                               value=\"{{ rowData[col.id].value != null ? rowData[col.id].value : '' }}\"\r\n                               readonly\r\n                               [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value ? rowData[col.id].value : ''\"\r\n                               [tooltipDisabled]=\"!col.tooltip\">\r\n                        @if (getOption(col, rowData, 'downloadPath') && rowData[col.id].value != null) {\r\n                        <button type=\"button\"\r\n                                pButton\r\n                                pRipple\r\n                                icon=\"pi pi-download\"\r\n                                (click)=\"downloadFile(rowData[col.id])\"\r\n                                [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\">\r\n                        </button>\r\n                        }\r\n                    </div>\r\n                    }\r\n                    @if (rowData[col.id]) {\r\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])\">\r\n                    }\r\n                </td>\r\n                }\r\n                @if (!col.invisible && checkType('File', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\r\n                <td [ngStyle]=\"{\r\n                            'width' : col.width ? col.width : null,\r\n                            'background-color': rowData[col.id].color ? rowData[col.id].color : null,\r\n                            'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value ? rowData[col.id].value : ''\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            '!text-left': col.position == 'left' || col.position == null,\r\n                            '!text-right': col.position == 'right',\r\n                            '!text-center': col.position == 'center',\r\n                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    @if(rowData[col.id].pastilleHautGauche != null){\r\n                    <span class=\"pastille pastilleHautGauche\">{{ rowData[col.id].pastilleHautGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleHautDroite != null){\r\n                    <span class=\"pastille pastilleHautDroite\">{{ rowData[col.id].pastilleHautDroite }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasGauche != null){\r\n                    <span class=\"pastille pastilleBasGauche\">{{ rowData[col.id].pastilleBasGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasDroite != null){\r\n                    <span class=\"pastille pastilleBasDroite\">{{ rowData[col.id].pastilleBasDroite }}</span>\r\n                    }\r\n\r\n                    @if (rowData[col.id]) {\r\n                    <div>{{ rowData[col.id].value ? rowData[col.id].value : '' }}</div>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- State -->\r\n                @if (!col.invisible && checkType('State', col)) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    class=\"!text-center\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    @if(rowData[col.id].pastilleHautGauche != null){\r\n                    <span class=\"pastille pastilleHautGauche\">{{ rowData[col.id].pastilleHautGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleHautDroite != null){\r\n                    <span class=\"pastille pastilleHautDroite\">{{ rowData[col.id].pastilleHautDroite }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasGauche != null){\r\n                    <span class=\"pastille pastilleBasGauche\">{{ rowData[col.id].pastilleBasGauche }}</span>\r\n                    }\r\n                    @if(rowData[col.id].pastilleBasDroite != null){\r\n                    <span class=\"pastille pastilleBasDroite\">{{ rowData[col.id].pastilleBasDroite }}</span>\r\n                    }\r\n\r\n                    @if (rowData[col.id].value != null) {\r\n                    <p-tag [value]=\"rowData[col.id].value[getOption(col, rowData, 'optionLabel')]\"\r\n                           [severity]=\"rowData[col.id].value.severity\"\r\n                           [icon]=\"rowData[col.id].value.icon\"\r\n                           [style]=\"{\r\n                                    'background-color': rowData[col.id].value.backgroundColor,\r\n                                    'color': rowData[col.id].value.textColor,\r\n                                    'font-weight': rowData.bold == true || rowData[col.id].bold == true ? 'bold' : null,\r\n                                    'font-style': rowData.italic == true || rowData[col.id].italic == true ? 'italic' : null\r\n                               }\">\r\n                    </p-tag>\r\n                    }\r\n                </td>\r\n                }\r\n                }\r\n\r\n                <!-- Deletion -->\r\n                @if (options().rowsDeletable) {\r\n                <td class=\"cellDelete\"\r\n                    [ngClass]=\"rowData.deletable ? 'paddingCell' : null\">\r\n                    @if (rowData.deletable) {\r\n                    <button pButton\r\n                            type=\"button\"\r\n                            icon=\"pi pi-times\"\r\n                            class=\"p-button-danger buttonDelete p-button-text\"\r\n                            [disabled]=\"rowData.readonly\"\r\n                            (click)=\"onDeleteLine(rowData)\">\r\n                    </button>\r\n                    }\r\n                </td>\r\n                }\r\n\r\n            </tr>\r\n        </ng-template>\r\n    </p-table>\r\n</div>\r\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 #BF9D8F!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}:host ::ng-deep .pastille{position:absolute;z-index:1000!important;min-width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:9px;font-weight:700;padding:2px;line-height:1}:host ::ng-deep .pastilleHautGauche{top:2px;left:2px;background-color:#2196f3}:host ::ng-deep .pastilleHautDroite{top:2px;right:2px;background-color:#874094}:host ::ng-deep .pastilleBasGauche{bottom:2px;left:2px;background-color:#ba8c43}:host ::ng-deep .pastilleBasDroite{bottom:2px;right:2px;background-color:#40944b}:host ::ng-deep .cellNotFrozen{position:relative!important}\n"] }]
+                        InputNumberModule,
+                        PastilleTableComponent
+                    ], template: "<div class=\"!relative\"\r\n     [ngStyle]=\"{ 'height': options().scrollHeight != null ? options().scrollHeight : '100%' }\">\r\n\r\n    @if (options().exportExcel) {\r\n    <button pButton\r\n            icon=\"pi pi-file-excel\"\r\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\"\r\n            pTooltip=\"Exporter le contenu de la grille au format Excel\"\r\n            tooltipPosition=\"right\"\r\n            (click)=\"exportExcel(options().exportExcelByFiltre, !options().exportExcelNoColors)\">\r\n    </button>\r\n    }\r\n\r\n    <p-contextmenu #cm [model]=\"options().contextMenuItems\" appendTo=\"body\" />\r\n\r\n    <p-table #table\r\n             [columns]=\"optimizedColumns()\"\r\n             [value]=\"values()\"\r\n             dataKey=\"id\"\r\n             filterBy=\"id\"\r\n             [selectionMode]=\"getModeSelection()\"\r\n             [metaKeySelection]=\"isModeMetakeySelection()\"\r\n             [(selection)]=\"selectedRows\"\r\n             (onRowSelect)=\"onSelectRow($event)\"\r\n             (onRowUnselect)=\"onUnselectRow($event)\"\r\n             (onHeaderCheckboxToggle)=\"onSelectAll($event)\"\r\n             (sortFunction)=\"sortGrille($event)\"\r\n             [customSort]=\"options().grouping == null ? true : false\"\r\n             [scrollable]=\"true\"\r\n             [loading]=\"loading()\"\r\n             [scrollHeight]=\"'flex'\"\r\n             [rowGroupMode]=\"options().grouping != null ? 'subheader' : null\"\r\n             [groupRowsBy]=\"options().grouping != null ? options().grouping.obj + '.' + options().grouping.id : null\"\r\n             [groupRowsByOrder]=\"0\"\r\n             [virtualScroll]=\"options().virtualScroll == true && options().scrollHeight != null ? true : false\"\r\n             [virtualScrollItemSize]=\"options().virtualScrollItemSize != null ? options().virtualScrollItemSize : 35\"\r\n             [paginator]=\"options().paginator == null ? false : true\"\r\n             [rows]=\"options().paginatorRows\"\r\n             (onPage)=\"onPageTable($event)\"\r\n             [tableStyleClass]=\"!options().themeGrille ? 'grid_grey' : options().themeGrille\"\r\n             [lazy]=\"options().lazy == true ? true : false\"\r\n             (onFilter)=\"onFilterTable($event)\"\r\n             [rowTrackBy]=\"trackByFunction\"\r\n             (onContextMenuSelect)=\"onContextMenuSelect()\"\r\n             [(contextMenuSelection)]=\"contextMenuSelectedItem\"\r\n             [contextMenu]=\"cm\"\r\n             [resizableColumns]=\"options().resizableColumns\"\r\n             columnResizeMode=\"expand\">\r\n\r\n        <!-- HEADER -->\r\n        <ng-template pTemplate=\"header\" let-columns>\r\n\r\n            <!-- HEADERS -->\r\n            <tr class=\"rowHeader\">\r\n                @if (isModeCheckboxSelection()) {\r\n                <th class=\"cellDelete\"\r\n                    pFrozenColumn>\r\n                    @if (!options().filterable && options().toggleAll) {\r\n                    <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\r\n                    }\r\n                </th>\r\n                }\r\n                @for (col of columns; track col.id) {\r\n                @if (!col.invisible) {\r\n                <th [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': col.backgroundColor ? col.backgroundColor : null }\"\r\n                    [ngClass]=\"{ '!text-center' : options().centerHeaders, 'headerAffichageSimple': !options().headersAffichageEntier, 'headerAffichageEntier': options().headersAffichageEntier }\"\r\n                    [pSortableColumn]=\"col.id\"\r\n                    [pSortableColumnDisabled]=\"!options().sortable || options().grouping != null || col.libelle == null || col.libelle == ''\"\r\n                    id=\"{{ col.id }}\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\"\r\n                    [pTooltip]=\"col.libelle\"\r\n                    [tooltipDisabled]=\"!col.tooltipHeader\"\r\n                    tooltipPosition=\"bottom\"\r\n                    pResizableColumn\r\n                    [pResizableColumnDisabled]=\"!options().resizableColumns\">\r\n                    <div [ngStyle]=\"{ 'color': col.textColor ? col.textColor : null }\">\r\n                        {{ col.libelle }}\r\n                    </div>\r\n                    @if (options().sortable && options().grouping == null && col.libelle != null && col.libelle != '') {\r\n                    <p-sortIcon [field]=\"col.id\">\r\n                    </p-sortIcon>\r\n                    }\r\n                </th>\r\n                }\r\n                }\r\n                @if (options().rowsDeletable) {\r\n                <th class=\"cellDelete\"></th>\r\n                }\r\n            </tr>\r\n\r\n            <!-- FILTRES -->\r\n            @if (options().filterable) {\r\n            <tr class=\"rowFilter\">\r\n                @if (isModeCheckboxSelection()) {\r\n                <th class=\"cellDelete\"\r\n                    pFrozenColumn>\r\n                    @if (options().toggleAll) {\r\n                    <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\r\n                    }\r\n                </th>\r\n                }\r\n                @for (col of columns; track col.id) {\r\n                <!-- Text -->\r\n                @if (!col.invisible && ((col.isDropdown && col.options.filterText)\r\n                || (col.isMultiSelect && col.options.filterText)\r\n                || col.isText\r\n                || col.isFile\r\n                || (col.isButton && col.options.filterCol))\r\n                || col.isNumber\r\n                || col.isCilogNumber) {\r\n                <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    @if (!col.disableFilter) {\r\n                    <input pInputText\r\n                           type=\"text\"\r\n                           (input)=\"onFilterCol($event, col)\"\r\n                           name=\"filterText\"\r\n                           [(ngModel)]=\"col.options.defaultFilters\">\r\n                    }\r\n                </th>\r\n                }\r\n                <!-- Date -->\r\n                @if (!col.invisible && col.isDate) {\r\n                <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    @if (!col.disableFilter) {\r\n                    <p-datepicker [view]=\"col.options.mode == null ? 'date' : col.options.mode\"\r\n                                  [dateFormat]=\"col.options.mode == 'year' ? 'yy' : col.options.mode == 'month' ? 'mm/yy' : 'dd/mm/yy'\"\r\n                                  [inputId]=\"col.id + '_filter'\"\r\n                                  [firstDayOfWeek]=\"1\"\r\n                                  [readonlyInput]=\"true\"\r\n                                  appendTo=\"body\"\r\n                                  selectionMode=\"range\"\r\n                                  (onSelect)=\"onFilterCol($event, col)\"\r\n                                  showButtonBar=\"true\"\r\n                                  (onClearClick)=\"onFilterCol($event, col)\"\r\n                                  name=\"filterDate\"\r\n                                  [(ngModel)]=\"col.options.defaultFilters\">\r\n                    </p-datepicker>\r\n                    }\r\n                </th>\r\n                }\r\n                <!-- Liste -->\r\n                @if (!col.invisible && ((col.isDropdown && !col.options.filterText) || (col.isMultiSelect && !col.options.filterText) || col.isSelectButton || col.isState)) {\r\n                <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    @if (!col.disableFilter) {\r\n                    <p-multiSelect [options]=\"col.options?.options\"\r\n                                   [filter]=\"true\"\r\n                                   dataKey=\"ID\"\r\n                                   [optionLabel]=\"col.options?.optionLabel\"\r\n                                   appendTo=\"body\"\r\n                                   emptyFilterMessage=\"Aucun r\u00E9sultat\"\r\n                                   emptyMessage=\"Aucun r\u00E9sultat\"\r\n                                   [virtualScroll]=\"true\"\r\n                                   [virtualScrollItemSize]=\"35\"\r\n                                   selectedItemsLabel=\"{0} selectionn\u00E9s\"\r\n                                   (onChange)=\"onFilterCol($event, col)\"\r\n                                   name=\"filterChoix\"\r\n                                   [(ngModel)]=\"col.options.defaultFilters\"\r\n                                   [group]=\"col.options.optionGroupChildren != null ? true : false\"\r\n                                   [optionGroupLabel]=\"col.options.optionGroupLabel\"\r\n                                   [optionGroupChildren]=\"col.options.optionGroupChildren\"\r\n                                   [showToggleAll]=\"false\"\r\n                                   [showClear]=\"true\"\r\n                                   (onClear)=\"onFilterCol(null, col)\">\r\n                        <ng-template let-group pTemplate=\"group\">\r\n                            <div>{{group[col.options.optionGroupLabel]}}</div>\r\n                        </ng-template>\r\n                    </p-multiSelect>\r\n                    }\r\n                </th>\r\n                }\r\n                <!-- Switch -->\r\n                @if (!col.invisible && col.isSwitch) {\r\n                <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    @if (!col.disableFilter) {\r\n                    <p-multiSelect [options]=\"optionsSwitch\"\r\n                                   [showHeader]=\"false\"\r\n                                   optionLabel=\"label\"\r\n                                   optionValue=\"value\"\r\n                                   appendTo=\"body\"\r\n                                   emptyFilterMessage=\"Aucun r\u00E9sultat\"\r\n                                   emptyMessage=\"Aucun r\u00E9sultat\"\r\n                                   [virtualScrollItemSize]=\"30\"\r\n                                   selectedItemsLabel=\"{0} selectionn\u00E9s\"\r\n                                   (onChange)=\"onFilterCol($event, col)\"\r\n                                   name=\"filterChoix2\"\r\n                                   [(ngModel)]=\"col.options.defaultFilters\">\r\n                    </p-multiSelect>\r\n                    }\r\n                </th>\r\n                }\r\n                <!-- Non filtrable -->\r\n                @if (!col.invisible && (col.isImage || (col.isButton && !col.options.filterCol))) {\r\n                <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                </th>\r\n                }\r\n                }\r\n                @if (options().rowsDeletable) {\r\n                <th class=\"cellDelete\"></th>\r\n                }\r\n            </tr>\r\n            }\r\n\r\n            <!-- TOTAL -->\r\n            @if (options().rowTotal) {\r\n            <tr class=\"rowTotal\">\r\n                @if (isModeCheckboxSelection()) {\r\n                <th class=\"cellDelete\"\r\n                    pFrozenColumn>\r\n                </th>\r\n                }\r\n                @for (col of columns; track col.id) {\r\n                @if (!col.invisible) {\r\n                <th [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    [ngClass]=\"{ '!text-center' : true }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div>{{ getTotalStr(col) }}</div>\r\n                </th>\r\n                }\r\n                }\r\n                @if (options().rowsDeletable) {\r\n                <th class=\"cellDelete\"></th>\r\n                }\r\n            </tr>\r\n            }\r\n        </ng-template>\r\n\r\n        <!--Groupheader-->\r\n        <ng-template pTemplate=\"groupheader\" let-rowData>\r\n            <tr pRowGroupHeader class=\"rowGrouping\">\r\n                <td [attr.colspan]=\"columns().length\">\r\n                    <div class=\"text_bold\">{{ rowData[options().grouping.obj][options().grouping.libelle] }}</div>\r\n                </td>\r\n            </tr>\r\n        </ng-template>\r\n\r\n        <!-- Body -->\r\n        <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\r\n            <tr id=\"{{ rowData.id }}\"\r\n                [ngStyle]=\"{ 'background-color': rowData.color ? rowData.color : null }\"\r\n                [pSelectableRow]=\"rowData\"\r\n                [pSelectableRowDisabled]=\"!options().selectable || isModeCheckboxSelection() || isModeCellSelection()\"\r\n                (dblclick)=\"onRowDoubleClickEvent(rowData)\"\r\n                [pContextMenuRow]=\"rowData\"\r\n                [pContextMenuRowDisabled]=\"options().contextMenuItems == null\">\r\n\r\n                @if (isModeCheckboxSelection()) {\r\n                <td class=\"cellDelete\"\r\n                    pFrozenColumn>\r\n                    <p-tableCheckbox [value]=\"rowData\" [disabled]=\"rowData.readonly\"></p-tableCheckbox>\r\n                </td>\r\n                }\r\n\r\n                @for (col of columns; track col.id) {\r\n                <!-- Text -->\r\n                @if (!col.invisible && col.isText && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pEditableColumn]=\"rowData\"\r\n                    [pEditableColumnField]=\"col.id\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    pFrozenColumn\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    [frozen]=\"col.frozen\"\r\n                    [ngClass]=\"{\r\n                             '!text-left': col.position == 'left' || col.position == null,\r\n                             '!text-right': col.position == 'right',\r\n                             '!text-center': col.position == 'center',\r\n                             '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                             '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                             'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    <cilog-pastille-table [cell]=\"rowData[col.id]\" />\r\n\r\n                    <p-cellEditor>\r\n                        <ng-template pTemplate=\"input\">\r\n                            <input pInputText\r\n                                   type=\"text\"\r\n                                   [maxlength]=\"getOption()(col, rowData, 'maxLength')\"\r\n                                   [(ngModel)]=\"rowData[col.id].value\"\r\n                                   (keypress)=\"getOption()(col, rowData, 'sansEspaces') && $event.keyCode === 32 ? $event.preventDefault() : null\"\r\n                                   name=\"text\"\r\n                                   (blur)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                   (keydown.enter)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                   (keydown.tab)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                   (click)=\"onEditInitCell($event, rowData, col, rowData[col.id].value)\"\r\n                                   [ngClass]=\"{\r\n                                            '!text-left': col.position == 'left' || col.position == null,\r\n                                            '!text-right': col.position == 'right',\r\n                                            '!text-center': col.position == 'center',\r\n                                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true\r\n                                       }\" />\r\n                        </ng-template>\r\n                        <ng-template pTemplate=\"output\">\r\n                            @if (rowData[col.id]) {\r\n                            <div style=\"white-space: pre;\">\r\n                                {{ getFormattedText(col, rowData) }}\r\n                            </div>\r\n                            }\r\n                        </ng-template>\r\n                    </p-cellEditor>\r\n                </td>\r\n                }\r\n                @if (!col.invisible && col.isText && (!isModeEdition() || rowData.readonly || rowData[col.id]?.readonly)) {\r\n                <td [ngStyle]=\"{\r\n                            'width' : col.width ? col.width : null,\r\n                            'background-color' : rowData[col.id].color ? rowData[col.id].color : null,\r\n                            'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            '!text-left': col.position == 'left' || col.position == null,\r\n                            '!text-right': col.position == 'right',\r\n                            '!text-center': col.position == 'center',\r\n                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">\r\n                        {{ col.libelle }} :\r\n                    </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    <cilog-pastille-table [cell]=\"rowData[col.id]\" />\r\n\r\n                    @if (rowData[col.id]) {\r\n                    <div style=\"white-space: pre;\">\r\n                        {{ getFormattedText(col, rowData) }}\r\n                    </div>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- Dropdown -->\r\n                @if (!col.invisible && col.isDropdown && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    [ngClass]=\"{\r\n                            '!text-left': col.position == 'left' || col.position == null,\r\n                            '!text-right': col.position == 'right',\r\n                            '!text-center': col.position == 'center',\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value != null ? rowData[col.id].value[getOption()(col, rowData, 'optionLabel')] : ''\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pEditableColumn]=\"rowData\"\r\n                    [pEditableColumnField]=\"col.id\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\"\r\n                    class=\"paddingCell\">\r\n\r\n                    <!-- PASTILLES -->\r\n                    <cilog-pastille-table [cell]=\"rowData[col.id]\" />\r\n\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                    @if (rowData[col.id] != null) {\r\n                    <p-cellEditor>\r\n                        <ng-template pTemplate=\"input\">\r\n                            <p-select dataKey=\"ID\"\r\n                                      [options]=\"getOption()(col, rowData, 'options')\"\r\n                                      [filter]=\"getOption()(col, rowData, 'filter')\"\r\n                                      [optionLabel]=\"getOption()(col, rowData, 'optionLabel')\"\r\n                                      [(ngModel)]=\"rowData[col.id].value\"\r\n                                      name=\"select\"\r\n                                      appendTo=\"body\"\r\n                                      [showClear]=\"getOption()(col, rowData, 'deletable')\"\r\n                                      emptyFilterMessage=\"Aucun r\u00E9sultat\"\r\n                                      emptyMessage=\"Aucun r\u00E9sultat\"\r\n                                      [virtualScroll]=\"getOption()(col, rowData, 'virtualScroll')\"\r\n                                      [readonly]=\"rowData.readonly || rowData[col.id]?.readonly\"\r\n                                      [virtualScrollItemSize]=\"30\"\r\n                                      (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                      (onClear)=\"onEditCell(rowData, col, rowData[col.id].value)\">\r\n                                <ng-template let-data pTemplate=\"selectedItem\">\r\n                                    @if (data != null) {\r\n                                    <span [ngClass]=\"{\r\n                    '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                    '!font-italic': rowData.italic == true || rowData[col.id].italic == true\r\n                }\">\r\n                                        {{ data[getOption()(col, rowData, 'optionLabel')] }}\r\n                                    </span>\r\n                                    }\r\n                                    @if (data == null) {\r\n                                    <span></span>\r\n                                    }\r\n                                </ng-template>\r\n                            </p-select>\r\n                        </ng-template>\r\n                        <ng-template pTemplate=\"output\">\r\n                            @if (rowData[col.id]) {\r\n                            <div style=\"white-space: pre;\">\r\n                                {{ rowData[col.id].value != null ? rowData[col.id].value[getOption()(col, rowData, 'optionLabel')] : '' }}\r\n                            </div>\r\n                            }\r\n                        </ng-template>\r\n                    </p-cellEditor>\r\n\r\n                    }\r\n                </td>\r\n                }\r\n                @if (!col.invisible && col.isDropdown && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\r\n                <td [ngStyle]=\"{\r\n                            'width' : col.width ? col.width : null,\r\n                            'background-color': rowData[col.id].color ? rowData[col.id].color : null,\r\n                            'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value != null ? rowData[col.id].value[getOption()(col, rowData, 'optionLabel')] : ''\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            '!text-left': col.position == 'left' || col.position == null,\r\n                            '!text-right': col.position == 'right',\r\n                            '!text-center': col.position == 'center',\r\n                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    <cilog-pastille-table [cell]=\"rowData[col.id]\" />\r\n\r\n                    @if (rowData[col.id]) {\r\n                    <div>{{ rowData[col.id].value != null ? rowData[col.id].value[getOption()(col, rowData, 'optionLabel')] : '' }}</div>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- Cilog Number -->\r\n                @if (!col.invisible && col.isCilogNumber && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | value\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pEditableColumn]=\"rowData\"\r\n                    [pEditableColumnField]=\"col.id\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    <cilog-pastille-table [cell]=\"rowData[col.id]\" />\r\n\r\n                    @if (rowData[col.id] && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                    <p-cellEditor>\r\n                        <ng-template pTemplate=\"input\">\r\n                            <cilog-input-number (onInput)=\"onInputNumber($event)\"\r\n                                                [(ngModel)]=\"rowData[col.id].value\"\r\n                                                name=\"cilog-number\"\r\n                                                ngDefaultControl\r\n                                                [inputStyleClass]=\"col.position == null || col.position == 'right' ? '!text-right' : col.position == 'left' ? '!text-left' : '!text-center'\"\r\n                                                [textColor]=\"rowData[col.id].textColor\"\r\n                                                [bold]=\"rowData.bold == true || rowData[col.id].bold == true\"\r\n                                                [italic]=\"rowData.italic == true || rowData[col.id].italic == true\"\r\n                                                [suffixe]=\"getOption()(col, rowData, 'suffix')\"\r\n                                                [prefixe]=\"getOption()(col, rowData, 'prefix') != null ? getOption()(col, rowData, 'prefix') + ' ' : null\"\r\n                                                [min]=\"getOption()(col, rowData, 'min')\"\r\n                                                [max]=\"getOption()(col, rowData, 'max')\"\r\n                                                [disabled]=\"rowData.readonly || rowData[col.id]?.readonly\"\r\n                                                [maxDecimals]=\"getOption()(col, rowData, 'modeInteger') != null && getOption()(col, rowData, 'modeInteger') == true ? 0 : getOption()(col, rowData, 'maxDecimales') != null ? getOption()(col, rowData, 'maxDecimales') : 2 \"\r\n                                                (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                                (onFocus)=\"onEditInitCell($event, rowData, col, rowData[col.id].value)\">\r\n                            </cilog-input-number>\r\n                        </ng-template>\r\n                        <ng-template pTemplate=\"output\">\r\n                            @if (rowData[col.id]) {\r\n                            <div style=\"white-space: pre;\">\r\n                                {{ getFormattedNumber(col, rowData, rowData[col.id].value) }}\r\n                            </div>\r\n                            }\r\n                        </ng-template>\r\n                    </p-cellEditor>\r\n                    }\r\n                </td>\r\n                }\r\n                @if (!col.invisible && col.isCilogNumber && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\r\n                <td [ngStyle]=\"{\r\n                            'width' : col.width ? col.width : null,\r\n                            'background-color': rowData[col.id].color ? rowData[col.id].color : null,\r\n                            'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | value\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            '!text-left': col.position == 'left' || col.position == null,\r\n                            '!text-right': col.position == 'right',\r\n                            '!text-center': col.position == 'center',\r\n                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    <cilog-pastille-table [cell]=\"rowData[col.id]\" />\r\n\r\n                    @if (rowData[col.id]) {\r\n                    <div>{{ getFormattedNumber(col, rowData, rowData[col.id].value) }}</div>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- Number -->\r\n                @if (!col.invisible && col.isNumber && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | value\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    [pEditableColumn]=\"rowData\"\r\n                    [pEditableColumnField]=\"col.id\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            '!text-left': col.position == 'left',\r\n                            '!text-right': col.position == 'right' || col.position == null,\r\n                            '!text-center': col.position == 'center',\r\n                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    <cilog-pastille-table [cell]=\"rowData[col.id]\" />\r\n\r\n                    @if (rowData[col.id] && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                    <p-cellEditor>\r\n                        <ng-template pTemplate=\"input\">\r\n                            <p-inputNumber #inputNumber\r\n                                           locale=\"fr-FR\"\r\n                                           (onInput)=\"onInputNumber($event)\"\r\n                                           [(ngModel)]=\"rowData[col.id].value\"\r\n                                           name=\"input-number\"\r\n                                           [showButtons]=\"getOption()(col, rowData, 'showButtons')\"\r\n                                           [inputStyleClass]=\"col.position == null || col.position == 'right' ? '!text-right' : col.position == 'left' ? '!text-left' : '!text-center'\"\r\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 }\"\r\n                                           [suffix]=\"getOption()(col, rowData, 'suffix')\"\r\n                                           [prefix]=\"getOption()(col, rowData, 'prefix') != null ? getOption()(col, rowData, 'prefix') + ' ' : null\"\r\n                                           [min]=\"getOption()(col, rowData, 'min')\"\r\n                                           [max]=\"getOption()(col, rowData, 'max')\"\r\n                                           [minFractionDigits]=\"getOption()(col, rowData, 'modeInteger') != null && getOption()(col, rowData, 'modeInteger') == true ? 0 : getOption()(col, rowData, 'minDecimales') != null ? getOption()(col, rowData, 'minDecimales') : 0\"\r\n                                           [maxFractionDigits]=\"getOption()(col, rowData, 'modeInteger') != null && getOption()(col, rowData, 'modeInteger') == true ? 0 : getOption()(col, rowData, 'maxDecimales') != null ? getOption()(col, rowData, 'maxDecimales') : 2 \"\r\n                                           (onBlur)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                           (onKeyDown)=\"onKeyDown($event, rowData, col, rowData[col.id].value)\"\r\n                                           (onFocus)=\"onEditInitCell($event, rowData, col, rowData[col.id].value)\"\r\n                                           [step]=\"0\">\r\n                            </p-inputNumber>\r\n                        </ng-template>\r\n                        <ng-template pTemplate=\"output\">\r\n                            @if (rowData[col.id]) {\r\n                            <div style=\"white-space: pre;\">\r\n                                {{ getFormattedNumber(col, rowData, rowData[col.id].value) }}\r\n                            </div>\r\n                            }\r\n                        </ng-template>\r\n                    </p-cellEditor>\r\n                    }\r\n                </td>\r\n                }\r\n                @if (!col.invisible && col.isNumber && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\r\n                <td [ngStyle]=\"{\r\n                            'width' : col.width ? col.width : null,\r\n                            'background-color': rowData[col.id].color ? rowData[col.id].color : null,\r\n                            'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\r\n                        }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | value\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            '!text-left': col.position == 'left',\r\n                            '!text-right': col.position == 'right' || col.position == null,\r\n                            '!text-center': col.position == 'center',\r\n                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    <cilog-pastille-table [cell]=\"rowData[col.id]\" />\r\n\r\n                    @if (rowData[col.id]) {\r\n                    <div>{{ getFormattedNumber(col, rowData, rowData[col.id].value) }}</div>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- Date -->\r\n                @if (!col.invisible && col.isDate && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\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')\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pEditableColumn]=\"rowData\"\r\n                    [pEditableColumnField]=\"col.id\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    <cilog-pastille-table [cell]=\"rowData[col.id]\" />\r\n\r\n                    <p-cellEditor>\r\n                        <ng-template pTemplate=\"input\">\r\n                            <p-datepicker [(ngModel)]=\"rowData[col.id].value\"\r\n                                          name=\"date-picker\"\r\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')\"\r\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'\"\r\n                                          [showTime]=\"getOption()(col, rowData, 'mode') == 'datehour'\"\r\n                                          [timeOnly]=\"getOption()(col, rowData, 'mode') == 'hour'\"\r\n                                          [hourFormat]=\"'24'\"\r\n                                          [firstDayOfWeek]=\"1\"\r\n                                          (onSelect)=\"onDateFinalized(rowData, col, rowData[col.id].value)\"\r\n                                          (onBlur)=\"onDateFinalized(rowData, col, rowData[col.id].value)\"\r\n                                          (onClear)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                          [inputStyleClass]=\"col.position == null || col.position == 'right' ? '!text-right' : col.position == 'left' ? '!text-left' : '!text-center'\"\r\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 }\"\r\n                                          [showClear]=\"getOption()(col, rowData, 'clear')\"\r\n                                          [minDate]=\"getOption()(col, rowData, 'minDate')\"\r\n                                          [maxDate]=\"getOption()(col, rowData, 'maxDate')\"\r\n                                          [defaultDate]=\"getOption()(col, rowData, 'defaultDate')\"\r\n                                          appendTo=\"body\">\r\n                            </p-datepicker>\r\n                        </ng-template>\r\n                        <ng-template pTemplate=\"output\">\r\n                            @if (rowData[col.id]) {\r\n                            <div style=\"white-space: pre;\">\r\n                                {{ rowData[col.id].value | date: (getOption()(col, rowData, 'mode') == 'year' ? 'yyyy' : getOption()(col, rowData, 'mode') == 'month' ? 'MM/yyyy' : 'dd/MM/yyyy') }}\r\n                            </div>\r\n                            }\r\n                        </ng-template>\r\n                    </p-cellEditor>\r\n                </td>\r\n                }\r\n                @if (!col.invisible && col.isDate && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\r\n                <td [ngStyle]=\"{\r\n                            'min-width' : col.width ? col.width : null,\r\n                            'background-color': rowData[col.id].color ? rowData[col.id].color : null,\r\n                            'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | date: 'dd/MM/yyyy'\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            '!text-left': col.position == 'left' || col.position == null,\r\n                            '!text-right': col.position == 'right',\r\n                            '!text-center': col.position == 'center',\r\n                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    <cilog-pastille-table [cell]=\"rowData[col.id]\" />\r\n\r\n                    @if (rowData[col.id]) {\r\n                    <div>{{ rowData[col.id].value | date: (getOption()(col, rowData, 'mode') == 'year' ? 'yyyy' : getOption()(col, rowData, 'mode') == 'month' ? 'MM/yyyy' : 'dd/MM/yyyy') }}</div>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- MultiSelect -->\r\n                @if (!col.invisible && col.isMultiSelect && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"{\r\n                            '!text-left': col.position == 'left' || col.position == null,\r\n                            '!text-right': col.position == 'right',\r\n                            '!text-center': col.position == 'center',\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : getMultiSelectConcat(rowData[col.id].value, getOption()(col, rowData, 'optionLabel'))\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pEditableColumn]=\"rowData\"\r\n                    [pEditableColumnField]=\"col.id\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\"\r\n                    class=\"paddingCell\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    <cilog-pastille-table [cell]=\"rowData[col.id]\" />\r\n\r\n                    @if (rowData[col.id] != null) {\r\n                    <p-cellEditor>\r\n                        <ng-template pTemplate=\"input\">\r\n                            <p-multiSelect [options]=\"getOption()(col, rowData, 'options')\"\r\n                                           [filter]=\"getOption()(col, rowData, 'filter')\"\r\n                                           [optionLabel]=\"getOption()(col, rowData, 'optionLabel')\"\r\n                                           [(ngModel)]=\"rowData[col.id].value\"\r\n                                           name=\"multiselect\"\r\n                                           appendTo=\"body\"\r\n                                           dataKey=\"ID\"\r\n                                           emptyFilterMessage=\"Aucun r\u00E9sultat\"\r\n                                           emptyMessage=\"Aucun r\u00E9sultat\"\r\n                                           [virtualScroll]=\"getOption()(col, rowData, 'virtualScroll')\"\r\n                                           [readonly]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\"\r\n                                           [virtualScrollItemSize]=\"30\"\r\n                                           selectedItemsLabel=\"{0} selectionn\u00E9s\"\r\n                                           (onChange)=\"editMultiselect(rowData, col, $event)\"\r\n                                           [showToggleAll]=\"false\"\r\n                                           [showHeader]=\"getOption()(col, rowData, 'filter')\"\r\n                                           [group]=\"getOption()(col, rowData, 'optionGroupChildren') != null ? true : false\"\r\n                                           [optionGroupLabel]=\"getOption()(col, rowData, 'optionGroupLabel')\"\r\n                                           [optionGroupChildren]=\"getOption()(col, rowData, 'optionGroupChildren')\"\r\n                                           ngDefaultControl>\r\n                                <ng-template let-data pTemplate=\"selectedItems\">\r\n                                    @for (option of data; track option; let i = $index) {\r\n                                    <span [ngClass]=\"{\r\n                    '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                    '!font-italic': rowData.italic == true || rowData[col.id].italic == true\r\n                 }\">\r\n                                        {{ option[getOption()(col, rowData, 'optionLabel')] + (i != data.length - 1 ? ',' : '') }}\r\n                                    </span>\r\n                                    }\r\n                                </ng-template>\r\n                                <ng-template let-group pTemplate=\"group\">\r\n                                    <div>{{group[col.options.optionGroupLabel]}}</div>\r\n                                </ng-template>\r\n                            </p-multiSelect>\r\n                        </ng-template>\r\n                        <ng-template pTemplate=\"output\">\r\n                            @if (rowData[col.id]) {\r\n                            <div style=\"white-space: pre;\">\r\n                                {{ getMultiSelectConcat(rowData[col.id].value, getOption()(col, rowData, 'optionLabel')) }}\r\n                            </div>\r\n                            }\r\n                        </ng-template>\r\n                    </p-cellEditor>\r\n                    }\r\n                </td>\r\n                }\r\n                @if (!col.invisible && col.isMultiSelect && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\r\n                <td [ngStyle]=\"{\r\n                            'width' : col.width ? col.width : null,\r\n                            'background-color': rowData[col.id].color ? rowData[col.id].color : null,\r\n                            'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : getMultiSelectConcat(rowData[col.id].value, getOption()(col, rowData, 'optionLabel'))\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            '!text-left': col.position == 'left' || col.position == null,\r\n                            '!text-right': col.position == 'right',\r\n                            '!text-center': col.position == 'center',\r\n                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    <cilog-pastille-table [cell]=\"rowData[col.id]\" />\r\n\r\n                    @if (rowData[col.id]) {\r\n                    <div>{{ getMultiSelectConcat(rowData[col.id].value, getOption()(col, rowData, 'optionLabel')) }}</div>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- Image -->\r\n                @if (!col.invisible && col.isImage) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    class=\"!text-center\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    <cilog-pastille-table [cell]=\"rowData[col.id]\" />\r\n\r\n                    @if (rowData[col.id]) {\r\n                    <img style=\"vertical-align: middle; width: 40px;\" src=\"{{ rowData[col.id].value }}\" />\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- Button -->\r\n                @if (!col.invisible && col.isButton) {\r\n                <td class=\"paddingCell !text-center\"\r\n                    [ngClass]=\"{\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                    @if (rowData[col.id].value != null && isValueButtonByType(rowData[col.id].value, 'function')) {\r\n                    <button pButton\r\n                            [disabled]=\"rowData.readonly || rowData[col.id]?.readonly\"\r\n                            [label]=\"getOption()(col, rowData, 'label')\"\r\n                            [icon]=\"getOption()(col, rowData, 'icon')\"\r\n                            (click)=\"rowData[col.id].value()\"\r\n                            [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : getOption()(col, rowData, 'label')\"\r\n                            [tooltipDisabled]=\"!col.tooltip\"\r\n                            [class]=\"'p-button-' + getOption()(col, rowData, 'severity')\"\r\n                            [ngClass]=\"{\r\n                                    '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                                    '!font-italic': rowData.italic == true || rowData[col.id].italic == true\r\n                                }\">\r\n                    </button>\r\n                    }\r\n                    @if (isValueButtonByType(rowData[col.id].value, 'string')) {\r\n                    <div [ngClass]=\"{\r\n                                'paddingCell': rowData[col.id] != null,\r\n                                '!text-left': col.position == 'left' || col.position == null,\r\n                                '!text-right': col.position == 'right',\r\n                                '!text-center': col.position == 'center',\r\n                                '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                                '!font-italic': rowData.italic == true || rowData[col.id].italic == true\r\n                            }\"\r\n                         [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value\"\r\n                         [tooltipDisabled]=\"!col.tooltip\">\r\n                        {{ rowData[col.id].value }}\r\n                    </div>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- SelectButton -->\r\n                @if (!col.invisible && col.isSelectButton && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    <cilog-pastille-table [cell]=\"rowData[col.id]\" />\r\n\r\n                    @if (rowData[col.id] != null) {\r\n                    <p-selectButton [options]=\"getOption()(col, rowData, 'options')\"\r\n                                    [optionLabel]=\"getOption()(col, rowData, 'optionLabel')\"\r\n                                    [optionValue]=\"getOption()(col, rowData, 'optionValue') != null ? getOption()(col, rowData, 'optionValue') : 'value'\"\r\n                                    [(ngModel)]=\"rowData[col.id].value\"\r\n                                    name=\"select-button\"\r\n                                    [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\"\r\n                                    (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\">\r\n                        <ng-template let-item pTemplate=\"item\">\r\n                            <span class=\"!text-center w-full\"\r\n                                  [ngClass]=\"{\r\n                                    '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                                    '!font-italic': rowData.italic == true || rowData[col.id].italic == true\r\n                                }\">\r\n                                {{ item.label }}\r\n                            </span>\r\n                        </ng-template>\r\n                    </p-selectButton>\r\n                    }\r\n                </td>\r\n                }\r\n                @if (!col.invisible && col.isSelectButton && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\r\n                <td [ngStyle]=\"{\r\n                            'width' : col.width ? col.width : null,\r\n                            'background-color': rowData[col.id].color ? rowData[col.id].color : null,\r\n                            'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    class=\"!text-center\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    <cilog-pastille-table [cell]=\"rowData[col.id]\" />\r\n\r\n                    @if (rowData[col.id]) {\r\n                    <div>{{ getSelectLibelleByValue(rowData, col) }}</div>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- Switch -->\r\n                @if (!col.invisible && col.isSwitch) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    class=\"!text-center\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    pFrozenColumn\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    <cilog-pastille-table [cell]=\"rowData[col.id]\" />\r\n\r\n                    @if (rowData[col.id] != null) {\r\n                    <p-toggleswitch [(ngModel)]=\"rowData[col.id].value\"\r\n                                    name=\"toggle-switch\"\r\n                                    [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || (getOption()(col, rowData, 'action') == null && !isModeEdition())\"\r\n                                    (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                    ngDefaultControl\r\n                                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : ''\"\r\n                                    [tooltipDisabled]=\"!col.tooltip\">\r\n                    </p-toggleswitch>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- File -->\r\n                @if (!col.invisible && col.isFile && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                    @if (rowData[col.id] != null) {\r\n                    <div class=\"p-inputgroup\">\r\n                        <button type=\"button\"\r\n                                pButton\r\n                                pRipple\r\n                                icon=\"pi pi-upload\"\r\n                                (click)=\"clickById('input_' + rowData[col.id].id)\"\r\n                                [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\">\r\n                        </button>\r\n                        <input id=\"{{'output_' + rowData[col.id].id}}\"\r\n                               pInputText\r\n                               type=\"text\"\r\n                               [ngClass]=\"{\r\n                                        '!text-left': col.position == 'left' || col.position == null,\r\n                                        '!text-right': col.position == 'right',\r\n                                        '!text-center': col.position == 'center',\r\n                                        '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                                        '!font-italic': rowData.italic == true || rowData[col.id].italic == true\r\n                                   }\"\r\n                               value=\"{{ rowData[col.id].value != null ? rowData[col.id].value : '' }}\"\r\n                               readonly\r\n                               [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value ? rowData[col.id].value : ''\"\r\n                               [tooltipDisabled]=\"!col.tooltip\">\r\n                        @if (getOption()(col, rowData, 'downloadPath') && rowData[col.id].value != null) {\r\n                        <button type=\"button\"\r\n                                pButton\r\n                                pRipple\r\n                                icon=\"pi pi-download\"\r\n                                (click)=\"downloadFile(rowData[col.id])\"\r\n                                [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\">\r\n                        </button>\r\n                        }\r\n                    </div>\r\n                    }\r\n                    @if (rowData[col.id]) {\r\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])\">\r\n                    }\r\n                </td>\r\n                }\r\n                @if (!col.invisible && col.isFile && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())) {\r\n                <td [ngStyle]=\"{\r\n                            'width' : col.width ? col.width : null,\r\n                            'background-color': rowData[col.id].color ? rowData[col.id].color : null,\r\n                            'color' : rowData[col.id].textColor ? rowData[col.id].textColor : null\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value ? rowData[col.id].value : ''\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            '!text-left': col.position == 'left' || col.position == null,\r\n                            '!text-right': col.position == 'right',\r\n                            '!text-center': col.position == 'center',\r\n                            '!font-bold': rowData.bold == true || rowData[col.id].bold == true,\r\n                            '!font-italic': rowData.italic == true || rowData[col.id].italic == true,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    <cilog-pastille-table [cell]=\"rowData[col.id]\" />\r\n\r\n                    @if (rowData[col.id]) {\r\n                    <div>{{ rowData[col.id].value ? rowData[col.id].value : '' }}</div>\r\n                    }\r\n                </td>\r\n                }\r\n                <!-- State -->\r\n                @if (!col.invisible && col.isState) {\r\n                <td [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': rowData[col.id].color ? rowData[col.id].color : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"{\r\n                            'paddingCell': rowData[col.id] != null,\r\n                            'selectable_cell' : options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection,\r\n                            'cellNotFrozen': col.frozen == null || col.frozen == false\r\n                        }\"\r\n                    (click)=\"options().selectable && isModeCellSelection() && !rowData[col.id].disableSelection && onSelectCell(rowData[col.id])\"\r\n                    class=\"!text-center\"\r\n                    pFrozenColumn\r\n                    [frozen]=\"col.frozen\"\r\n                    [pContextMenuRow]=\"options().contextMenuParCellule ? rowData[col.id] : rowData\"\r\n                    [pContextMenuRowDisabled]=\"options().contextMenuItems == null || col.contextMenuDisabled\">\r\n                    <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n\r\n                    <!-- PASTILLES -->\r\n                    <cilog-pastille-table [cell]=\"rowData[col.id]\" />\r\n\r\n                    @if (rowData[col.id].value != null) {\r\n                    <p-tag [value]=\"rowData[col.id].value[getOption()(col, rowData, 'optionLabel')]\"\r\n                           [severity]=\"rowData[col.id].value.severity\"\r\n                           [icon]=\"rowData[col.id].value.icon\"\r\n                           [style]=\"{\r\n                                    'background-color': rowData[col.id].value.backgroundColor,\r\n                                    'color': rowData[col.id].value.textColor,\r\n                                    'font-weight': rowData.bold == true || rowData[col.id].bold == true ? 'bold' : null,\r\n                                    'font-style': rowData.italic == true || rowData[col.id].italic == true ? 'italic' : null\r\n                               }\">\r\n                    </p-tag>\r\n                    }\r\n                </td>\r\n                }\r\n                }\r\n\r\n                <!-- Deletion -->\r\n                @if (options().rowsDeletable) {\r\n                <td class=\"cellDelete\"\r\n                    [ngClass]=\"rowData.deletable ? 'paddingCell' : null\">\r\n                    @if (rowData.deletable) {\r\n                    <button pButton\r\n                            type=\"button\"\r\n                            icon=\"pi pi-times\"\r\n                            class=\"p-button-danger buttonDelete p-button-text\"\r\n                            [disabled]=\"rowData.readonly\"\r\n                            (click)=\"onDeleteLine(rowData)\">\r\n                    </button>\r\n                    }\r\n                </td>\r\n                }\r\n\r\n            </tr>\r\n        </ng-template>\r\n    </p-table>\r\n</div>\r\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 #BF9D8F!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}:host ::ng-deep .cellNotFrozen{position:relative!important}:host ::ng-deep td:not(.cellNotFrozen){z-index:5000!important}\n"] }]
         }], 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: [{
                 type: Output
             }], onEditInit: [{