cilog-lib 1.2.7 → 1.3.0

package/fesm2015/cilog-lib.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, Component, NgModule, EventEmitter, Input, Output, ViewChild, forwardRef, HostListener, LOCALE_ID } from '@angular/core';
+import { Injectable, Component, NgModule, EventEmitter, forwardRef, Input, Output, ViewChild, HostListener, LOCALE_ID } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
 import * as i2 from '@angular/common';
 import { CommonModule, registerLocaleData } from '@angular/common';
@@ -11,7 +11,7 @@ import * as i5 from 'primeng/button';
 import { ButtonModule } from 'primeng/button';
 import * as i4 from 'primeng/table';
 import { TableModule } from 'primeng/table';
-import * as i5$1 from 'primeng/inputtext';
+import * as i2$1 from 'primeng/inputtext';
 import { InputTextModule } from 'primeng/inputtext';
 import * as i6 from 'primeng/selectbutton';
 import { SelectButtonModule } from 'primeng/selectbutton';
@@ -30,13 +30,12 @@ import * as i12 from 'primeng/tooltip';
 import { TooltipModule } from 'primeng/tooltip';
 import * as i13 from 'primeng/inputswitch';
 import { InputSwitchModule } from 'primeng/inputswitch';
-import * as i14 from 'primeng/skeleton';
 import { SkeletonModule } from 'primeng/skeleton';
 import * as i1$1 from 'primeng/editor';
 import { EditorModule } from 'primeng/editor';
 import { BrowserModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import * as i15 from '@angular/forms';
+import * as i14 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import localeFr from '@angular/common/locales/fr';
 
@@ -227,6 +226,7 @@ var ColType;
     ColType["File"] = "File";
     ColType["Text"] = "Text";
     ColType["Number"] = "Number";
+    ColType["CilogNumber"] = "CilogNumber";
     ColType["SelectButton"] = "SelectButton";
     ColType["Switch"] = "Switch";
     ColType["Button"] = "Button";
@@ -260,6 +260,195 @@ var ModeCalendar;
     ModeCalendar["Month"] = "month";
 })(ModeCalendar || (ModeCalendar = {}));
 
+class CilogInputNumberComponent {
+    constructor() {
+        this.onInput = new EventEmitter();
+        this.onChange = new EventEmitter();
+        this.onFocus = new EventEmitter();
+        this.onBlur = new EventEmitter();
+        this.valueStr = '';
+        this.specialKeys = ['Tab', 'End', 'Home', 'ArrowLeft', 'ArrowRight'];
+    }
+    ngOnInit() {
+        this.regex = new RegExp(`^-?\\d{1,3}(?:\\d{3})*(\\.\\d{0,${this.maxDecimals || Infinity}})?$|^-?\\d{1,3}(?:\\d{3})*\\,\\d{0,${this.maxDecimals || Infinity}}$`);
+    }
+    onKeyDownEvent(event) {
+        if (this.specialKeys.indexOf(event.key) !== -1) {
+            return;
+        }
+        if (event.key == 'Enter') {
+            this.onChangeInput(this.value);
+            this.onChange.emit(this.value);
+            return;
+        }
+        let current = this.cilogInputNumber.nativeElement.value;
+        const positionStart = this.cilogInputNumber.nativeElement.selectionStart;
+        const positionEnd = this.cilogInputNumber.nativeElement.selectionEnd;
+        let next = current;
+        if (event.key === '.') {
+            let positionStartPoint = this.cilogInputNumber.nativeElement.selectionStart;
+            next = [current.slice(0, positionStart), ',', current.slice(positionEnd)].join('').replace(/\s/g, '');
+            if (String(next).match(this.regex)) {
+                this.acceptValue(next, false);
+            }
+            else {
+                if (current.slice(positionStart)[0] == ',') {
+                    this.cilogInputNumber.nativeElement.selectionStart = positionStartPoint + 1;
+                    this.cilogInputNumber.nativeElement.selectionEnd = positionStartPoint + 1;
+                }
+            }
+        }
+        else if (event.key === 'Backspace') {
+            if (positionStart == positionEnd && /\s/g.test(current.slice(positionStart - 1, positionStart))) {
+                this.cilogInputNumber.nativeElement.selectionStart = positionStart - 1;
+                this.cilogInputNumber.nativeElement.selectionEnd = positionStart - 1;
+            }
+            else {
+                if (this.cilogInputNumber.nativeElement.selectionStart != this.cilogInputNumber.nativeElement.selectionEnd) {
+                    next = [current.slice(0, positionStart), current.slice(positionEnd)].join('').replace(/\s/g, '');
+                }
+                else {
+                    next = [current.slice(0, positionStart - 1), current.slice(positionEnd)].join('').replace(/\s/g, '');
+                }
+                this.checkValue(next, event);
+            }
+        }
+        else {
+            if (event.key === ',' && current.slice(positionStart)[0] == ',') {
+                this.cilogInputNumber.nativeElement.selectionStart += 1;
+            }
+            else {
+                next = [current.slice(0, positionStart), event.key, current.slice(positionEnd)].join('').replace(/\s/g, '');
+                this.checkValue(next, event);
+            }
+        }
+        event.preventDefault();
+    }
+    checkValue(next, event) {
+        if (!String(next).match(this.regex)) {
+            if (next == '') {
+                this.acceptValue(next, event);
+            }
+        }
+        else {
+            let number = +(next.replace(',', '.'));
+            if (this.min == null || number >= this.min) {
+                if (this.max == null || number <= this.max) {
+                    this.acceptValue(next, event);
+                }
+            }
+        }
+    }
+    acceptValue(value, event) {
+        const positionStart = this.cilogInputNumber.nativeElement.selectionStart;
+        const positionEnd = this.cilogInputNumber.nativeElement.selectionEnd;
+        if (value != '') {
+            if (this.maxDecimals != null) {
+                this.cilogInputNumber.nativeElement.value = (+value.replace(',', '.')).toLocaleString('fr-FR', { maximumFractionDigits: this.maxDecimals });
+            }
+            else {
+                this.cilogInputNumber.nativeElement.value = (+value.replace(',', '.')).toLocaleString('fr-FR');
+            }
+            if (value.slice(-1) == ',') {
+                this.cilogInputNumber.nativeElement.value += ',';
+            }
+        }
+        else {
+            this.cilogInputNumber.nativeElement.value = '';
+        }
+        if (positionStart == positionEnd) {
+            this.cilogInputNumber.nativeElement.selectionStart = event.key != 'Backspace' ? (positionStart + 1) : (positionStart - 1);
+            this.cilogInputNumber.nativeElement.selectionEnd = event.key != 'Backspace' ? (positionStart + 1) : (positionStart - 1);
+        }
+        else {
+            this.cilogInputNumber.nativeElement.selectionStart = positionStart;
+            this.cilogInputNumber.nativeElement.selectionEnd = positionStart;
+        }
+        if (this.cilogInputNumber.nativeElement.value.replace(/\s/g, '') == '' || this.cilogInputNumber.nativeElement.value.replace(/\s/g, '') == '-') {
+            this.writeValue(null);
+        }
+        else {
+            this.writeValue(+(this.cilogInputNumber.nativeElement.value.replace(',', '.').replaceAll(/\s/g, '')));
+        }
+        this.onChangeInput(this.value);
+        this.onInput.emit(this.value);
+    }
+    writeValue(value) {
+        this.value = value;
+        if (this.value == null) {
+            this.valueStr = '';
+        }
+        else {
+            if (this.maxDecimals != null) {
+                this.valueStr = this.value.toLocaleString('fr-FR', { maximumFractionDigits: this.maxDecimals });
+            }
+            else {
+                this.valueStr = this.value.toLocaleString('fr-FR');
+            }
+        }
+    }
+    onBlurEvent(event) {
+        this.onChangeInput(this.value);
+        this.onChange.emit(this.value);
+        this.onBlur.emit(this.value);
+    }
+    onFocusEvent(event) {
+        this.onFocus.emit(this.value);
+    }
+    onChangeInput(val) { }
+    onTouchedInput() { }
+    registerOnChange(fn) {
+        this.onChangeInput = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouchedInput = fn;
+    }
+}
+CilogInputNumberComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: CilogInputNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CilogInputNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: CilogInputNumberComponent, selector: "cilog-input-number", inputs: { min: "min", max: "max", maxDecimals: "maxDecimals", prefixe: "prefixe", suffixe: "suffixe", inputStyleClass: "inputStyleClass" }, outputs: { onInput: "onInput", onChange: "onChange", onFocus: "onFocus", onBlur: "onBlur" }, host: { listeners: { "keydown": "onKeyDownEvent($event)" } }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => CilogInputNumberComponent),
+            multi: true
+        }
+    ], viewQueries: [{ propertyName: "cilogInputNumber", first: true, predicate: ["cilogInputNumber"], descendants: true }], ngImport: i0, template: "<div class=\"input-group w-full\">\r\n\r\n    <span class=\"input-group-addon prefixe\"\r\n          *ngIf=\"prefixe != null\">\r\n        {{ prefixe }}\r\n    </span>\r\n\r\n    <input #cilogInputNumber\r\n           pInputText\r\n           type=\"text\"\r\n           [value]=\"valueStr\"\r\n           (focus)=\"onFocusEvent($event)\"\r\n           (blur)=\"onBlurEvent($event)\"\r\n           [class]=\"'w-full z-1' + (inputStyleClass == null ? '' : ' ' + inputStyleClass)\"\r\n           [ngClass]=\"suffixe != null && prefixe != null ? 'border-noround' : prefixe != null ? 'border-noround-left' : suffixe != null ? 'border-noround-right' : null\" />\r\n\r\n    <span class=\"input-group-addon suffixe\"\r\n          *ngIf=\"suffixe != null\">\r\n        {{ suffixe }}\r\n    </span>\r\n\r\n</div>\r\n", styles: [":host ::ng-deep .input-group{display:flex}:host ::ng-deep .input-group-addon{background-color:#fff;border:1px solid #ccc;padding:9px 12px;max-width:5rem;overflow:hidden;font-weight:700}:host ::ng-deep .prefixe{border-radius:4px 0 0 4px;border-right:none}:host ::ng-deep .suffixe{border-radius:0 4px 4px 0;border-left:none}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.InputText, selector: "[pInputText]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: CilogInputNumberComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cilog-input-number', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => CilogInputNumberComponent),
+                            multi: true
+                        }
+                    ], template: "<div class=\"input-group w-full\">\r\n\r\n    <span class=\"input-group-addon prefixe\"\r\n          *ngIf=\"prefixe != null\">\r\n        {{ prefixe }}\r\n    </span>\r\n\r\n    <input #cilogInputNumber\r\n           pInputText\r\n           type=\"text\"\r\n           [value]=\"valueStr\"\r\n           (focus)=\"onFocusEvent($event)\"\r\n           (blur)=\"onBlurEvent($event)\"\r\n           [class]=\"'w-full z-1' + (inputStyleClass == null ? '' : ' ' + inputStyleClass)\"\r\n           [ngClass]=\"suffixe != null && prefixe != null ? 'border-noround' : prefixe != null ? 'border-noround-left' : suffixe != null ? 'border-noround-right' : null\" />\r\n\r\n    <span class=\"input-group-addon suffixe\"\r\n          *ngIf=\"suffixe != null\">\r\n        {{ suffixe }}\r\n    </span>\r\n\r\n</div>\r\n", styles: [":host ::ng-deep .input-group{display:flex}:host ::ng-deep .input-group-addon{background-color:#fff;border:1px solid #ccc;padding:9px 12px;max-width:5rem;overflow:hidden;font-weight:700}:host ::ng-deep .prefixe{border-radius:4px 0 0 4px;border-right:none}:host ::ng-deep .suffixe{border-radius:0 4px 4px 0;border-left:none}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], maxDecimals: [{
+                type: Input
+            }], prefixe: [{
+                type: Input
+            }], suffixe: [{
+                type: Input
+            }], inputStyleClass: [{
+                type: Input
+            }], onInput: [{
+                type: Output
+            }], onChange: [{
+                type: Output
+            }], onFocus: [{
+                type: Output
+            }], onBlur: [{
+                type: Output
+            }], cilogInputNumber: [{
+                type: ViewChild,
+                args: ['cilogInputNumber']
+            }], onKeyDownEvent: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
+
 class CilogTableComponent {
     constructor(confirmationService, filterService, cdRef) {
         this.confirmationService = confirmationService;
@@ -691,10 +880,10 @@ class CilogTableComponent {
     }
 }
 CilogTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: CilogTableComponent, deps: [{ token: i1.ConfirmationService }, { token: i1.FilterService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-CilogTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: CilogTableComponent, selector: "cilog-table", inputs: { columns: "columns", values: "values", options: "options", loading: "loading" }, outputs: { columnsChange: "columnsChange", valuesChange: "valuesChange", onEdit: "onEdit", onEditInit: "onEditInit", onDelete: "onDelete", onSelect: "onSelect", onUnselect: "onUnselect", onFilter: "onFilter", onFilterInit: "onFilterInit", onSort: "onSort", onPage: "onPage" }, viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true, static: true }], ngImport: i0, template: "<div [ngStyle]=\"{ 'height': options.scrollHeight != null ? options.scrollHeight : '100%' }\">\r\n    <p-table #table\r\n             [columns]=\"columns\"\r\n             [value]=\"values\"\r\n             dataKey=\"id\"\r\n             [selectionMode]=\"options.selectable && !isModeCheckboxSelection() ? 'single' : null\"\r\n             [(selection)]=\"selectedRows\"\r\n             (onRowSelect)=\"onSelectRow($event)\"\r\n             (onRowUnselect)=\"onUnselectRow($event)\"\r\n             (sortFunction)=\"customSort($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             [virtualScroll]=\"options.virtualScroll == true && options.scrollHeight != null ? true : false\"\r\n             [virtualScrollItemSize]=\"41\"\r\n             [paginator]=\"options.paginator == null ? false : true\"\r\n             [rows]=\"options.paginatorRows\"\r\n             (onPage)=\"onPageTable($event)\"\r\n             [groupRowsByOrder]=\"0\"\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\r\n        <!-- HEADER -->\r\n        <ng-template pTemplate=\"header\" let-columns>\r\n\r\n            <!-- HEADERS -->\r\n            <tr class=\"rowHeader\">\r\n                <th class=\"cellDelete\"\r\n                    *ngIf=\"isModeCheckboxSelection()\"\r\n                    pFrozenColumn>\r\n                </th>\r\n                <ng-container *ngFor=\"let col of columns\">\r\n                    <th *ngIf=\"!col.invisible\"\r\n                        [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': col.backgroundColor ? col.backgroundColor : null }\"\r\n                        [ngClass]=\"{ 'text-center' : options.centerHeaders }\"\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                        (click)=\"refreshData()\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div [ngStyle]=\"{ 'color': col.textColor ? col.textColor : null }\">\r\n                            {{ col.libelle }}\r\n                        </div>\r\n                        <p-sortIcon *ngIf=\"options.sortable && options.grouping == null && col.libelle != null && col.libelle != ''\"\r\n                                    [field]=\"col.id\">\r\n                        </p-sortIcon>\r\n                    </th>\r\n                </ng-container>\r\n                <th class=\"cellDelete\" *ngIf=\"options.rowsDeletable\"></th>\r\n            </tr>\r\n\r\n            <!-- FILTRES -->\r\n            <tr *ngIf=\"options.filterable\" class=\"rowFilter\">\r\n\r\n                <th class=\"cellDelete\"\r\n                    *ngIf=\"isModeCheckboxSelection()\"\r\n                    pFrozenColumn>\r\n                </th>\r\n\r\n                <ng-container *ngFor=\"let col of columns\">\r\n                    <!-- Text -->\r\n                    <th *ngIf=\"!col.invisible && (checkType('Text', col) || checkType('File', col) || (checkType('Button', col) && col.options.filterCol))\"\r\n                        [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <input *ngIf=\"!col.disableFilter\"\r\n                               pInputText\r\n                               type=\"text\"\r\n                               (input)=\"onFilterCol($event, col)\"\r\n                               [(ngModel)]=\"col.options.defaultFilters\">\r\n                    </th>\r\n\r\n                    <!-- Date -->\r\n                    <th *ngIf=\"!col.invisible && checkType('Date', col)\"\r\n                        [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <p-calendar *ngIf=\"!col.disableFilter\"\r\n                                    [view]=\"getOption(col, rowData, 'mode') == null ? 'date' : getOption(col, rowData, 'mode')\"\r\n                                    [dateFormat]=\"getOption(col, rowData, 'mode') == 'year' ? 'yy' : getOption(col, rowData, '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                                    [(ngModel)]=\"col.options.defaultFilters\">\r\n                        </p-calendar>\r\n                    </th>\r\n\r\n                    <!-- Number -->\r\n                    <th *ngIf=\"!col.invisible && checkType('Number', col)\"\r\n                        [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <p-inputNumber *ngIf=\"!col.disableFilter\"\r\n                                       mode=\"decimal\"\r\n                                       locale=\"fr-FR\"\r\n                                       [minFractionDigits]=\"2\"\r\n                                       [showButtons]=\"true\"\r\n                                       (onInput)=\"onFilterCol($event, col)\"\r\n                                       [(ngModel)]=\"col.options.defaultFilters\">\r\n                        </p-inputNumber>\r\n                    </th>\r\n\r\n                    <!-- Liste -->\r\n                    <th *ngIf=\"!col.invisible && checkType('Dropdown', col) || checkType('MultiSelect', col) || checkType('SelectButton', col) || checkType('State', col)\"\r\n                        [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <p-multiSelect *ngIf=\"!col.disableFilter\"\r\n                                       [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                                       [(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                            <ng-template let-group pTemplate=\"group\">\r\n                                <div>{{group[col.options.optionGroupLabel]}}</div>\r\n                            </ng-template>\r\n                        </p-multiSelect>\r\n                    </th>\r\n\r\n                    <!-- Switch -->\r\n                    <th *ngIf=\"!col.invisible && checkType('Switch', col)\"\r\n                        [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <p-multiSelect *ngIf=\"!col.disableFilter\"\r\n                                       [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                                       [(ngModel)]=\"col.options.defaultFilters\">\r\n                        </p-multiSelect>\r\n                    </th>\r\n\r\n                    <!-- Non filtrable -->\r\n                    <th *ngIf=\"!col.invisible && (checkType('Image', col) || (checkType('Button', col) && !col.options.filterCol))\"\r\n                        [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                    </th>\r\n                </ng-container>\r\n                <th class=\"cellDelete\" *ngIf=\"options.rowsDeletable\"></th>\r\n            </tr>\r\n\r\n            <!-- TOTAL -->\r\n            <tr *ngIf=\"options.rowTotal\"\r\n                class=\"rowTotal\">\r\n                <th class=\"cellDelete\"\r\n                    *ngIf=\"isModeCheckboxSelection()\"\r\n                    pFrozenColumn>\r\n                </th>\r\n                <ng-container *ngFor=\"let col of columns\">\r\n                    <th *ngIf=\"!col.invisible\"\r\n                        [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                        [ngClass]=\"{ 'text-center' : true }\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div>{{ getTotal(col) }}</div>\r\n                    </th>\r\n                </ng-container>\r\n                <th class=\"cellDelete\" *ngIf=\"options.rowsDeletable\"></th>\r\n            </tr>\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.coldiv]=\"columns.length + 1\"\r\n                    pFrozenColumn>\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        <!-- LOADING BODY -->\r\n        <ng-template pTemplate=\"loadingbody\" let-columns=\"columns\">\r\n            <tr style=\"height:35px\">\r\n                <td class=\"cellDelete\"\r\n                    pFrozenColumn\r\n                    [fozen]=\"col.frozen\"\r\n                    *ngIf=\"isModeCheckboxSelection()\">\r\n                    <p-skeleton [ngStyle]=\"{ 'width' : '100%' }\"></p-skeleton>\r\n                </td>\r\n                <td *ngFor=\"let col of columns; let even = even\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : null }\">\r\n                    <p-skeleton [ngStyle]=\"{ 'width' : '100%' }\"></p-skeleton>\r\n                </td>\r\n                <td class=\"cellDelete\" *ngIf=\"options.rowsDeletable\">\r\n                    <p-skeleton [ngStyle]=\"{ 'width' : '100%' }\"></p-skeleton>\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\">\r\n\r\n                <td *ngIf=\"isModeCheckboxSelection()\"\r\n                    class=\"cellDelete\"\r\n                    pFrozenColumn>\r\n                    <p-tableCheckbox [value]=\"rowData\" [disabled]=\"rowData.readonly\"></p-tableCheckbox>\r\n                </td>\r\n\r\n                <ng-container *ngFor=\"let col of columns\">\r\n\r\n                    <!-- Text -->\r\n                    <td *ngIf=\"!col.invisible && checkType('Text', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                        [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                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <input pInputText\r\n                               type=\"text\"\r\n                               [(ngModel)]=\"rowData[col.id].value\"\r\n                               (change)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                               (keyup.enter)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                               (click)=\"onEditInitCell(rowData, col, rowData[col.id].value)\"\r\n                               [class]=\"col.position == null || col.position == 'left' ? 'text-left' : col.position == 'right' ? 'text-right' : 'text-center'\" />\r\n                    </td>\r\n                    <td *ngIf=\"!col.invisible && checkType('Text', col) && (!isModeEdition() || rowData.readonly || rowData[col.id]?.readonly)\"\r\n                        [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                        [ngClass]=\"{ 'paddingCell': rowData[col.id] != null }\"\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                        [class]=\"col.position == null || col.position == 'left' ? 'text-left' : col.position == 'right' ? 'text-right' : 'text-center'\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <div *ngIf=\"rowData[col.id]\">{{ rowData[col.id].value }}</div>\r\n                    </td>\r\n\r\n                    <!-- Dropdown -->\r\n                    <td *ngIf=\"!col.invisible && checkType('Dropdown', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                        [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]=\"rowData[col.id] != null ? 'paddingCell' : null\"\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                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <p-dropdown *ngIf=\"rowData[col.id] != null\"\r\n                                    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                                    [autoDisplayFirst]=\"false\"\r\n                                    appendTo=\"body\"\r\n                                    emptyFilterMessage=\"Aucun r\u00E9sultat\"\r\n                                    emptyMessage=\"Aucun r\u00E9sultat\"\r\n                                    [baseZIndex]=\"getOption(col, rowData, 'baseZIndex')\"\r\n                                    [virtualScroll]=\"getOption(col, rowData, 'virtualScroll')\"\r\n                                    [readonly]=\"rowData.readonly || rowData[col.id]?.readonly\"\r\n                                    [virtualScrollItemSize]=\"30\"\r\n                                    [styleClass]=\"col.position == null || col.position == 'left' ? 'text-left' : col.position == 'right' ? 'text-right' : 'text-center'\"\r\n                                    (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\">\r\n                        </p-dropdown>\r\n                    </td>\r\n                    <td *ngIf=\"!col.invisible && checkType('Dropdown', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n                        [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                        [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\"\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                        [class]=\"col.position == null || col.position == 'left' ? 'text-left' : col.position == 'right' ? 'text-right' : 'text-center'\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <div *ngIf=\"rowData[col.id]\">{{ rowData[col.id].value != null ? rowData[col.id].value[getOption(col, rowData, 'optionLabel')] : '' }}</div>\r\n                    </td>\r\n\r\n                    <!-- Number -->\r\n                    <td *ngIf=\"!col.invisible && checkType('Number', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                        [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]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                        [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | number\"\r\n                        [tooltipDisabled]=\"!col.tooltip\"\r\n                        tooltipPosition=\"bottom\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <p-inputNumber *ngIf=\"rowData[col.id] && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                                       locale=\"fr-FR\"\r\n                                       (onInput)=\"onInputNumber($event)\"\r\n                                       [(ngModel)]=\"rowData[col.id].value\"\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                                       [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                                       (ngModelChange)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                       (onFocus)=\"onEditInitCell(rowData, col, rowData[col.id].value)\">\r\n                        </p-inputNumber>\r\n                    </td>\r\n                    <td *ngIf=\"!col.invisible && checkType('Number', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n                        [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                        [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                        [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | number\"\r\n                        [tooltipDisabled]=\"!col.tooltip\"\r\n                        tooltipPosition=\"bottom\"\r\n                        [class]=\"col.position == null || col.position == 'right' ? 'text-right' : col.position == 'left' ? 'text-left' : 'text-center'\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <div *ngIf=\"rowData[col.id]\">{{ getFormattedNumber(col, rowData, rowData[col.id].value) }}</div>\r\n                    </td>\r\n\r\n                    <!-- Date -->\r\n                    <td *ngIf=\"!col.invisible && checkType('Date', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                        [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]=\"rowData[col.id] != null ? 'paddingCell' : null\"\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                        tooltipPosition=\"bottom\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <p-calendar [(ngModel)]=\"rowData[col.id].value\"\r\n                                    [view]=\"getOption(col, rowData, 'mode') == null ? 'date' : getOption(col, rowData, 'mode')\"\r\n                                    [dateFormat]=\"getOption(col, rowData, 'mode') == 'year' ? 'yy' : getOption(col, rowData, 'mode') == 'month' ? 'mm/yy' : 'dd/mm/yy'\"\r\n                                    firstDayOfWeek=\"1\"\r\n                                    (onSelect)=\"onEditCell(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                                    [readonlyInput]=\"true\"\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-calendar>\r\n                    </td>\r\n                    <td *ngIf=\"!col.invisible && checkType('Date', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n                        [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                        id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                        [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\"\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                        tooltipPosition=\"bottom\"\r\n                        [class]=\"col.position == null || col.position == 'right' ? 'text-right' : col.position == 'left' ? 'text-left' : 'text-center'\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <div *ngIf=\"rowData[col.id]\">{{ rowData[col.id].value | date: (getOption(col, rowData, 'mode') == 'year' ? 'yyyy' : getOption(col, rowData, 'mode') == 'month' ? 'MM/yyyy' : 'dd/MM/yyyy') }}</div>\r\n                    </td>\r\n\r\n                    <!-- MultiSelect -->\r\n                    <td *ngIf=\"!col.invisible && checkType('MultiSelect', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                        [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]=\"rowData[col.id] != null ? 'paddingCell' : null\"\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                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <p-multiSelect *ngIf=\"rowData[col.id] != null\"\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                                       appendTo=\"body\"\r\n                                       dataKey=\"ID\"\r\n                                       emptyFilterMessage=\"Aucun r\u00E9sultat\"\r\n                                       emptyMessage=\"Aucun r\u00E9sultat\"\r\n                                       [baseZIndex]=\"getOption(col, rowData, 'baseZIndex')\"\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                                       [styleClass]=\"col.position == null || col.position == 'left' ? 'text-left' : col.position == 'right' ? 'text-right' : 'text-center'\">\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                    </td>\r\n                    <td *ngIf=\"!col.invisible && checkType('MultiSelect', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n                        [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                        [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\"\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                        [class]=\"col.position == null || col.position == 'left' ? 'text-left' : col.position == 'right' ? 'text-right' : 'text-center'\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <div *ngIf=\"rowData[col.id]\">{{ getMultiSelectConcat(rowData[col.id].value, getOption(col, rowData, 'optionLabel')) }}</div>\r\n                    </td>\r\n\r\n                    <!-- Image -->\r\n                    <td *ngIf=\"!col.invisible && checkType('Image', col)\"\r\n                        [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]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                        class=\"text-center\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <img *ngIf=\"rowData[col.id]\" style=\"vertical-align: middle; width: 40px;\" src=\"{{ rowData[col.id].value }}\" />\r\n                    </td>\r\n\r\n                    <!-- Button -->\r\n                    <td *ngIf=\"!col.invisible && checkType('Button', col)\"\r\n                        class=\"paddingCell text-center\"\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                        <button pButton\r\n                                [disabled]=\"rowData.readonly || rowData[col.id]?.readonly\"\r\n                                [ngClass]=\"'p-button-' + getOption(col, rowData, 'severity')\"\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                        </button>\r\n                    </td>\r\n\r\n                    <!-- SelectButton -->\r\n                    <td *ngIf=\"!col.invisible && checkType('SelectButton', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                        [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]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                        pFrozenColumn\r\n                        class=\"text-center\"\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <p-selectButton *ngIf=\"rowData[col.id] != null\"\r\n                                        [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                                        [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\"\r\n                                        (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\">\r\n                        </p-selectButton>\r\n                    </td>\r\n                    <td *ngIf=\"!col.invisible && checkType('SelectButton', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n                        [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                        [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\"\r\n                        class=\"text-center\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <div *ngIf=\"rowData[col.id]\">{{ getSelectLibelleByValue(rowData, col) }}</div>\r\n                    </td>\r\n\r\n                    <!-- Switch -->\r\n                    <td *ngIf=\"!col.invisible && checkType('Switch', col)\"\r\n                        [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]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <p-inputSwitch *ngIf=\"rowData[col.id] != null\"\r\n                                       [(ngModel)]=\"rowData[col.id].value\"\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                        </p-inputSwitch>\r\n                    </td>\r\n\r\n                    <!-- File -->\r\n                    <td *ngIf=\"!col.invisible && checkType('File', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                        [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]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <div class=\"p-inputgroup\" *ngIf=\"rowData[col.id] != null\">\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                                   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                            <button *ngIf=\"getOption(col, rowData, 'downloadPath') && rowData[col.id].value != null\"\r\n                                    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                        </div>\r\n                        <input *ngIf=\"rowData[col.id]\" 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                    </td>\r\n                    <td *ngIf=\"!col.invisible && checkType('File', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n                        [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                        [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\"\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                        tooltipPosition=\"bottom\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <div *ngIf=\"rowData[col.id]\">{{ rowData[col.id].value ? rowData[col.id].value : '' }}</div>\r\n                    </td>\r\n\r\n                    <!-- State -->\r\n                    <td *ngIf=\"!col.invisible && checkType('State', col)\"\r\n                        [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]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                        class=\"text-center\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <p-tag *ngIf=\"rowData[col.id].value != null\"\r\n                               [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]=\"{ 'background-color': rowData[col.id].value.backgroundColor, 'color': rowData[col.id].value.textColor }\">\r\n                        </p-tag>\r\n                    </td>\r\n\r\n                </ng-container>\r\n\r\n                <!-- Deletion -->\r\n                <td *ngIf=\"options.rowsDeletable\"\r\n                    class=\"cellDelete\"\r\n                    [ngClass]=\"rowData.deletable ? 'paddingCell' : null\">\r\n                    <button *ngIf=\"rowData.deletable\"\r\n                            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                </td>\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 .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 .p-frozen-column{z-index:1!important}:host ::ng-deep .p-datatable-thead{z-index:2!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 .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;min-width:50rem}:host ::ng-deep .p-datatable-thead>tr>th{border:1px solid rgba(0,0,0,.12)!important;padding:8px;font-weight:600;height:40px}:host ::ng-deep .p-datatable-thead>tr>th div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}: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:5%;text-align:center!important;padding:0!important}:host ::ng-deep .p-tooltip .p-tooltip-text{background-color:red!important}:host ::ng-deep .p-datatable-tbody>tr{height:35px}:host ::ng-deep .p-inputtext{height:25px!important;padding:4px 5px!important}:host ::ng-deep .p-inputnumber{height:25px;padding:0!important}:host ::ng-deep .p-inputnumber-input{padding:0 5px!important}:host ::ng-deep .p-inputgroup .p-inputtext{height:25px;padding:4px 5px!important}:host ::ng-deep .p-dropdown,:host ::ng-deep .p-multiselect{vertical-align:middle}:host ::ng-deep .p-dropdown-label{padding-top:2px;padding-bottom:2px}:host ::ng-deep .p-multiselect-label{padding-top:2px;padding-bottom:2px}:host ::ng-deep .p-editable-column{padding:3px 10px!important}:host ::ng-deep .paddingCell{padding:3px 10px!important}:host ::ng-deep .p-selectbutton>.p-button{width:50%;height:25px}:host ::ng-deep .p-inputgroup>.p-button{height:25px}:host ::ng-deep .buttonDelete{width:100%;height:20px}:host ::ng-deep .p-column-title{display:none}:host ::ng-deep .p-datatable-loading-icon{color:#fff}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i5.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i4.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "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", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i4.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i4.FrozenColumn, selector: "[pFrozenColumn]", inputs: ["frozen", "alignFrozen"] }, { kind: "directive", type: i4.RowGroupHeader, selector: "[pRowGroupHeader]" }, { kind: "directive", type: i4.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "directive", type: i4.EditableColumn, selector: "[pEditableColumn]", inputs: ["pEditableColumn", "pEditableColumnField", "pEditableColumnRowIndex", "pEditableColumnDisabled", "pFocusCellSelector"] }, { kind: "component", type: i4.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i4.TableCheckbox, selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { kind: "directive", type: i5$1.InputText, selector: "[pInputText]" }, { kind: "component", type: i6.SelectButton, selector: "p-selectButton", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "tabindex", "multiple", "style", "styleClass", "ariaLabelledBy", "disabled", "dataKey"], outputs: ["onOptionClick", "onChange"] }, { kind: "component", type: i7.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "overlayDirection", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i8.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "component", type: i9.MultiSelect, selector: "p-multiSelect", inputs: ["style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "appendTo", "dataKey", "name", "label", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad"] }, { kind: "component", type: i10.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "view", "defaultDate", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "component", type: i11.Tag, selector: "p-tag", inputs: ["styleClass", "style", "severity", "value", "icon", "rounded"] }, { kind: "directive", type: i12.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i13.InputSwitch, selector: "p-inputSwitch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy"], outputs: ["onChange"] }, { kind: "component", type: i14.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "directive", type: i15.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: i15.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i15.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i2.DecimalPipe, name: "number" }, { kind: "pipe", type: i2.DatePipe, name: "date" }] });
+CilogTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: CilogTableComponent, selector: "cilog-table", inputs: { columns: "columns", values: "values", options: "options", loading: "loading" }, outputs: { columnsChange: "columnsChange", valuesChange: "valuesChange", onEdit: "onEdit", onEditInit: "onEditInit", onDelete: "onDelete", onSelect: "onSelect", onUnselect: "onUnselect", onFilter: "onFilter", onFilterInit: "onFilterInit", onSort: "onSort", onPage: "onPage" }, viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true, static: true }], ngImport: i0, template: "<div [ngStyle]=\"{ 'height': options.scrollHeight != null ? options.scrollHeight : '100%' }\">\r\n    <p-table #table\r\n             [columns]=\"columns\"\r\n             [value]=\"values\"\r\n             dataKey=\"id\"\r\n             [selectionMode]=\"options.selectable && !isModeCheckboxSelection() ? 'single' : null\"\r\n             [(selection)]=\"selectedRows\"\r\n             (onRowSelect)=\"onSelectRow($event)\"\r\n             (onRowUnselect)=\"onUnselectRow($event)\"\r\n             (sortFunction)=\"customSort($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             [virtualScroll]=\"options.virtualScroll == true && options.scrollHeight != null ? true : false\"\r\n             [virtualScrollItemSize]=\"41\"\r\n             [paginator]=\"options.paginator == null ? false : true\"\r\n             [rows]=\"options.paginatorRows\"\r\n             (onPage)=\"onPageTable($event)\"\r\n             [groupRowsByOrder]=\"0\"\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\r\n        <!-- HEADER -->\r\n        <ng-template pTemplate=\"header\" let-columns>\r\n\r\n            <!-- HEADERS -->\r\n            <tr class=\"rowHeader\">\r\n                <th class=\"cellDelete\"\r\n                    *ngIf=\"isModeCheckboxSelection()\"\r\n                    pFrozenColumn>\r\n                </th>\r\n                <ng-container *ngFor=\"let col of columns\">\r\n                    <th *ngIf=\"!col.invisible\"\r\n                        [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': col.backgroundColor ? col.backgroundColor : null }\"\r\n                        [ngClass]=\"{ 'text-center' : options.centerHeaders }\"\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                        (click)=\"refreshData()\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div [ngStyle]=\"{ 'color': col.textColor ? col.textColor : null }\">\r\n                            {{ col.libelle }}\r\n                        </div>\r\n                        <p-sortIcon *ngIf=\"options.sortable && options.grouping == null && col.libelle != null && col.libelle != ''\"\r\n                                    [field]=\"col.id\">\r\n                        </p-sortIcon>\r\n                    </th>\r\n                </ng-container>\r\n                <th class=\"cellDelete\" *ngIf=\"options.rowsDeletable\"></th>\r\n            </tr>\r\n\r\n            <!-- FILTRES -->\r\n            <tr *ngIf=\"options.filterable\" class=\"rowFilter\">\r\n\r\n                <th class=\"cellDelete\"\r\n                    *ngIf=\"isModeCheckboxSelection()\"\r\n                    pFrozenColumn>\r\n                </th>\r\n\r\n                <ng-container *ngFor=\"let col of columns\">\r\n                    <!-- Text -->\r\n                    <th *ngIf=\"!col.invisible && (checkType('Text', col) || checkType('File', col) || (checkType('Button', col) && col.options.filterCol))\"\r\n                        [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <input *ngIf=\"!col.disableFilter\"\r\n                               pInputText\r\n                               type=\"text\"\r\n                               (input)=\"onFilterCol($event, col)\"\r\n                               [(ngModel)]=\"col.options.defaultFilters\">\r\n                    </th>\r\n\r\n                    <!-- Date -->\r\n                    <th *ngIf=\"!col.invisible && checkType('Date', col)\"\r\n                        [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <p-calendar *ngIf=\"!col.disableFilter\"\r\n                                    [view]=\"getOption(col, rowData, 'mode') == null ? 'date' : getOption(col, rowData, 'mode')\"\r\n                                    [dateFormat]=\"getOption(col, rowData, 'mode') == 'year' ? 'yy' : getOption(col, rowData, '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                                    [(ngModel)]=\"col.options.defaultFilters\">\r\n                        </p-calendar>\r\n                    </th>\r\n\r\n                    <!-- Number -->\r\n                    <th *ngIf=\"!col.invisible && (checkType('Number', col) || checkType('CilogNumber', col))\"\r\n                        [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <p-inputNumber *ngIf=\"!col.disableFilter\"\r\n                                       mode=\"decimal\"\r\n                                       locale=\"fr-FR\"\r\n                                       [minFractionDigits]=\"2\"\r\n                                       [showButtons]=\"true\"\r\n                                       (onInput)=\"onFilterCol($event, col)\"\r\n                                       [(ngModel)]=\"col.options.defaultFilters\">\r\n                        </p-inputNumber>\r\n                    </th>\r\n\r\n                    <!-- Liste -->\r\n                    <th *ngIf=\"!col.invisible && checkType('Dropdown', col) || checkType('MultiSelect', col) || checkType('SelectButton', col) || checkType('State', col)\"\r\n                        [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <p-multiSelect *ngIf=\"!col.disableFilter\"\r\n                                       [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                                       [(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                            <ng-template let-group pTemplate=\"group\">\r\n                                <div>{{group[col.options.optionGroupLabel]}}</div>\r\n                            </ng-template>\r\n                        </p-multiSelect>\r\n                    </th>\r\n\r\n                    <!-- Switch -->\r\n                    <th *ngIf=\"!col.invisible && checkType('Switch', col)\"\r\n                        [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <p-multiSelect *ngIf=\"!col.disableFilter\"\r\n                                       [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                                       [(ngModel)]=\"col.options.defaultFilters\">\r\n                        </p-multiSelect>\r\n                    </th>\r\n\r\n                    <!-- Non filtrable -->\r\n                    <th *ngIf=\"!col.invisible && (checkType('Image', col) || (checkType('Button', col) && !col.options.filterCol))\"\r\n                        [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                    </th>\r\n                </ng-container>\r\n                <th class=\"cellDelete\" *ngIf=\"options.rowsDeletable\"></th>\r\n            </tr>\r\n\r\n            <!-- TOTAL -->\r\n            <tr *ngIf=\"options.rowTotal\"\r\n                class=\"rowTotal\">\r\n                <th class=\"cellDelete\"\r\n                    *ngIf=\"isModeCheckboxSelection()\"\r\n                    pFrozenColumn>\r\n                </th>\r\n                <ng-container *ngFor=\"let col of columns\">\r\n                    <th *ngIf=\"!col.invisible\"\r\n                        [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                        [ngClass]=\"{ 'text-center' : true }\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div>{{ getTotal(col) }}</div>\r\n                    </th>\r\n                </ng-container>\r\n                <th class=\"cellDelete\" *ngIf=\"options.rowsDeletable\"></th>\r\n            </tr>\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.coldiv]=\"columns.length + 1\"\r\n                    pFrozenColumn>\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        <!-- LOADING BODY -->\r\n        <!--<ng-template pTemplate=\"loadingbody\" let-columns=\"columns\">\r\n            \r\n            <tr style=\"height:41px\">\r\n                <td class=\"cellDelete\"\r\n                    pFrozenColumn\r\n                    [fozen]=\"col.frozen\"\r\n                    *ngIf=\"isModeCheckboxSelection()\">\r\n                    <p-skeleton [ngStyle]=\"{ 'width' : '100%' }\"></p-skeleton>\r\n                </td>\r\n                <td *ngFor=\"let col of columns; let even = even\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : null }\">\r\n                    <p-skeleton [ngStyle]=\"{ 'width' : '100%' }\"></p-skeleton>\r\n                </td>\r\n                <td class=\"cellDelete\" *ngIf=\"options.rowsDeletable\">\r\n                    <p-skeleton [ngStyle]=\"{ 'width' : '100%' }\"></p-skeleton>\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\">\r\n\r\n                <td *ngIf=\"isModeCheckboxSelection()\"\r\n                    class=\"cellDelete\"\r\n                    pFrozenColumn>\r\n                    <p-tableCheckbox [value]=\"rowData\" [disabled]=\"rowData.readonly\"></p-tableCheckbox>\r\n                </td>\r\n\r\n                <ng-container *ngFor=\"let col of columns\">\r\n\r\n                    <!-- Text -->\r\n                    <td *ngIf=\"!col.invisible && checkType('Text', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                        [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                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <input pInputText\r\n                               type=\"text\"\r\n                               [(ngModel)]=\"rowData[col.id].value\"\r\n                               (change)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                               (keyup.enter)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                               (click)=\"onEditInitCell(rowData, col, rowData[col.id].value)\"\r\n                               [class]=\"col.position == null || col.position == 'left' ? 'text-left' : col.position == 'right' ? 'text-right' : 'text-center'\" />\r\n                    </td>\r\n                    <td *ngIf=\"!col.invisible && checkType('Text', col) && (!isModeEdition() || rowData.readonly || rowData[col.id]?.readonly)\"\r\n                        [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                        [ngClass]=\"{ 'paddingCell': rowData[col.id] != null }\"\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                        [class]=\"col.position == null || col.position == 'left' ? 'text-left' : col.position == 'right' ? 'text-right' : 'text-center'\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <div *ngIf=\"rowData[col.id]\">{{ rowData[col.id].value }}</div>\r\n                    </td>\r\n\r\n                    <!-- Dropdown -->\r\n                    <td *ngIf=\"!col.invisible && checkType('Dropdown', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                        [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]=\"rowData[col.id] != null ? 'paddingCell' : null\"\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                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <p-dropdown *ngIf=\"rowData[col.id] != null\"\r\n                                    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                                    [autoDisplayFirst]=\"false\"\r\n                                    appendTo=\"body\"\r\n                                    emptyFilterMessage=\"Aucun r\u00E9sultat\"\r\n                                    emptyMessage=\"Aucun r\u00E9sultat\"\r\n                                    [baseZIndex]=\"getOption(col, rowData, 'baseZIndex')\"\r\n                                    [virtualScroll]=\"getOption(col, rowData, 'virtualScroll')\"\r\n                                    [readonly]=\"rowData.readonly || rowData[col.id]?.readonly\"\r\n                                    [virtualScrollItemSize]=\"30\"\r\n                                    [styleClass]=\"col.position == null || col.position == 'left' ? 'text-left' : col.position == 'right' ? 'text-right' : 'text-center'\"\r\n                                    (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\">\r\n                        </p-dropdown>\r\n                    </td>\r\n                    <td *ngIf=\"!col.invisible && checkType('Dropdown', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n                        [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                        [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\"\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                        [class]=\"col.position == null || col.position == 'left' ? 'text-left' : col.position == 'right' ? 'text-right' : 'text-center'\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <div *ngIf=\"rowData[col.id]\">{{ rowData[col.id].value != null ? rowData[col.id].value[getOption(col, rowData, 'optionLabel')] : '' }}</div>\r\n                    </td>\r\n\r\n                    <!-- Cilog Number -->\r\n                    <td *ngIf=\"!col.invisible && checkType('CilogNumber', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                        [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]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                        [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | number\"\r\n                        [tooltipDisabled]=\"!col.tooltip\"\r\n                        tooltipPosition=\"bottom\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <cilog-input-number *ngIf=\"rowData[col.id] && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                                       (onInput)=\"onInputNumber($event)\"\r\n                                       [(ngModel)]=\"rowData[col.id].value\"\r\n                                       [inputStyleClass]=\"col.position == null || col.position == 'right' ? 'text-right' : col.position == 'left' ? 'text-left' : 'text-center'\"\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                                       [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(rowData, col, rowData[col.id].value)\">\r\n                        </cilog-input-number>\r\n                    </td>\r\n                    <td *ngIf=\"!col.invisible && checkType('CilogNumber', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n                        [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                        [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                        [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | number\"\r\n                        [tooltipDisabled]=\"!col.tooltip\"\r\n                        tooltipPosition=\"bottom\"\r\n                        [class]=\"col.position == null || col.position == 'right' ? 'text-right' : col.position == 'left' ? 'text-left' : 'text-center'\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <div *ngIf=\"rowData[col.id]\">{{ getFormattedNumber(col, rowData, rowData[col.id].value) }}</div>\r\n                    </td>\r\n\r\n                    <!-- Number -->\r\n                    <td *ngIf=\"!col.invisible && checkType('Number', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                        [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]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                        [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | number\"\r\n                        [tooltipDisabled]=\"!col.tooltip\"\r\n                        tooltipPosition=\"bottom\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <p-inputNumber *ngIf=\"rowData[col.id] && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                                       locale=\"fr-FR\"\r\n                                       (onInput)=\"onInputNumber($event)\"\r\n                                       [(ngModel)]=\"rowData[col.id].value\"\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                                       [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                                       (ngModelChange)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                       (onFocus)=\"onEditInitCell(rowData, col, rowData[col.id].value)\">\r\n                        </p-inputNumber>\r\n                    </td>\r\n                    <td *ngIf=\"!col.invisible && checkType('Number', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n                        [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                        [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                        [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | number\"\r\n                        [tooltipDisabled]=\"!col.tooltip\"\r\n                        tooltipPosition=\"bottom\"\r\n                        [class]=\"col.position == null || col.position == 'right' ? 'text-right' : col.position == 'left' ? 'text-left' : 'text-center'\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <div *ngIf=\"rowData[col.id]\">{{ getFormattedNumber(col, rowData, rowData[col.id].value) }}</div>\r\n                    </td>\r\n\r\n                    <!-- Date -->\r\n                    <td *ngIf=\"!col.invisible && checkType('Date', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                        [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]=\"rowData[col.id] != null ? 'paddingCell' : null\"\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                        tooltipPosition=\"bottom\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <p-calendar [(ngModel)]=\"rowData[col.id].value\"\r\n                                    [view]=\"getOption(col, rowData, 'mode') == null ? 'date' : getOption(col, rowData, 'mode')\"\r\n                                    [dateFormat]=\"getOption(col, rowData, 'mode') == 'year' ? 'yy' : getOption(col, rowData, 'mode') == 'month' ? 'mm/yy' : 'dd/mm/yy'\"\r\n                                    firstDayOfWeek=\"1\"\r\n                                    (onSelect)=\"onEditCell(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                                    [readonlyInput]=\"true\"\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-calendar>\r\n                    </td>\r\n                    <td *ngIf=\"!col.invisible && checkType('Date', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n                        [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                        id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                        [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\"\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                        tooltipPosition=\"bottom\"\r\n                        [class]=\"col.position == null || col.position == 'right' ? 'text-right' : col.position == 'left' ? 'text-left' : 'text-center'\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <div *ngIf=\"rowData[col.id]\">{{ rowData[col.id].value | date: (getOption(col, rowData, 'mode') == 'year' ? 'yyyy' : getOption(col, rowData, 'mode') == 'month' ? 'MM/yyyy' : 'dd/MM/yyyy') }}</div>\r\n                    </td>\r\n\r\n                    <!-- MultiSelect -->\r\n                    <td *ngIf=\"!col.invisible && checkType('MultiSelect', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                        [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]=\"rowData[col.id] != null ? 'paddingCell' : null\"\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                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <p-multiSelect *ngIf=\"rowData[col.id] != null\"\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                                       appendTo=\"body\"\r\n                                       dataKey=\"ID\"\r\n                                       emptyFilterMessage=\"Aucun r\u00E9sultat\"\r\n                                       emptyMessage=\"Aucun r\u00E9sultat\"\r\n                                       [baseZIndex]=\"getOption(col, rowData, 'baseZIndex')\"\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                                       [styleClass]=\"col.position == null || col.position == 'left' ? 'text-left' : col.position == 'right' ? 'text-right' : 'text-center'\">\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                    </td>\r\n                    <td *ngIf=\"!col.invisible && checkType('MultiSelect', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n                        [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                        [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\"\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                        [class]=\"col.position == null || col.position == 'left' ? 'text-left' : col.position == 'right' ? 'text-right' : 'text-center'\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <div *ngIf=\"rowData[col.id]\">{{ getMultiSelectConcat(rowData[col.id].value, getOption(col, rowData, 'optionLabel')) }}</div>\r\n                    </td>\r\n\r\n                    <!-- Image -->\r\n                    <td *ngIf=\"!col.invisible && checkType('Image', col)\"\r\n                        [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]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                        class=\"text-center\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <img *ngIf=\"rowData[col.id]\" style=\"vertical-align: middle; width: 40px;\" src=\"{{ rowData[col.id].value }}\" />\r\n                    </td>\r\n\r\n                    <!-- Button -->\r\n                    <td *ngIf=\"!col.invisible && checkType('Button', col)\"\r\n                        class=\"paddingCell text-center\"\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                        <button pButton\r\n                                [disabled]=\"rowData.readonly || rowData[col.id]?.readonly\"\r\n                                [ngClass]=\"'p-button-' + getOption(col, rowData, 'severity')\"\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                        </button>\r\n                    </td>\r\n\r\n                    <!-- SelectButton -->\r\n                    <td *ngIf=\"!col.invisible && checkType('SelectButton', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                        [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]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                        pFrozenColumn\r\n                        class=\"text-center\"\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <p-selectButton *ngIf=\"rowData[col.id] != null\"\r\n                                        [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                                        [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\"\r\n                                        (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\">\r\n                        </p-selectButton>\r\n                    </td>\r\n                    <td *ngIf=\"!col.invisible && checkType('SelectButton', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n                        [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                        [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\"\r\n                        class=\"text-center\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <div *ngIf=\"rowData[col.id]\">{{ getSelectLibelleByValue(rowData, col) }}</div>\r\n                    </td>\r\n\r\n                    <!-- Switch -->\r\n                    <td *ngIf=\"!col.invisible && checkType('Switch', col)\"\r\n                        [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]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <p-inputSwitch *ngIf=\"rowData[col.id] != null\"\r\n                                       [(ngModel)]=\"rowData[col.id].value\"\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                        </p-inputSwitch>\r\n                    </td>\r\n\r\n                    <!-- File -->\r\n                    <td *ngIf=\"!col.invisible && checkType('File', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                        [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]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <div class=\"p-inputgroup\" *ngIf=\"rowData[col.id] != null\">\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                                   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                            <button *ngIf=\"getOption(col, rowData, 'downloadPath') && rowData[col.id].value != null\"\r\n                                    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                        </div>\r\n                        <input *ngIf=\"rowData[col.id]\" 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                    </td>\r\n                    <td *ngIf=\"!col.invisible && checkType('File', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n                        [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                        [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\"\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                        tooltipPosition=\"bottom\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <div *ngIf=\"rowData[col.id]\">{{ rowData[col.id].value ? rowData[col.id].value : '' }}</div>\r\n                    </td>\r\n\r\n                    <!-- State -->\r\n                    <td *ngIf=\"!col.invisible && checkType('State', col)\"\r\n                        [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]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                        class=\"text-center\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <p-tag *ngIf=\"rowData[col.id].value != null\"\r\n                               [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]=\"{ 'background-color': rowData[col.id].value.backgroundColor, 'color': rowData[col.id].value.textColor }\">\r\n                        </p-tag>\r\n                    </td>\r\n\r\n                </ng-container>\r\n\r\n                <!-- Deletion -->\r\n                <td *ngIf=\"options.rowsDeletable\"\r\n                    class=\"cellDelete\"\r\n                    [ngClass]=\"rowData.deletable ? 'paddingCell' : null\">\r\n                    <button *ngIf=\"rowData.deletable\"\r\n                            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                </td>\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 .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 .p-frozen-column{z-index:1!important}:host ::ng-deep .p-datatable-thead{z-index:2!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 .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;min-width:50rem}:host ::ng-deep .p-datatable-thead>tr>th{border:1px solid rgba(0,0,0,.12)!important;padding:8px;font-weight:600;height:40px}:host ::ng-deep .p-datatable-thead>tr>th div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}: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:5%;text-align:center!important;padding:0!important}:host ::ng-deep .p-tooltip .p-tooltip-text{background-color:red!important}:host ::ng-deep .p-skeleton{background-color:#dee2e6;border-radius:6px;padding:0}:host ::ng-deep .p-datatable-tbody>tr{height:35px}:host ::ng-deep .p-inputtext{height:25px!important;padding:4px 5px!important}:host ::ng-deep .p-inputnumber{height:25px;padding:0!important}:host ::ng-deep .p-inputnumber-input{padding:0 5px!important}:host ::ng-deep .p-inputgroup .p-inputtext{height:25px;padding:4px 5px!important}:host ::ng-deep .p-dropdown,:host ::ng-deep .p-multiselect{vertical-align:middle}:host ::ng-deep .p-dropdown-label{padding-top:2px;padding-bottom:2px}:host ::ng-deep .p-multiselect-label{padding-top:2px;padding-bottom:2px}:host ::ng-deep .p-editable-column{padding:3px 10px!important}:host ::ng-deep .paddingCell{padding:3px 10px!important}:host ::ng-deep .p-selectbutton>.p-button{width:50%;height:25px}:host ::ng-deep .p-inputgroup>.p-button{height:25px}:host ::ng-deep .buttonDelete{width:100%;height:20px}:host ::ng-deep .p-column-title{display:none}:host ::ng-deep .p-datatable-loading-icon{color:#fff}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i5.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i4.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "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", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i4.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i4.FrozenColumn, selector: "[pFrozenColumn]", inputs: ["frozen", "alignFrozen"] }, { kind: "directive", type: i4.RowGroupHeader, selector: "[pRowGroupHeader]" }, { kind: "directive", type: i4.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "directive", type: i4.EditableColumn, selector: "[pEditableColumn]", inputs: ["pEditableColumn", "pEditableColumnField", "pEditableColumnRowIndex", "pEditableColumnDisabled", "pFocusCellSelector"] }, { kind: "component", type: i4.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i4.TableCheckbox, selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { kind: "directive", type: i2$1.InputText, selector: "[pInputText]" }, { kind: "component", type: i6.SelectButton, selector: "p-selectButton", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "tabindex", "multiple", "style", "styleClass", "ariaLabelledBy", "disabled", "dataKey"], outputs: ["onOptionClick", "onChange"] }, { kind: "component", type: i7.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "overlayDirection", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i8.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "component", type: i9.MultiSelect, selector: "p-multiSelect", inputs: ["style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "appendTo", "dataKey", "name", "label", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad"] }, { kind: "component", type: i10.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "view", "defaultDate", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "component", type: i11.Tag, selector: "p-tag", inputs: ["styleClass", "style", "severity", "value", "icon", "rounded"] }, { kind: "directive", type: i12.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i13.InputSwitch, selector: "p-inputSwitch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy"], outputs: ["onChange"] }, { kind: "directive", type: i14.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: i14.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i14.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CilogInputNumberComponent, selector: "cilog-input-number", inputs: ["min", "max", "maxDecimals", "prefixe", "suffixe", "inputStyleClass"], outputs: ["onInput", "onChange", "onFocus", "onBlur"] }, { kind: "pipe", type: i2.DecimalPipe, name: "number" }, { kind: "pipe", type: i2.DatePipe, name: "date" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: CilogTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cilog-table', template: "<div [ngStyle]=\"{ 'height': options.scrollHeight != null ? options.scrollHeight : '100%' }\">\r\n    <p-table #table\r\n             [columns]=\"columns\"\r\n             [value]=\"values\"\r\n             dataKey=\"id\"\r\n             [selectionMode]=\"options.selectable && !isModeCheckboxSelection() ? 'single' : null\"\r\n             [(selection)]=\"selectedRows\"\r\n             (onRowSelect)=\"onSelectRow($event)\"\r\n             (onRowUnselect)=\"onUnselectRow($event)\"\r\n             (sortFunction)=\"customSort($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             [virtualScroll]=\"options.virtualScroll == true && options.scrollHeight != null ? true : false\"\r\n             [virtualScrollItemSize]=\"41\"\r\n             [paginator]=\"options.paginator == null ? false : true\"\r\n             [rows]=\"options.paginatorRows\"\r\n             (onPage)=\"onPageTable($event)\"\r\n             [groupRowsByOrder]=\"0\"\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\r\n        <!-- HEADER -->\r\n        <ng-template pTemplate=\"header\" let-columns>\r\n\r\n            <!-- HEADERS -->\r\n            <tr class=\"rowHeader\">\r\n                <th class=\"cellDelete\"\r\n                    *ngIf=\"isModeCheckboxSelection()\"\r\n                    pFrozenColumn>\r\n                </th>\r\n                <ng-container *ngFor=\"let col of columns\">\r\n                    <th *ngIf=\"!col.invisible\"\r\n                        [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': col.backgroundColor ? col.backgroundColor : null }\"\r\n                        [ngClass]=\"{ 'text-center' : options.centerHeaders }\"\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                        (click)=\"refreshData()\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div [ngStyle]=\"{ 'color': col.textColor ? col.textColor : null }\">\r\n                            {{ col.libelle }}\r\n                        </div>\r\n                        <p-sortIcon *ngIf=\"options.sortable && options.grouping == null && col.libelle != null && col.libelle != ''\"\r\n                                    [field]=\"col.id\">\r\n                        </p-sortIcon>\r\n                    </th>\r\n                </ng-container>\r\n                <th class=\"cellDelete\" *ngIf=\"options.rowsDeletable\"></th>\r\n            </tr>\r\n\r\n            <!-- FILTRES -->\r\n            <tr *ngIf=\"options.filterable\" class=\"rowFilter\">\r\n\r\n                <th class=\"cellDelete\"\r\n                    *ngIf=\"isModeCheckboxSelection()\"\r\n                    pFrozenColumn>\r\n                </th>\r\n\r\n                <ng-container *ngFor=\"let col of columns\">\r\n                    <!-- Text -->\r\n                    <th *ngIf=\"!col.invisible && (checkType('Text', col) || checkType('File', col) || (checkType('Button', col) && col.options.filterCol))\"\r\n                        [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <input *ngIf=\"!col.disableFilter\"\r\n                               pInputText\r\n                               type=\"text\"\r\n                               (input)=\"onFilterCol($event, col)\"\r\n                               [(ngModel)]=\"col.options.defaultFilters\">\r\n                    </th>\r\n\r\n                    <!-- Date -->\r\n                    <th *ngIf=\"!col.invisible && checkType('Date', col)\"\r\n                        [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <p-calendar *ngIf=\"!col.disableFilter\"\r\n                                    [view]=\"getOption(col, rowData, 'mode') == null ? 'date' : getOption(col, rowData, 'mode')\"\r\n                                    [dateFormat]=\"getOption(col, rowData, 'mode') == 'year' ? 'yy' : getOption(col, rowData, '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                                    [(ngModel)]=\"col.options.defaultFilters\">\r\n                        </p-calendar>\r\n                    </th>\r\n\r\n                    <!-- Number -->\r\n                    <th *ngIf=\"!col.invisible && checkType('Number', col)\"\r\n                        [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <p-inputNumber *ngIf=\"!col.disableFilter\"\r\n                                       mode=\"decimal\"\r\n                                       locale=\"fr-FR\"\r\n                                       [minFractionDigits]=\"2\"\r\n                                       [showButtons]=\"true\"\r\n                                       (onInput)=\"onFilterCol($event, col)\"\r\n                                       [(ngModel)]=\"col.options.defaultFilters\">\r\n                        </p-inputNumber>\r\n                    </th>\r\n\r\n                    <!-- Liste -->\r\n                    <th *ngIf=\"!col.invisible && checkType('Dropdown', col) || checkType('MultiSelect', col) || checkType('SelectButton', col) || checkType('State', col)\"\r\n                        [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <p-multiSelect *ngIf=\"!col.disableFilter\"\r\n                                       [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                                       [(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                            <ng-template let-group pTemplate=\"group\">\r\n                                <div>{{group[col.options.optionGroupLabel]}}</div>\r\n                            </ng-template>\r\n                        </p-multiSelect>\r\n                    </th>\r\n\r\n                    <!-- Switch -->\r\n                    <th *ngIf=\"!col.invisible && checkType('Switch', col)\"\r\n                        [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <p-multiSelect *ngIf=\"!col.disableFilter\"\r\n                                       [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                                       [(ngModel)]=\"col.options.defaultFilters\">\r\n                        </p-multiSelect>\r\n                    </th>\r\n\r\n                    <!-- Non filtrable -->\r\n                    <th *ngIf=\"!col.invisible && (checkType('Image', col) || (checkType('Button', col) && !col.options.filterCol))\"\r\n                        [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                    </th>\r\n                </ng-container>\r\n                <th class=\"cellDelete\" *ngIf=\"options.rowsDeletable\"></th>\r\n            </tr>\r\n\r\n            <!-- TOTAL -->\r\n            <tr *ngIf=\"options.rowTotal\"\r\n                class=\"rowTotal\">\r\n                <th class=\"cellDelete\"\r\n                    *ngIf=\"isModeCheckboxSelection()\"\r\n                    pFrozenColumn>\r\n                </th>\r\n                <ng-container *ngFor=\"let col of columns\">\r\n                    <th *ngIf=\"!col.invisible\"\r\n                        [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                        [ngClass]=\"{ 'text-center' : true }\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div>{{ getTotal(col) }}</div>\r\n                    </th>\r\n                </ng-container>\r\n                <th class=\"cellDelete\" *ngIf=\"options.rowsDeletable\"></th>\r\n            </tr>\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.coldiv]=\"columns.length + 1\"\r\n                    pFrozenColumn>\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        <!-- LOADING BODY -->\r\n        <ng-template pTemplate=\"loadingbody\" let-columns=\"columns\">\r\n            <tr style=\"height:35px\">\r\n                <td class=\"cellDelete\"\r\n                    pFrozenColumn\r\n                    [fozen]=\"col.frozen\"\r\n                    *ngIf=\"isModeCheckboxSelection()\">\r\n                    <p-skeleton [ngStyle]=\"{ 'width' : '100%' }\"></p-skeleton>\r\n                </td>\r\n                <td *ngFor=\"let col of columns; let even = even\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : null }\">\r\n                    <p-skeleton [ngStyle]=\"{ 'width' : '100%' }\"></p-skeleton>\r\n                </td>\r\n                <td class=\"cellDelete\" *ngIf=\"options.rowsDeletable\">\r\n                    <p-skeleton [ngStyle]=\"{ 'width' : '100%' }\"></p-skeleton>\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\">\r\n\r\n                <td *ngIf=\"isModeCheckboxSelection()\"\r\n                    class=\"cellDelete\"\r\n                    pFrozenColumn>\r\n                    <p-tableCheckbox [value]=\"rowData\" [disabled]=\"rowData.readonly\"></p-tableCheckbox>\r\n                </td>\r\n\r\n                <ng-container *ngFor=\"let col of columns\">\r\n\r\n                    <!-- Text -->\r\n                    <td *ngIf=\"!col.invisible && checkType('Text', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                        [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                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <input pInputText\r\n                               type=\"text\"\r\n                               [(ngModel)]=\"rowData[col.id].value\"\r\n                               (change)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                               (keyup.enter)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                               (click)=\"onEditInitCell(rowData, col, rowData[col.id].value)\"\r\n                               [class]=\"col.position == null || col.position == 'left' ? 'text-left' : col.position == 'right' ? 'text-right' : 'text-center'\" />\r\n                    </td>\r\n                    <td *ngIf=\"!col.invisible && checkType('Text', col) && (!isModeEdition() || rowData.readonly || rowData[col.id]?.readonly)\"\r\n                        [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                        [ngClass]=\"{ 'paddingCell': rowData[col.id] != null }\"\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                        [class]=\"col.position == null || col.position == 'left' ? 'text-left' : col.position == 'right' ? 'text-right' : 'text-center'\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <div *ngIf=\"rowData[col.id]\">{{ rowData[col.id].value }}</div>\r\n                    </td>\r\n\r\n                    <!-- Dropdown -->\r\n                    <td *ngIf=\"!col.invisible && checkType('Dropdown', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                        [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]=\"rowData[col.id] != null ? 'paddingCell' : null\"\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                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <p-dropdown *ngIf=\"rowData[col.id] != null\"\r\n                                    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                                    [autoDisplayFirst]=\"false\"\r\n                                    appendTo=\"body\"\r\n                                    emptyFilterMessage=\"Aucun r\u00E9sultat\"\r\n                                    emptyMessage=\"Aucun r\u00E9sultat\"\r\n                                    [baseZIndex]=\"getOption(col, rowData, 'baseZIndex')\"\r\n                                    [virtualScroll]=\"getOption(col, rowData, 'virtualScroll')\"\r\n                                    [readonly]=\"rowData.readonly || rowData[col.id]?.readonly\"\r\n                                    [virtualScrollItemSize]=\"30\"\r\n                                    [styleClass]=\"col.position == null || col.position == 'left' ? 'text-left' : col.position == 'right' ? 'text-right' : 'text-center'\"\r\n                                    (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\">\r\n                        </p-dropdown>\r\n                    </td>\r\n                    <td *ngIf=\"!col.invisible && checkType('Dropdown', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n                        [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                        [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\"\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                        [class]=\"col.position == null || col.position == 'left' ? 'text-left' : col.position == 'right' ? 'text-right' : 'text-center'\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <div *ngIf=\"rowData[col.id]\">{{ rowData[col.id].value != null ? rowData[col.id].value[getOption(col, rowData, 'optionLabel')] : '' }}</div>\r\n                    </td>\r\n\r\n                    <!-- Number -->\r\n                    <td *ngIf=\"!col.invisible && checkType('Number', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                        [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]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                        [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | number\"\r\n                        [tooltipDisabled]=\"!col.tooltip\"\r\n                        tooltipPosition=\"bottom\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <p-inputNumber *ngIf=\"rowData[col.id] && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                                       locale=\"fr-FR\"\r\n                                       (onInput)=\"onInputNumber($event)\"\r\n                                       [(ngModel)]=\"rowData[col.id].value\"\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                                       [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                                       (ngModelChange)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                       (onFocus)=\"onEditInitCell(rowData, col, rowData[col.id].value)\">\r\n                        </p-inputNumber>\r\n                    </td>\r\n                    <td *ngIf=\"!col.invisible && checkType('Number', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n                        [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                        [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                        [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | number\"\r\n                        [tooltipDisabled]=\"!col.tooltip\"\r\n                        tooltipPosition=\"bottom\"\r\n                        [class]=\"col.position == null || col.position == 'right' ? 'text-right' : col.position == 'left' ? 'text-left' : 'text-center'\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <div *ngIf=\"rowData[col.id]\">{{ getFormattedNumber(col, rowData, rowData[col.id].value) }}</div>\r\n                    </td>\r\n\r\n                    <!-- Date -->\r\n                    <td *ngIf=\"!col.invisible && checkType('Date', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                        [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]=\"rowData[col.id] != null ? 'paddingCell' : null\"\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                        tooltipPosition=\"bottom\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <p-calendar [(ngModel)]=\"rowData[col.id].value\"\r\n                                    [view]=\"getOption(col, rowData, 'mode') == null ? 'date' : getOption(col, rowData, 'mode')\"\r\n                                    [dateFormat]=\"getOption(col, rowData, 'mode') == 'year' ? 'yy' : getOption(col, rowData, 'mode') == 'month' ? 'mm/yy' : 'dd/mm/yy'\"\r\n                                    firstDayOfWeek=\"1\"\r\n                                    (onSelect)=\"onEditCell(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                                    [readonlyInput]=\"true\"\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-calendar>\r\n                    </td>\r\n                    <td *ngIf=\"!col.invisible && checkType('Date', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n                        [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                        id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                        [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\"\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                        tooltipPosition=\"bottom\"\r\n                        [class]=\"col.position == null || col.position == 'right' ? 'text-right' : col.position == 'left' ? 'text-left' : 'text-center'\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <div *ngIf=\"rowData[col.id]\">{{ rowData[col.id].value | date: (getOption(col, rowData, 'mode') == 'year' ? 'yyyy' : getOption(col, rowData, 'mode') == 'month' ? 'MM/yyyy' : 'dd/MM/yyyy') }}</div>\r\n                    </td>\r\n\r\n                    <!-- MultiSelect -->\r\n                    <td *ngIf=\"!col.invisible && checkType('MultiSelect', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                        [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]=\"rowData[col.id] != null ? 'paddingCell' : null\"\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                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <p-multiSelect *ngIf=\"rowData[col.id] != null\"\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                                       appendTo=\"body\"\r\n                                       dataKey=\"ID\"\r\n                                       emptyFilterMessage=\"Aucun r\u00E9sultat\"\r\n                                       emptyMessage=\"Aucun r\u00E9sultat\"\r\n                                       [baseZIndex]=\"getOption(col, rowData, 'baseZIndex')\"\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                                       [styleClass]=\"col.position == null || col.position == 'left' ? 'text-left' : col.position == 'right' ? 'text-right' : 'text-center'\">\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                    </td>\r\n                    <td *ngIf=\"!col.invisible && checkType('MultiSelect', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n                        [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                        [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\"\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                        [class]=\"col.position == null || col.position == 'left' ? 'text-left' : col.position == 'right' ? 'text-right' : 'text-center'\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <div *ngIf=\"rowData[col.id]\">{{ getMultiSelectConcat(rowData[col.id].value, getOption(col, rowData, 'optionLabel')) }}</div>\r\n                    </td>\r\n\r\n                    <!-- Image -->\r\n                    <td *ngIf=\"!col.invisible && checkType('Image', col)\"\r\n                        [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]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                        class=\"text-center\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <img *ngIf=\"rowData[col.id]\" style=\"vertical-align: middle; width: 40px;\" src=\"{{ rowData[col.id].value }}\" />\r\n                    </td>\r\n\r\n                    <!-- Button -->\r\n                    <td *ngIf=\"!col.invisible && checkType('Button', col)\"\r\n                        class=\"paddingCell text-center\"\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                        <button pButton\r\n                                [disabled]=\"rowData.readonly || rowData[col.id]?.readonly\"\r\n                                [ngClass]=\"'p-button-' + getOption(col, rowData, 'severity')\"\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                        </button>\r\n                    </td>\r\n\r\n                    <!-- SelectButton -->\r\n                    <td *ngIf=\"!col.invisible && checkType('SelectButton', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                        [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]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                        pFrozenColumn\r\n                        class=\"text-center\"\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <p-selectButton *ngIf=\"rowData[col.id] != null\"\r\n                                        [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                                        [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\"\r\n                                        (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\">\r\n                        </p-selectButton>\r\n                    </td>\r\n                    <td *ngIf=\"!col.invisible && checkType('SelectButton', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n                        [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                        [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\"\r\n                        class=\"text-center\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <div *ngIf=\"rowData[col.id]\">{{ getSelectLibelleByValue(rowData, col) }}</div>\r\n                    </td>\r\n\r\n                    <!-- Switch -->\r\n                    <td *ngIf=\"!col.invisible && checkType('Switch', col)\"\r\n                        [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]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <p-inputSwitch *ngIf=\"rowData[col.id] != null\"\r\n                                       [(ngModel)]=\"rowData[col.id].value\"\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                        </p-inputSwitch>\r\n                    </td>\r\n\r\n                    <!-- File -->\r\n                    <td *ngIf=\"!col.invisible && checkType('File', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                        [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]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <div class=\"p-inputgroup\" *ngIf=\"rowData[col.id] != null\">\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                                   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                            <button *ngIf=\"getOption(col, rowData, 'downloadPath') && rowData[col.id].value != null\"\r\n                                    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                        </div>\r\n                        <input *ngIf=\"rowData[col.id]\" 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                    </td>\r\n                    <td *ngIf=\"!col.invisible && checkType('File', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n                        [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                        [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\"\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                        tooltipPosition=\"bottom\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <div *ngIf=\"rowData[col.id]\">{{ rowData[col.id].value ? rowData[col.id].value : '' }}</div>\r\n                    </td>\r\n\r\n                    <!-- State -->\r\n                    <td *ngIf=\"!col.invisible && checkType('State', col)\"\r\n                        [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]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                        class=\"text-center\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <p-tag *ngIf=\"rowData[col.id].value != null\"\r\n                               [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]=\"{ 'background-color': rowData[col.id].value.backgroundColor, 'color': rowData[col.id].value.textColor }\">\r\n                        </p-tag>\r\n                    </td>\r\n\r\n                </ng-container>\r\n\r\n                <!-- Deletion -->\r\n                <td *ngIf=\"options.rowsDeletable\"\r\n                    class=\"cellDelete\"\r\n                    [ngClass]=\"rowData.deletable ? 'paddingCell' : null\">\r\n                    <button *ngIf=\"rowData.deletable\"\r\n                            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                </td>\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 .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 .p-frozen-column{z-index:1!important}:host ::ng-deep .p-datatable-thead{z-index:2!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 .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;min-width:50rem}:host ::ng-deep .p-datatable-thead>tr>th{border:1px solid rgba(0,0,0,.12)!important;padding:8px;font-weight:600;height:40px}:host ::ng-deep .p-datatable-thead>tr>th div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}: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:5%;text-align:center!important;padding:0!important}:host ::ng-deep .p-tooltip .p-tooltip-text{background-color:red!important}:host ::ng-deep .p-datatable-tbody>tr{height:35px}:host ::ng-deep .p-inputtext{height:25px!important;padding:4px 5px!important}:host ::ng-deep .p-inputnumber{height:25px;padding:0!important}:host ::ng-deep .p-inputnumber-input{padding:0 5px!important}:host ::ng-deep .p-inputgroup .p-inputtext{height:25px;padding:4px 5px!important}:host ::ng-deep .p-dropdown,:host ::ng-deep .p-multiselect{vertical-align:middle}:host ::ng-deep .p-dropdown-label{padding-top:2px;padding-bottom:2px}:host ::ng-deep .p-multiselect-label{padding-top:2px;padding-bottom:2px}:host ::ng-deep .p-editable-column{padding:3px 10px!important}:host ::ng-deep .paddingCell{padding:3px 10px!important}:host ::ng-deep .p-selectbutton>.p-button{width:50%;height:25px}:host ::ng-deep .p-inputgroup>.p-button{height:25px}:host ::ng-deep .buttonDelete{width:100%;height:20px}:host ::ng-deep .p-column-title{display:none}:host ::ng-deep .p-datatable-loading-icon{color:#fff}\n"] }]
+            args: [{ selector: 'cilog-table', template: "<div [ngStyle]=\"{ 'height': options.scrollHeight != null ? options.scrollHeight : '100%' }\">\r\n    <p-table #table\r\n             [columns]=\"columns\"\r\n             [value]=\"values\"\r\n             dataKey=\"id\"\r\n             [selectionMode]=\"options.selectable && !isModeCheckboxSelection() ? 'single' : null\"\r\n             [(selection)]=\"selectedRows\"\r\n             (onRowSelect)=\"onSelectRow($event)\"\r\n             (onRowUnselect)=\"onUnselectRow($event)\"\r\n             (sortFunction)=\"customSort($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             [virtualScroll]=\"options.virtualScroll == true && options.scrollHeight != null ? true : false\"\r\n             [virtualScrollItemSize]=\"41\"\r\n             [paginator]=\"options.paginator == null ? false : true\"\r\n             [rows]=\"options.paginatorRows\"\r\n             (onPage)=\"onPageTable($event)\"\r\n             [groupRowsByOrder]=\"0\"\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\r\n        <!-- HEADER -->\r\n        <ng-template pTemplate=\"header\" let-columns>\r\n\r\n            <!-- HEADERS -->\r\n            <tr class=\"rowHeader\">\r\n                <th class=\"cellDelete\"\r\n                    *ngIf=\"isModeCheckboxSelection()\"\r\n                    pFrozenColumn>\r\n                </th>\r\n                <ng-container *ngFor=\"let col of columns\">\r\n                    <th *ngIf=\"!col.invisible\"\r\n                        [ngStyle]=\"{ 'width' : col.width ? col.width : null, 'background-color': col.backgroundColor ? col.backgroundColor : null }\"\r\n                        [ngClass]=\"{ 'text-center' : options.centerHeaders }\"\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                        (click)=\"refreshData()\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div [ngStyle]=\"{ 'color': col.textColor ? col.textColor : null }\">\r\n                            {{ col.libelle }}\r\n                        </div>\r\n                        <p-sortIcon *ngIf=\"options.sortable && options.grouping == null && col.libelle != null && col.libelle != ''\"\r\n                                    [field]=\"col.id\">\r\n                        </p-sortIcon>\r\n                    </th>\r\n                </ng-container>\r\n                <th class=\"cellDelete\" *ngIf=\"options.rowsDeletable\"></th>\r\n            </tr>\r\n\r\n            <!-- FILTRES -->\r\n            <tr *ngIf=\"options.filterable\" class=\"rowFilter\">\r\n\r\n                <th class=\"cellDelete\"\r\n                    *ngIf=\"isModeCheckboxSelection()\"\r\n                    pFrozenColumn>\r\n                </th>\r\n\r\n                <ng-container *ngFor=\"let col of columns\">\r\n                    <!-- Text -->\r\n                    <th *ngIf=\"!col.invisible && (checkType('Text', col) || checkType('File', col) || (checkType('Button', col) && col.options.filterCol))\"\r\n                        [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <input *ngIf=\"!col.disableFilter\"\r\n                               pInputText\r\n                               type=\"text\"\r\n                               (input)=\"onFilterCol($event, col)\"\r\n                               [(ngModel)]=\"col.options.defaultFilters\">\r\n                    </th>\r\n\r\n                    <!-- Date -->\r\n                    <th *ngIf=\"!col.invisible && checkType('Date', col)\"\r\n                        [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <p-calendar *ngIf=\"!col.disableFilter\"\r\n                                    [view]=\"getOption(col, rowData, 'mode') == null ? 'date' : getOption(col, rowData, 'mode')\"\r\n                                    [dateFormat]=\"getOption(col, rowData, 'mode') == 'year' ? 'yy' : getOption(col, rowData, '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                                    [(ngModel)]=\"col.options.defaultFilters\">\r\n                        </p-calendar>\r\n                    </th>\r\n\r\n                    <!-- Number -->\r\n                    <th *ngIf=\"!col.invisible && (checkType('Number', col) || checkType('CilogNumber', col))\"\r\n                        [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <p-inputNumber *ngIf=\"!col.disableFilter\"\r\n                                       mode=\"decimal\"\r\n                                       locale=\"fr-FR\"\r\n                                       [minFractionDigits]=\"2\"\r\n                                       [showButtons]=\"true\"\r\n                                       (onInput)=\"onFilterCol($event, col)\"\r\n                                       [(ngModel)]=\"col.options.defaultFilters\">\r\n                        </p-inputNumber>\r\n                    </th>\r\n\r\n                    <!-- Liste -->\r\n                    <th *ngIf=\"!col.invisible && checkType('Dropdown', col) || checkType('MultiSelect', col) || checkType('SelectButton', col) || checkType('State', col)\"\r\n                        [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <p-multiSelect *ngIf=\"!col.disableFilter\"\r\n                                       [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                                       [(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                            <ng-template let-group pTemplate=\"group\">\r\n                                <div>{{group[col.options.optionGroupLabel]}}</div>\r\n                            </ng-template>\r\n                        </p-multiSelect>\r\n                    </th>\r\n\r\n                    <!-- Switch -->\r\n                    <th *ngIf=\"!col.invisible && checkType('Switch', col)\"\r\n                        [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <p-multiSelect *ngIf=\"!col.disableFilter\"\r\n                                       [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                                       [(ngModel)]=\"col.options.defaultFilters\">\r\n                        </p-multiSelect>\r\n                    </th>\r\n\r\n                    <!-- Non filtrable -->\r\n                    <th *ngIf=\"!col.invisible && (checkType('Image', col) || (checkType('Button', col) && !col.options.filterCol))\"\r\n                        [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                    </th>\r\n                </ng-container>\r\n                <th class=\"cellDelete\" *ngIf=\"options.rowsDeletable\"></th>\r\n            </tr>\r\n\r\n            <!-- TOTAL -->\r\n            <tr *ngIf=\"options.rowTotal\"\r\n                class=\"rowTotal\">\r\n                <th class=\"cellDelete\"\r\n                    *ngIf=\"isModeCheckboxSelection()\"\r\n                    pFrozenColumn>\r\n                </th>\r\n                <ng-container *ngFor=\"let col of columns\">\r\n                    <th *ngIf=\"!col.invisible\"\r\n                        [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                        [ngClass]=\"{ 'text-center' : true }\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div>{{ getTotal(col) }}</div>\r\n                    </th>\r\n                </ng-container>\r\n                <th class=\"cellDelete\" *ngIf=\"options.rowsDeletable\"></th>\r\n            </tr>\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.coldiv]=\"columns.length + 1\"\r\n                    pFrozenColumn>\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        <!-- LOADING BODY -->\r\n        <!--<ng-template pTemplate=\"loadingbody\" let-columns=\"columns\">\r\n            \r\n            <tr style=\"height:41px\">\r\n                <td class=\"cellDelete\"\r\n                    pFrozenColumn\r\n                    [fozen]=\"col.frozen\"\r\n                    *ngIf=\"isModeCheckboxSelection()\">\r\n                    <p-skeleton [ngStyle]=\"{ 'width' : '100%' }\"></p-skeleton>\r\n                </td>\r\n                <td *ngFor=\"let col of columns; let even = even\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : null }\">\r\n                    <p-skeleton [ngStyle]=\"{ 'width' : '100%' }\"></p-skeleton>\r\n                </td>\r\n                <td class=\"cellDelete\" *ngIf=\"options.rowsDeletable\">\r\n                    <p-skeleton [ngStyle]=\"{ 'width' : '100%' }\"></p-skeleton>\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\">\r\n\r\n                <td *ngIf=\"isModeCheckboxSelection()\"\r\n                    class=\"cellDelete\"\r\n                    pFrozenColumn>\r\n                    <p-tableCheckbox [value]=\"rowData\" [disabled]=\"rowData.readonly\"></p-tableCheckbox>\r\n                </td>\r\n\r\n                <ng-container *ngFor=\"let col of columns\">\r\n\r\n                    <!-- Text -->\r\n                    <td *ngIf=\"!col.invisible && checkType('Text', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                        [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                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <input pInputText\r\n                               type=\"text\"\r\n                               [(ngModel)]=\"rowData[col.id].value\"\r\n                               (change)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                               (keyup.enter)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                               (click)=\"onEditInitCell(rowData, col, rowData[col.id].value)\"\r\n                               [class]=\"col.position == null || col.position == 'left' ? 'text-left' : col.position == 'right' ? 'text-right' : 'text-center'\" />\r\n                    </td>\r\n                    <td *ngIf=\"!col.invisible && checkType('Text', col) && (!isModeEdition() || rowData.readonly || rowData[col.id]?.readonly)\"\r\n                        [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                        [ngClass]=\"{ 'paddingCell': rowData[col.id] != null }\"\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                        [class]=\"col.position == null || col.position == 'left' ? 'text-left' : col.position == 'right' ? 'text-right' : 'text-center'\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <div *ngIf=\"rowData[col.id]\">{{ rowData[col.id].value }}</div>\r\n                    </td>\r\n\r\n                    <!-- Dropdown -->\r\n                    <td *ngIf=\"!col.invisible && checkType('Dropdown', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                        [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]=\"rowData[col.id] != null ? 'paddingCell' : null\"\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                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <p-dropdown *ngIf=\"rowData[col.id] != null\"\r\n                                    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                                    [autoDisplayFirst]=\"false\"\r\n                                    appendTo=\"body\"\r\n                                    emptyFilterMessage=\"Aucun r\u00E9sultat\"\r\n                                    emptyMessage=\"Aucun r\u00E9sultat\"\r\n                                    [baseZIndex]=\"getOption(col, rowData, 'baseZIndex')\"\r\n                                    [virtualScroll]=\"getOption(col, rowData, 'virtualScroll')\"\r\n                                    [readonly]=\"rowData.readonly || rowData[col.id]?.readonly\"\r\n                                    [virtualScrollItemSize]=\"30\"\r\n                                    [styleClass]=\"col.position == null || col.position == 'left' ? 'text-left' : col.position == 'right' ? 'text-right' : 'text-center'\"\r\n                                    (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\">\r\n                        </p-dropdown>\r\n                    </td>\r\n                    <td *ngIf=\"!col.invisible && checkType('Dropdown', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n                        [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                        [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\"\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                        [class]=\"col.position == null || col.position == 'left' ? 'text-left' : col.position == 'right' ? 'text-right' : 'text-center'\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <div *ngIf=\"rowData[col.id]\">{{ rowData[col.id].value != null ? rowData[col.id].value[getOption(col, rowData, 'optionLabel')] : '' }}</div>\r\n                    </td>\r\n\r\n                    <!-- Cilog Number -->\r\n                    <td *ngIf=\"!col.invisible && checkType('CilogNumber', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                        [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]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                        [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | number\"\r\n                        [tooltipDisabled]=\"!col.tooltip\"\r\n                        tooltipPosition=\"bottom\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <cilog-input-number *ngIf=\"rowData[col.id] && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                                       (onInput)=\"onInputNumber($event)\"\r\n                                       [(ngModel)]=\"rowData[col.id].value\"\r\n                                       [inputStyleClass]=\"col.position == null || col.position == 'right' ? 'text-right' : col.position == 'left' ? 'text-left' : 'text-center'\"\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                                       [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(rowData, col, rowData[col.id].value)\">\r\n                        </cilog-input-number>\r\n                    </td>\r\n                    <td *ngIf=\"!col.invisible && checkType('CilogNumber', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n                        [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                        [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                        [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | number\"\r\n                        [tooltipDisabled]=\"!col.tooltip\"\r\n                        tooltipPosition=\"bottom\"\r\n                        [class]=\"col.position == null || col.position == 'right' ? 'text-right' : col.position == 'left' ? 'text-left' : 'text-center'\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <div *ngIf=\"rowData[col.id]\">{{ getFormattedNumber(col, rowData, rowData[col.id].value) }}</div>\r\n                    </td>\r\n\r\n                    <!-- Number -->\r\n                    <td *ngIf=\"!col.invisible && checkType('Number', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                        [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]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                        [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | number\"\r\n                        [tooltipDisabled]=\"!col.tooltip\"\r\n                        tooltipPosition=\"bottom\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <p-inputNumber *ngIf=\"rowData[col.id] && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                                       locale=\"fr-FR\"\r\n                                       (onInput)=\"onInputNumber($event)\"\r\n                                       [(ngModel)]=\"rowData[col.id].value\"\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                                       [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                                       (ngModelChange)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                       (onFocus)=\"onEditInitCell(rowData, col, rowData[col.id].value)\">\r\n                        </p-inputNumber>\r\n                    </td>\r\n                    <td *ngIf=\"!col.invisible && checkType('Number', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n                        [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                        [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                        [pTooltip]=\"rowData[col.id].tooltip != null ? rowData[col.id].tooltip : rowData[col.id].value | number\"\r\n                        [tooltipDisabled]=\"!col.tooltip\"\r\n                        tooltipPosition=\"bottom\"\r\n                        [class]=\"col.position == null || col.position == 'right' ? 'text-right' : col.position == 'left' ? 'text-left' : 'text-center'\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <div *ngIf=\"rowData[col.id]\">{{ getFormattedNumber(col, rowData, rowData[col.id].value) }}</div>\r\n                    </td>\r\n\r\n                    <!-- Date -->\r\n                    <td *ngIf=\"!col.invisible && checkType('Date', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                        [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]=\"rowData[col.id] != null ? 'paddingCell' : null\"\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                        tooltipPosition=\"bottom\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <p-calendar [(ngModel)]=\"rowData[col.id].value\"\r\n                                    [view]=\"getOption(col, rowData, 'mode') == null ? 'date' : getOption(col, rowData, 'mode')\"\r\n                                    [dateFormat]=\"getOption(col, rowData, 'mode') == 'year' ? 'yy' : getOption(col, rowData, 'mode') == 'month' ? 'mm/yy' : 'dd/mm/yy'\"\r\n                                    firstDayOfWeek=\"1\"\r\n                                    (onSelect)=\"onEditCell(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                                    [readonlyInput]=\"true\"\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-calendar>\r\n                    </td>\r\n                    <td *ngIf=\"!col.invisible && checkType('Date', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n                        [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                        id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                        [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\"\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                        tooltipPosition=\"bottom\"\r\n                        [class]=\"col.position == null || col.position == 'right' ? 'text-right' : col.position == 'left' ? 'text-left' : 'text-center'\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <div *ngIf=\"rowData[col.id]\">{{ rowData[col.id].value | date: (getOption(col, rowData, 'mode') == 'year' ? 'yyyy' : getOption(col, rowData, 'mode') == 'month' ? 'MM/yyyy' : 'dd/MM/yyyy') }}</div>\r\n                    </td>\r\n\r\n                    <!-- MultiSelect -->\r\n                    <td *ngIf=\"!col.invisible && checkType('MultiSelect', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                        [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]=\"rowData[col.id] != null ? 'paddingCell' : null\"\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                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <p-multiSelect *ngIf=\"rowData[col.id] != null\"\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                                       appendTo=\"body\"\r\n                                       dataKey=\"ID\"\r\n                                       emptyFilterMessage=\"Aucun r\u00E9sultat\"\r\n                                       emptyMessage=\"Aucun r\u00E9sultat\"\r\n                                       [baseZIndex]=\"getOption(col, rowData, 'baseZIndex')\"\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                                       [styleClass]=\"col.position == null || col.position == 'left' ? 'text-left' : col.position == 'right' ? 'text-right' : 'text-center'\">\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                    </td>\r\n                    <td *ngIf=\"!col.invisible && checkType('MultiSelect', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n                        [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                        [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\"\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                        [class]=\"col.position == null || col.position == 'left' ? 'text-left' : col.position == 'right' ? 'text-right' : 'text-center'\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <div *ngIf=\"rowData[col.id]\">{{ getMultiSelectConcat(rowData[col.id].value, getOption(col, rowData, 'optionLabel')) }}</div>\r\n                    </td>\r\n\r\n                    <!-- Image -->\r\n                    <td *ngIf=\"!col.invisible && checkType('Image', col)\"\r\n                        [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]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                        class=\"text-center\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <img *ngIf=\"rowData[col.id]\" style=\"vertical-align: middle; width: 40px;\" src=\"{{ rowData[col.id].value }}\" />\r\n                    </td>\r\n\r\n                    <!-- Button -->\r\n                    <td *ngIf=\"!col.invisible && checkType('Button', col)\"\r\n                        class=\"paddingCell text-center\"\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                        <button pButton\r\n                                [disabled]=\"rowData.readonly || rowData[col.id]?.readonly\"\r\n                                [ngClass]=\"'p-button-' + getOption(col, rowData, 'severity')\"\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                        </button>\r\n                    </td>\r\n\r\n                    <!-- SelectButton -->\r\n                    <td *ngIf=\"!col.invisible && checkType('SelectButton', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                        [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]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                        pFrozenColumn\r\n                        class=\"text-center\"\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <p-selectButton *ngIf=\"rowData[col.id] != null\"\r\n                                        [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                                        [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\"\r\n                                        (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\">\r\n                        </p-selectButton>\r\n                    </td>\r\n                    <td *ngIf=\"!col.invisible && checkType('SelectButton', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n                        [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                        [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\"\r\n                        class=\"text-center\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <div *ngIf=\"rowData[col.id]\">{{ getSelectLibelleByValue(rowData, col) }}</div>\r\n                    </td>\r\n\r\n                    <!-- Switch -->\r\n                    <td *ngIf=\"!col.invisible && checkType('Switch', col)\"\r\n                        [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]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <p-inputSwitch *ngIf=\"rowData[col.id] != null\"\r\n                                       [(ngModel)]=\"rowData[col.id].value\"\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                        </p-inputSwitch>\r\n                    </td>\r\n\r\n                    <!-- File -->\r\n                    <td *ngIf=\"!col.invisible && checkType('File', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                        [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]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <div class=\"p-inputgroup\" *ngIf=\"rowData[col.id] != null\">\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                                   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                            <button *ngIf=\"getOption(col, rowData, 'downloadPath') && rowData[col.id].value != null\"\r\n                                    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                        </div>\r\n                        <input *ngIf=\"rowData[col.id]\" 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                    </td>\r\n                    <td *ngIf=\"!col.invisible && checkType('File', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n                        [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                        [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\"\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                        tooltipPosition=\"bottom\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <div *ngIf=\"rowData[col.id]\">{{ rowData[col.id].value ? rowData[col.id].value : '' }}</div>\r\n                    </td>\r\n\r\n                    <!-- State -->\r\n                    <td *ngIf=\"!col.invisible && checkType('State', col)\"\r\n                        [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]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                        class=\"text-center\"\r\n                        pFrozenColumn\r\n                        [frozen]=\"col.frozen\">\r\n                        <div class=\"p-column-title\">{{ col.libelle }} : </div>\r\n                        <p-tag *ngIf=\"rowData[col.id].value != null\"\r\n                               [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]=\"{ 'background-color': rowData[col.id].value.backgroundColor, 'color': rowData[col.id].value.textColor }\">\r\n                        </p-tag>\r\n                    </td>\r\n\r\n                </ng-container>\r\n\r\n                <!-- Deletion -->\r\n                <td *ngIf=\"options.rowsDeletable\"\r\n                    class=\"cellDelete\"\r\n                    [ngClass]=\"rowData.deletable ? 'paddingCell' : null\">\r\n                    <button *ngIf=\"rowData.deletable\"\r\n                            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                </td>\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 .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 .p-frozen-column{z-index:1!important}:host ::ng-deep .p-datatable-thead{z-index:2!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 .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;min-width:50rem}:host ::ng-deep .p-datatable-thead>tr>th{border:1px solid rgba(0,0,0,.12)!important;padding:8px;font-weight:600;height:40px}:host ::ng-deep .p-datatable-thead>tr>th div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}: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:5%;text-align:center!important;padding:0!important}:host ::ng-deep .p-tooltip .p-tooltip-text{background-color:red!important}:host ::ng-deep .p-skeleton{background-color:#dee2e6;border-radius:6px;padding:0}:host ::ng-deep .p-datatable-tbody>tr{height:35px}:host ::ng-deep .p-inputtext{height:25px!important;padding:4px 5px!important}:host ::ng-deep .p-inputnumber{height:25px;padding:0!important}:host ::ng-deep .p-inputnumber-input{padding:0 5px!important}:host ::ng-deep .p-inputgroup .p-inputtext{height:25px;padding:4px 5px!important}:host ::ng-deep .p-dropdown,:host ::ng-deep .p-multiselect{vertical-align:middle}:host ::ng-deep .p-dropdown-label{padding-top:2px;padding-bottom:2px}:host ::ng-deep .p-multiselect-label{padding-top:2px;padding-bottom:2px}:host ::ng-deep .p-editable-column{padding:3px 10px!important}:host ::ng-deep .paddingCell{padding:3px 10px!important}:host ::ng-deep .p-selectbutton>.p-button{width:50%;height:25px}:host ::ng-deep .p-inputgroup>.p-button{height:25px}:host ::ng-deep .buttonDelete{width:100%;height:20px}:host ::ng-deep .p-column-title{display:none}:host ::ng-deep .p-datatable-loading-icon{color:#fff}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.ConfirmationService }, { type: i1.FilterService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { columns: [{
                 type: Input
             }], columnsChange: [{
@@ -758,7 +947,7 @@ class CilogEditorComponent {
     }
 }
 CilogEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: CilogEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CilogEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: CilogEditorComponent, selector: "cilog-editor", inputs: { text: "text" }, outputs: { textChange: "textChange", onTextChange: "onTextChange" }, ngImport: i0, template: "<p-editor [(ngModel)]=\"text\"\r\n          (onTextChange)=\"change($event)\">\r\n</p-editor>\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$1.Editor, selector: "p-editor", inputs: ["style", "styleClass", "placeholder", "formats", "modules", "bounds", "scrollingContainer", "debug", "readonly"], outputs: ["onTextChange", "onSelectionChange", "onInit"] }, { kind: "directive", type: i15.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i15.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+CilogEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: CilogEditorComponent, selector: "cilog-editor", inputs: { text: "text" }, outputs: { textChange: "textChange", onTextChange: "onTextChange" }, ngImport: i0, template: "<p-editor [(ngModel)]=\"text\"\r\n          (onTextChange)=\"change($event)\">\r\n</p-editor>\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$1.Editor, selector: "p-editor", inputs: ["style", "styleClass", "placeholder", "formats", "modules", "bounds", "scrollingContainer", "debug", "readonly"], outputs: ["onTextChange", "onSelectionChange", "onInit"] }, { kind: "directive", type: i14.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i14.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: CilogEditorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cilog-editor', template: "<p-editor [(ngModel)]=\"text\"\r\n          (onTextChange)=\"change($event)\">\r\n</p-editor>\r\n" }]
@@ -770,180 +959,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImpor
                 type: Output
             }] } });
 
-class CilogInputNumberComponent {
-    constructor() {
-        this.onInput = new EventEmitter();
-        this.onChange = new EventEmitter();
-        this.onFocus = new EventEmitter();
-        this.onBlur = new EventEmitter();
-        this.valueStr = '';
-        this.specialKeys = ['Tab', 'End', 'Home', 'ArrowLeft', 'ArrowRight'];
-        this.onChangeE = (rating) => { };
-        this.onTouchedE = () => { };
-    }
-    ngOnInit() {
-        this.regex = new RegExp(`^-?\\d{1,3}(?:\\d{3})*(\\.\\d{0,${this.maxDecimals || Infinity}})?$|^-?\\d{1,3}(?:\\d{3})*\\,\\d{0,${this.maxDecimals || Infinity}}$`);
-    }
-    onKeyDownEvent(event) {
-        if (this.specialKeys.indexOf(event.key) !== -1 || event.key == 'Enter') {
-            return;
-        }
-        let current = this.cilogInputNumber.nativeElement.value;
-        const positionStart = this.cilogInputNumber.nativeElement.selectionStart;
-        const positionEnd = this.cilogInputNumber.nativeElement.selectionEnd;
-        let next = current;
-        if (event.key === '.') {
-            let positionStartPoint = this.cilogInputNumber.nativeElement.selectionStart;
-            next = [current.slice(0, positionStart), ',', current.slice(positionStart)].join('').replace(/\s/g, '');
-            if (String(next).match(this.regex)) {
-                this.cilogInputNumber.nativeElement.value = (+next.replace(',', '.')).toLocaleString('fr-FR');
-                this.onInputEvent();
-            }
-            else {
-                if (current.slice(positionStart)[0] == ',') {
-                    this.cilogInputNumber.nativeElement.selectionStart = positionStartPoint + 1;
-                    this.cilogInputNumber.nativeElement.selectionEnd = positionStartPoint + 1;
-                }
-            }
-            event.preventDefault();
-        }
-        else if (event.key === 'Backspace') {
-            if (this.cilogInputNumber.nativeElement.selectionStart != this.cilogInputNumber.nativeElement.selectionEnd) {
-                next = [current.slice(0, positionStart), current.slice(positionEnd)].join('').replace(/\s/g, '');
-            }
-            else {
-                next = [current.slice(0, positionStart - 1), current.slice(positionEnd)].join('').replace(/\s/g, '');
-            }
-            this.checkValue(next);
-        }
-        else {
-            next = [current.slice(0, positionStart), event.key, current.slice(positionStart)].join('').replace(/\s/g, '');
-            this.checkValue(next);
-            if (event.key === ',' && current.slice(positionStart)[0] == ',') {
-                this.cilogInputNumber.nativeElement.selectionStart += 1;
-            }
-        }
-    }
-    checkValue(next) {
-        if (!String(next).match(this.regex)) {
-            if (next != '') {
-                event.preventDefault();
-            }
-        }
-        else {
-            let number = +(next.replace(',', '.'));
-            if (this.min != null && number < this.min) {
-                event.preventDefault();
-            }
-            else if (this.max != null && number > this.max) {
-                event.preventDefault();
-            }
-        }
-    }
-    onInputEvent() {
-        let positionStart = this.cilogInputNumber.nativeElement.selectionStart;
-        if (this.cilogInputNumber.nativeElement.value.replace(/\s/g, '') == '' || this.cilogInputNumber.nativeElement.value.replace(/\s/g, '') == '-') {
-            this.writeValue(null);
-        }
-        else {
-            this.writeValue(+(this.cilogInputNumber.nativeElement.value.replace(',', '.').replaceAll(/\s/g, '')));
-        }
-        this.onInput.emit(this.value);
-        setTimeout(() => {
-            this.cilogInputNumber.nativeElement.selectionStart = positionStart;
-            this.cilogInputNumber.nativeElement.selectionEnd = positionStart;
-        });
-    }
-    onChangeEvent() {
-        this.onChange.emit(this.value);
-    }
-    onBlurEvent(event) {
-        this.onBlur.emit(this.value);
-    }
-    onFocusEvent(event) {
-        this.onFocus.emit(this.value);
-    }
-    writeValue(value) {
-        this.value = value;
-        if (this.value == null) {
-            this.valueStr = '';
-        }
-        else {
-            //if (this.maxDecimals != null && this.maxDecimals > -1) {
-            //    if (this.value.toString().split('.').length == 2 && this.maxDecimals <= this.value.toString().split('.')[1].length) {
-            //        this.valueStr = this.value.toFixed(this.maxDecimals);
-            //        this.valueStr = this.valueStr;
-            //    } else {
-            //        this.valueStr = this.value.toString();
-            //    }
-            //} else {
-            //    this.valueStr = this.value.toString();
-            //}
-            //this.valueStr = this.valueStr.replace('.', ',');
-            if (this.maxDecimals != null) {
-                this.valueStr = this.value.toLocaleString('fr-FR', { maximumFractionDigits: this.maxDecimals });
-            }
-            else {
-                this.valueStr = this.value.toLocaleString('fr-FR');
-            }
-        }
-    }
-    registerOnChange(fn) {
-        this.onChangeE = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouchedE = fn;
-    }
-}
-CilogInputNumberComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: CilogInputNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CilogInputNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: CilogInputNumberComponent, selector: "cilog-input-number", inputs: { min: "min", max: "max", maxDecimals: "maxDecimals", prefixe: "prefixe", suffixe: "suffixe" }, outputs: { onInput: "onInput", onChange: "onChange", onFocus: "onFocus", onBlur: "onBlur" }, host: { listeners: { "keydown": "onKeyDownEvent($event)", "input": "onInputEvent($event)", "change": "onChangeEvent($event)" } }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: forwardRef(() => CilogInputNumberComponent),
-            multi: true
-        }
-    ], viewQueries: [{ propertyName: "cilogInputNumber", first: true, predicate: ["cilogInputNumber"], descendants: true }], ngImport: i0, template: "<div class=\"input-group w-full\">\r\n\r\n    <span class=\"input-group-addon prefixe\"\r\n          *ngIf=\"prefixe != null\">\r\n        {{ prefixe }}\r\n    </span>\r\n\r\n    <input #cilogInputNumber\r\n           pInputText\r\n           type=\"text\"\r\n           [value]=\"valueStr\"\r\n           (focus)=\"onFocusEvent($event)\"\r\n           (blur)=\"onBlurEvent($event)\"\r\n           class=\"w-full z-1\"\r\n           [ngClass]=\"suffixe != null && prefixe != null ? 'border-noround' : prefixe != null ? 'border-noround-left' : suffixe != null ? 'border-noround-right' : null\" />\r\n\r\n    <span class=\"input-group-addon suffixe\"\r\n          *ngIf=\"suffixe != null\">\r\n        {{ suffixe }}\r\n    </span>\r\n\r\n</div>\r\n", styles: [":host ::ng-deep .input-group{display:flex}:host ::ng-deep .input-group-addon{background-color:#fff;border:1px solid #ccc;padding:9px 12px;max-width:5rem;overflow:hidden;font-weight:700}:host ::ng-deep .prefixe{border-radius:4px 0 0 4px;border-right:none}:host ::ng-deep .suffixe{border-radius:0 4px 4px 0;border-left:none}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5$1.InputText, selector: "[pInputText]" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: CilogInputNumberComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'cilog-input-number', providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => CilogInputNumberComponent),
-                            multi: true
-                        }
-                    ], template: "<div class=\"input-group w-full\">\r\n\r\n    <span class=\"input-group-addon prefixe\"\r\n          *ngIf=\"prefixe != null\">\r\n        {{ prefixe }}\r\n    </span>\r\n\r\n    <input #cilogInputNumber\r\n           pInputText\r\n           type=\"text\"\r\n           [value]=\"valueStr\"\r\n           (focus)=\"onFocusEvent($event)\"\r\n           (blur)=\"onBlurEvent($event)\"\r\n           class=\"w-full z-1\"\r\n           [ngClass]=\"suffixe != null && prefixe != null ? 'border-noround' : prefixe != null ? 'border-noround-left' : suffixe != null ? 'border-noround-right' : null\" />\r\n\r\n    <span class=\"input-group-addon suffixe\"\r\n          *ngIf=\"suffixe != null\">\r\n        {{ suffixe }}\r\n    </span>\r\n\r\n</div>\r\n", styles: [":host ::ng-deep .input-group{display:flex}:host ::ng-deep .input-group-addon{background-color:#fff;border:1px solid #ccc;padding:9px 12px;max-width:5rem;overflow:hidden;font-weight:700}:host ::ng-deep .prefixe{border-radius:4px 0 0 4px;border-right:none}:host ::ng-deep .suffixe{border-radius:0 4px 4px 0;border-left:none}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { min: [{
-                type: Input
-            }], max: [{
-                type: Input
-            }], maxDecimals: [{
-                type: Input
-            }], prefixe: [{
-                type: Input
-            }], suffixe: [{
-                type: Input
-            }], onInput: [{
-                type: Output
-            }], onChange: [{
-                type: Output
-            }], onFocus: [{
-                type: Output
-            }], onBlur: [{
-                type: Output
-            }], cilogInputNumber: [{
-                type: ViewChild,
-                args: ['cilogInputNumber']
-            }], onKeyDownEvent: [{
-                type: HostListener,
-                args: ['keydown', ['$event']]
-            }], onInputEvent: [{
-                type: HostListener,
-                args: ['input', ['$event']]
-            }], onChangeEvent: [{
-                type: HostListener,
-                args: ['change', ['$event']]
-            }] } });
-
 registerLocaleData(localeFr);
 class CilogLibModule {
 }