cilog-lib 0.1.4 → 0.2.0

package/fesm2015/cilog-lib.js

@@ -1,4 +1,4 @@
-import { Injectable, Component, NgModule, EventEmitter, Input, Output, ViewChild, ɵɵdefineInjectable, LOCALE_ID } from '@angular/core';
+import { Injectable, Component, NgModule, EventEmitter, ChangeDetectorRef, Input, Output, ViewChild, ɵɵdefineInjectable, LOCALE_ID } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
 import { CommonModule, registerLocaleData } from '@angular/common';
 import { DialogModule } from 'primeng/dialog';
@@ -12,6 +12,7 @@ import { ConfirmDialogModule } from 'primeng/confirmdialog';
 import { MultiSelectModule } from 'primeng/multiselect';
 import { CalendarModule } from 'primeng/calendar';
 import { TagModule } from 'primeng/tag';
+import { TooltipModule } from 'primeng/tooltip';
 import { BrowserModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { ConfirmationService, FilterService } from 'primeng/api';
@@ -148,7 +149,8 @@ PrimengModule.decorators = [
                     ConfirmDialogModule,
                     MultiSelectModule,
                     CalendarModule,
-                    TagModule
+                    TagModule,
+                    TooltipModule
                 ],
                 imports: [
                     CommonModule
@@ -180,29 +182,32 @@ var Severity;
 })(Severity || (Severity = {}));
 
 class CilogTableComponent {
-    constructor(confirmationService, filterService) {
+    constructor(confirmationService, filterService, cdRef) {
         this.confirmationService = confirmationService;
         this.filterService = filterService;
+        this.cdRef = cdRef;
         this.onEdit = new EventEmitter();
         this.onEditInit = new EventEmitter();
         this.onDelete = new EventEmitter();
         this.onSelect = new EventEmitter();
+        this.onFilter = new EventEmitter();
+        this.onSort = new EventEmitter();
     }
     ngOnInit() {
         // Date
         this.filterService.register('dateRangeFilter', (cell, filter) => {
-            if (this.filterDatesRange == null) {
+            if (filter == null) {
                 return true;
             }
-            let start = this.filterDatesRange[0].getTime();
+            let start = filter[0].getTime();
             let end;
-            if (this.filterDatesRange[1]) {
-                end = this.filterDatesRange[1].getTime() + 86400000;
+            if (filter[1]) {
+                end = filter[1].getTime() + 86400000;
             }
             else {
                 end = start + 86400000;
             }
-            return cell.value.getTime() >= start && cell.value.getTime() <= end;
+            return cell.value == null ? false : cell.value.getTime() >= start && cell.value.getTime() <= end;
         });
         // Text
         this.filterService.register('textFilter', (cell, filter) => {
@@ -238,10 +243,20 @@ class CilogTableComponent {
             });
             return ok;
         });
+        this.columns.forEach(col => {
+            if (col.options == null) {
+                col.options = { defaultFilters: null };
+            }
+            this.filter(col, col.options.defaultFilters, this.getFilterByCol(col));
+        });
+    }
+    ngAfterViewChecked() {
+        this.cdRef.detectChanges();
     }
     // Sort
     customSort(event) {
         let col = this.columns.find(col => col.id == event.field);
+        this.onSort.emit({ column: col, order: event.order });
         let typeCol = col.type;
         event.data.sort((data1, data2) => {
             let value1 = data1[event.field].value;
@@ -294,6 +309,9 @@ class CilogTableComponent {
             }
         });
     }
+    onFocusNumber(rowData, col) {
+        this.onEditInitCell({ field: col.id, data: rowData });
+    }
     onEditInitCell(event) {
         let col = this.columns.find(col => col.id == event.field);
         this.onEditInit.emit({ row: event.data, column: col, value: event.data[event.field].value });
@@ -324,6 +342,9 @@ class CilogTableComponent {
     }
     getSelectLibelleByValue(row, col) {
         let label = '';
+        if (row[col.id].value == null) {
+            return label;
+        }
         if (row[col.id].options != null) {
             label = row[col.id].options['options'].find(opt => opt.value == row[col.id].value)[row[col.id].options.optionLabel];
         }
@@ -334,39 +355,67 @@ class CilogTableComponent {
         }
         return label;
     }
-    filter(event, col) {
-        // Dates (range) (PROBLEME SI PLUSIEURS CHAMPS DATES !!!)
+    getFilterByCol(col) {
+        // Dates (range)
         if (col.type == ColType.Date) {
-            this.table.filter(event, col.id, 'dateRangeFilter');
+            return 'dateRangeFilter';
         }
         // Number
         if (col.type == ColType.Number) {
-            this.table.filter(event.value, col.id, 'numberFilter');
+            return 'numberFilter';
         }
         // Objet
         if (col.type == ColType.Dropdown || col.type == ColType.State || col.type == ColType.SelectButton) {
-            this.table.filter(event.value, col.id, 'objetFilter');
+            return 'objetFilter';
         }
         // Liste
         if (col.type == ColType.MultiSelect) {
-            this.table.filter(event.value, col.id, 'listeFilter');
+            return 'listeFilter';
         }
         // Texte
         if (col.type == ColType.File || col.type == ColType.Text) {
-            this.table.filter(event.target.value, col.id, 'textFilter');
+            return 'textFilter';
         }
+        return null;
+    }
+    onFilterCol(event, col) {
+        // Dates (range)
+        if (col.type == ColType.Date) {
+            this.filter(col, col.options.defaultFilters, 'dateRangeFilter');
+        }
+        // Number
+        if (col.type == ColType.Number) {
+            this.filter(col, event.value, 'numberFilter');
+        }
+        // Objet
+        if (col.type == ColType.Dropdown || col.type == ColType.State || col.type == ColType.SelectButton) {
+            this.filter(col, event.value, 'objetFilter');
+        }
+        // Liste
+        if (col.type == ColType.MultiSelect) {
+            this.filter(col, event.value, 'listeFilter');
+        }
+        // Texte
+        if (col.type == ColType.File || col.type == ColType.Text) {
+            this.filter(col, event.target.value, 'textFilter');
+        }
+    }
+    filter(col, val, filter) {
+        this.table.filter(val, col.id, filter);
+        this.onFilter.emit({ column: col, value: val });
     }
 }
 CilogTableComponent.decorators = [
     { type: Component, args: [{
                 selector: 'cilog-table',
-                template: "<p-table #table\r\n         [columns]=\"columns\"\r\n         [value]=\"values\"\r\n         (onEditComplete)=\"onEditText($event)\"\r\n         (onEditInit)=\"onEditInitCell($event)\"\r\n         dataKey=\"id\"\r\n         [selectionMode]=\"options.selectable && !isModeEdition() ? 'single' : null\"\r\n         [(selection)]=\"selectedRow\"\r\n         (onRowSelect)=\"onSelectRow($event)\"\r\n         (sortFunction)=\"customSort($event)\"\r\n         [customSort]=\"true\">\r\n\r\n    <!-- Header -->\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n        <tr>\r\n            <th *ngFor=\"let col of columns\"\r\n                [ngClass]=\"{ 'centerText' : options.centerHeaders }\"\r\n                [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                [pSortableColumn]=\"col.id\"\r\n                [pSortableColumnDisabled]=\"!options.sortable\"\r\n                id=\"{{ col.id }}\">\r\n                {{ col.libelle }}\r\n                <p-sortIcon *ngIf=\"options.sortable\" [field]=\"col.id\"></p-sortIcon>\r\n            </th>\r\n            <th style=\"width: 50px;\" *ngIf=\"options.rowsDeletable\"></th>\r\n        </tr>\r\n        <!-- FILTRES -->\r\n        <tr *ngIf=\"options.filterable\">\r\n            <ng-container *ngFor=\"let col of columns\">\r\n                <!-- Text -->\r\n                <th *ngIf=\"checkType('Text', col) || checkType('File', col)\">\r\n                    <input pInputText\r\n                           type=\"text\"\r\n                           (input)=\"filter($event, col)\">\r\n                </th>\r\n\r\n                <!-- Date -->\r\n                <th *ngIf=\"checkType('Date', col)\">\r\n                    <p-calendar dateFormat=\"dd/mm/yy\"\r\n                                firstDayOfWeek=\"1\"\r\n                                [readonlyInput]=\"true\"\r\n                                appendTo=\"body\"\r\n                                selectionMode=\"range\"\r\n                                [(ngModel)]=\"filterDatesRange\"\r\n                                (onSelect)=\"filter($event, col)\"\r\n                                showButtonBar=\"true\"\r\n                                (onClearClick)=\"filter($event, col)\">\r\n                    </p-calendar>\r\n                </th>\r\n\r\n                <!-- Number -->\r\n                <th *ngIf=\"checkType('Number', col)\">\r\n                    <p-inputNumber mode=\"decimal\"\r\n                                   locale=\"fr-FR\"\r\n                                   [minFractionDigits]=\"2\"\r\n                                   [showButtons]=\"true\"\r\n                                   (onInput)=\"filter($event, col)\"\r\n                                   (onFocus)=\"onEditInitCell($event)\">\r\n                    </p-inputNumber>\r\n                </th>\r\n\r\n                <!-- Liste -->\r\n                <th *ngIf=\"checkType('Dropdown', col) || checkType('MultiSelect', col) || checkType('SelectButton', col) || checkType('State', col)\">\r\n                    <p-multiSelect [options]=\"col.options?.options\"\r\n                                   [filter]=\"true\"\r\n                                   [optionLabel]=\"col.options?.optionLabel\"\r\n                                   appendTo=\"body\"\r\n                                   emptyFilterMessage=\"Aucun r\u00E9sultat\"\r\n                                   itemSize=\"30\"\r\n                                   selectedItemsLabel=\"{0} selectionn\u00E9s\"\r\n                                   (onChange)=\"filter($event, col)\">\r\n                    </p-multiSelect>\r\n                </th>\r\n\r\n                <!-- Non filtrable -->\r\n                <th *ngIf=\"checkType('Button', col) || checkType('Image', col)\">\r\n\r\n                </th>\r\n            </ng-container>\r\n            <th style=\"width: 50px;\" *ngIf=\"options.rowsDeletable\"></th>\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            [pSelectableRow]=\"rowData\"\r\n            [pSelectableRowDisabled]=\"!options.selectable || isModeEdition()\">\r\n            <ng-container *ngFor=\"let col of columns\">\r\n\r\n                <!-- Text -->\r\n                <td *ngIf=\"checkType('Text', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [pEditableColumn]=\"rowData\"\r\n                    [pEditableColumnField]=\"col.id\">\r\n                    <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n                    <p-cellEditor *ngIf=\"rowData[col.id] != null\">\r\n                        <ng-template pTemplate=\"input\">\r\n                            <input pInputText type=\"text\" [(ngModel)]=\"rowData[col.id].value\">\r\n                        </ng-template>\r\n                        <ng-template pTemplate=\"output\">\r\n                            {{ rowData[col.id].value }}\r\n                        </ng-template>\r\n                    </p-cellEditor>\r\n                </td>\r\n                <td *ngIf=\"checkType('Text', col) && (!isModeEdition() || rowData.readonly || rowData[col.id]?.readonly)\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"{ 'paddingCell': rowData[col.id] != null }\">\r\n                    <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n                    <span *ngIf=\"rowData[col.id]\">{{ rowData[col.id].value }}</span>\r\n                </td>\r\n\r\n                <!-- Dropdown -->\r\n                <td *ngIf=\"checkType('Dropdown', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\">\r\n                    <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n                    <p-dropdown *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                                [autoDisplayFirst]=\"false\"\r\n                                appendTo=\"body\"\r\n                                emptyFilterMessage=\"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                                itemSize=\"30\"\r\n                                (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\">\r\n                    </p-dropdown>\r\n                </td>\r\n                <td *ngIf=\"checkType('Dropdown', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\">\r\n                    <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n                    <span *ngIf=\"rowData[col.id]\">{{ rowData[col.id].value != null ? rowData[col.id].value[getOption(col, rowData, 'optionLabel')] : '' }}</span>\r\n                </td>\r\n\r\n                <!-- Number -->\r\n                <td *ngIf=\"checkType('Number', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\">\r\n                    <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n                    <p-inputNumber *ngIf=\"rowData[col.id] && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                                   mode=\"decimal\"\r\n                                   locale=\"fr-FR\"\r\n                                   [(ngModel)]=\"rowData[col.id].value\"\r\n                                   [showButtons]=\"getOption(col, rowData, 'showButtons')\"\r\n                                   [minFractionDigits]=\"2\"\r\n                                   [maxFractionDigits]=\"getOption(col, rowData, 'maxDecimales') != null ? getOption(col, rowData, 'maxDecimales') : 2 \"\r\n                                   (ngModelChange)=\"onEditCell(rowData, col, rowData[col.id].value)\">\r\n                    </p-inputNumber>\r\n                </td>\r\n                <td *ngIf=\"checkType('Number', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\">\r\n                    <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n                    <span *ngIf=\"rowData[col.id]\">{{ rowData[col.id].value | number }}</span>\r\n                </td>\r\n\r\n                <!-- Date -->\r\n                <td *ngIf=\"checkType('Date', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\">\r\n                    <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n                    <p-calendar [(ngModel)]=\"rowData[col.id].value\"\r\n                                dateFormat=\"dd/mm/yy\"\r\n                                firstDayOfWeek=\"1\"\r\n                                (onSelect)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                [readonlyInput]=\"true\"\r\n                                appendTo=\"body\">\r\n                    </p-calendar>\r\n                </td>\r\n                <td *ngIf=\"checkType('Date', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\">\r\n                    <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n                    <span *ngIf=\"rowData[col.id]\">{{ rowData[col.id].value | date: 'dd/MM/yyyy' }}</span>\r\n                </td>\r\n\r\n                <!-- MultiSelect -->\r\n                <td *ngIf=\"checkType('MultiSelect', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\">\r\n                    <span class=\"p-column-title\">{{ col.libelle }} : </span>\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                                   emptyFilterMessage=\"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                                   itemSize=\"30\"\r\n                                   selectedItemsLabel=\"{0} utilisateurs selectionn\u00E9s\"\r\n                                   (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                   ngDefaultControl>\r\n                    </p-multiSelect>\r\n                </td>\r\n                <td *ngIf=\"checkType('MultiSelect', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\">\r\n                    <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n                    <span *ngIf=\"rowData[col.id]\">{{ getMultiSelectConcat(rowData[col.id].value, getOption(col, rowData, 'optionLabel')) }}</span>\r\n                </td>\r\n\r\n                <!-- Image -->\r\n                <td *ngIf=\"checkType('Image', col)\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                    class=\"centerText\">\r\n                    <span class=\"p-column-title\">{{ col.libelle }} : </span>\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=\"checkType('Button', col)\"\r\n                    class=\"paddingCell centerText\">\r\n                    <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n                    <button pButton\r\n                            [disabled]=\"rowData.readonly || rowData[col.id]?.readonly\"\r\n                            [ngClass]=\"'p-button-' + (col.options ? col.options.severity : rowData[col.id].options?.severity)\"\r\n                            [label]=\"col.options ? col.options.label : rowData[col.id].options?.label\"\r\n                            [icon]=\"col.options ? col.options.icon : rowData[col.id].options?.icon\"\r\n                            (click)=\"rowData[col.id].value()\">\r\n                    </button>\r\n                </td>\r\n\r\n                <!-- SelectButton -->\r\n                <td *ngIf=\"checkType('SelectButton', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\">\r\n                    <span class=\"p-column-title\">{{ col.libelle }} : </span>\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                                    [(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=\"checkType('SelectButton', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\">\r\n                    <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n                    <span *ngIf=\"rowData[col.id]\">{{ getSelectLibelleByValue(rowData, col) }}</span>\r\n                </td>\r\n\r\n                <!-- File -->\r\n                <td *ngIf=\"checkType('File', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\">\r\n                    <span class=\"p-column-title\">{{ col.libelle }} : </span>\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}}\" pInputText type=\"text\" value=\"{{ rowData[col.id].value != null ? rowData[col.id].value : '' }}\" readonly>\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=\"checkType('File', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\">\r\n                    <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n                    <span *ngIf=\"rowData[col.id]\">{{ rowData[col.id].value ? rowData[col.id].value : '' }}</span>\r\n                </td>\r\n\r\n                <!-- State -->\r\n                <td *ngIf=\"checkType('State', col)\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                    class=\"centerText\">\r\n                    <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n                    <p-tag [value]=\"rowData[col.id].value[getOption(col, rowData, 'optionLabel')]\"\r\n                           [severity]=\"rowData[col.id].value.severity\"\r\n                           [icon]=\"rowData[col.id].value.icon\">\r\n                    </p-tag>\r\n                </td>\r\n\r\n            </ng-container>\r\n\r\n            <!-- Deletion -->\r\n            <td *ngIf=\"options.rowsDeletable\"\r\n                style=\"width: 50px;\"\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",
-                styles: [":host ::ng-deep .p-datatable-thead>tr>th{background:#dedddd!important;border:1px solid rgba(0,0,0,.12)!important;color:#495057!important;font-weight:600!important;padding-bottom:8px!important;padding-top:8px!important}:host ::ng-deep .p-datatable-tbody>tr{height:35px!important}:host ::ng-deep .p-datatable-tbody>tr>td{border:1px solid rgba(0,0,0,.12)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .centerText{text-align:center!important}:host ::ng-deep .p-button{padding-bottom:1px;padding-top:1px}:host ::ng-deep .p-calendar,:host ::ng-deep p-dropdown,:host ::ng-deep p-inputNumber,:host ::ng-deep p-multiselect,:host ::ng-deep p-selectButton{width:100%!important}:host ::ng-deep .p-inputtext{height:25px!important;padding:0 5px!important;width:100%!important}:host ::ng-deep .p-inputnumber{height:25px}:host ::ng-deep .p-inputnumber,:host ::ng-deep .p-inputnumber-input{padding:0 5px!important;width:100%}:host ::ng-deep .p-inputgroup .p-inputtext{height:25px;padding:0 5px!important;width:100%}:host ::ng-deep .p-dropdown{vertical-align:middle;width:100%}:host ::ng-deep .p-dropdown-label{padding-bottom:2px;padding-top:2px}:host ::ng-deep .p-multiselect{vertical-align:middle;width:100%}:host ::ng-deep .p-multiselect-label{padding-bottom:2px;padding-top:2px}:host ::ng-deep .p-editable-column,:host ::ng-deep .paddingCell{padding:3px 10px!important}:host ::ng-deep .p-selectbutton>.p-button{height:25px;width:50%}:host ::ng-deep .p-inputgroup>.p-button{height:25px}:host ::ng-deep .buttonDelete{height:20px;width:100%}:host ::ng-deep .p-column-title{display:none}@media screen and (max-width:800px){:host ::ng-deep .p-datatable-tfoot>tr>td,:host ::ng-deep .p-datatable-thead>tr>th{display:none!important;width:inherit!important}:host ::ng-deep .p-datatable-tbody>tr{border:2px solid rgba(0,0,0,.12)}:host ::ng-deep .p-datatable-tbody>tr>td{align-items:center;border:0!important;display:flex;text-align:left;width:100%;width:inherit!important}:host ::ng-deep td .p-column-title{display:inline-block;font-weight:700;margin:-.4rem 1rem -.4rem -.4rem;min-width:35%;padding:.4rem}}"]
+                template: "<p-table #table\r\n         [columns]=\"columns\"\r\n         [value]=\"values\"\r\n         (onEditComplete)=\"onEditText($event)\"\r\n         (onEditInit)=\"onEditInitCell($event)\"\r\n         dataKey=\"id\"\r\n         [selectionMode]=\"options.selectable && !isModeEdition() ? 'single' : null\"\r\n         [(selection)]=\"selectedRow\"\r\n         (onRowSelect)=\"onSelectRow($event)\"\r\n         (sortFunction)=\"customSort($event)\"\r\n         [customSort]=\"true\"\r\n         [scrollable]=\"true\"\r\n         [scrollHeight]=\"options.scrollHeight\"\r\n         [virtualScroll]=\"true\"\r\n         [virtualRowHeight]=\"34\">\r\n\r\n    <!-- Header -->\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n        <tr>\r\n            <th *ngFor=\"let col of columns\"\r\n                [ngClass]=\"{ 'centerText' : options.centerHeaders }\"\r\n                [pSortableColumn]=\"col.id\"\r\n                [pSortableColumnDisabled]=\"!options.sortable\"\r\n                id=\"{{ col.id }}\">\r\n                {{ col.libelle }}\r\n                <p-sortIcon *ngIf=\"options.sortable\" [field]=\"col.id\"></p-sortIcon>\r\n            </th>\r\n            <th class=\"cellDelete\" *ngIf=\"options.rowsDeletable\"></th>\r\n        </tr>\r\n        <!-- FILTRES -->\r\n        <tr *ngIf=\"options.filterable\">\r\n            <ng-container *ngFor=\"let col of columns\">\r\n                <!-- Text -->\r\n                <th *ngIf=\"checkType('Text', col) || checkType('File', col)\">\r\n                    <input pInputText\r\n                           type=\"text\"\r\n                           (input)=\"onFilterCol($event, col)\">\r\n                </th>\r\n\r\n                <!-- Date -->\r\n                <th *ngIf=\"checkType('Date', col)\">\r\n                    <p-calendar dateFormat=\"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=\"checkType('Number', col)\">\r\n                    <p-inputNumber 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=\"checkType('Dropdown', col) || checkType('MultiSelect', col) || checkType('SelectButton', col) || checkType('State', col)\">\r\n                    <p-multiSelect [options]=\"col.options?.options\"\r\n                                   [filter]=\"true\"\r\n                                   [optionLabel]=\"col.options?.optionLabel\"\r\n                                   appendTo=\"body\"\r\n                                   emptyFilterMessage=\"Aucun r\u00E9sultat\"\r\n                                   itemSize=\"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=\"checkType('Button', col) || checkType('Image', col)\">\r\n\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    <!-- Body -->\r\n    <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\r\n        <tr id=\"{{ rowData.id }}\"\r\n            [pSelectableRow]=\"rowData\"\r\n            [pSelectableRowDisabled]=\"!options.selectable || isModeEdition()\">\r\n            <ng-container *ngFor=\"let col of columns\">\r\n\r\n                <!-- Text -->\r\n                <td *ngIf=\"checkType('Text', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : 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].value\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\">\r\n                    <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n                    <p-cellEditor *ngIf=\"rowData[col.id] != null\">\r\n                        <ng-template pTemplate=\"input\">\r\n                            <input pInputText type=\"text\" [(ngModel)]=\"rowData[col.id].value\">\r\n                        </ng-template>\r\n                        <ng-template pTemplate=\"output\">\r\n                            {{ rowData[col.id].value }}\r\n                        </ng-template>\r\n                    </p-cellEditor>\r\n                </td>\r\n                <td *ngIf=\"checkType('Text', col) && (!isModeEdition() || rowData.readonly || rowData[col.id]?.readonly)\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\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].value\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\">\r\n                    <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n                    <span *ngIf=\"rowData[col.id]\">{{ rowData[col.id].value }}</span>\r\n                </td>\r\n\r\n                <!-- Dropdown -->\r\n                <td *ngIf=\"checkType('Dropdown', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : 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].value != null ? rowData[col.id].value[getOption(col, rowData, 'optionLabel')] : ''\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\">\r\n                    <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n                    <p-dropdown *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                                [autoDisplayFirst]=\"false\"\r\n                                appendTo=\"body\"\r\n                                emptyFilterMessage=\"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                                itemSize=\"30\"\r\n                                (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\">\r\n                    </p-dropdown>\r\n                </td>\r\n                <td *ngIf=\"checkType('Dropdown', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : 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].value != null ? rowData[col.id].value[getOption(col, rowData, 'optionLabel')] : ''\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\">\r\n                    <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n                    <span *ngIf=\"rowData[col.id]\">{{ rowData[col.id].value != null ? rowData[col.id].value[getOption(col, rowData, 'optionLabel')] : '' }}</span>\r\n                </td>\r\n\r\n                <!-- Number -->\r\n                <td *ngIf=\"checkType('Number', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : 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].value | number\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\">\r\n                    <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n                    <p-inputNumber *ngIf=\"rowData[col.id] && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                                   mode=\"decimal\"\r\n                                   locale=\"fr-FR\"\r\n                                   [(ngModel)]=\"rowData[col.id].value\"\r\n                                   [showButtons]=\"getOption(col, rowData, 'showButtons')\"\r\n                                   [suffix]=\"getOption(col, rowData, 'suffix')\"\r\n                                   [prefix]=\"getOption(col, rowData, 'prefix') != null ? getOption(col, rowData, 'prefix') + ' ' : null\"\r\n                                   [minFractionDigits]=\"2\"\r\n                                   [maxFractionDigits]=\"getOption(col, rowData, 'maxDecimales') != null ? getOption(col, rowData, 'maxDecimales') : 2 \"\r\n                                   (ngModelChange)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                   (onFocus)=\"onFocusNumber(rowData, col)\">\r\n                    </p-inputNumber>\r\n                </td>\r\n                <td *ngIf=\"checkType('Number', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : 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].value | number\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\">\r\n                    <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n                    <span *ngIf=\"rowData[col.id]\">{{ rowData[col.id].value | number }}</span>\r\n                </td>\r\n\r\n                <!-- Date -->\r\n                <td *ngIf=\"checkType('Date', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : 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].value | date: 'dd/MM/yyyy'\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\">\r\n                    <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n                    <p-calendar [(ngModel)]=\"rowData[col.id].value\"\r\n                                dateFormat=\"dd/mm/yy\"\r\n                                firstDayOfWeek=\"1\"\r\n                                (onSelect)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                [readonlyInput]=\"true\"\r\n                                appendTo=\"body\">\r\n                    </p-calendar>\r\n                </td>\r\n                <td *ngIf=\"checkType('Date', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : 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].value | date: 'dd/MM/yyyy'\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\">\r\n                    <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n                    <span *ngIf=\"rowData[col.id]\">{{ rowData[col.id].value | date: 'dd/MM/yyyy' }}</span>\r\n                </td>\r\n\r\n                <!-- MultiSelect -->\r\n                <td *ngIf=\"checkType('MultiSelect', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                    [pTooltip]=\"getMultiSelectConcat(rowData[col.id].value, getOption(col, rowData, 'optionLabel'))\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\">\r\n                    <span class=\"p-column-title\">{{ col.libelle }} : </span>\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                                   emptyFilterMessage=\"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                                   itemSize=\"30\"\r\n                                   selectedItemsLabel=\"{0} utilisateurs selectionn\u00E9s\"\r\n                                   (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n                                   ngDefaultControl>\r\n                    </p-multiSelect>\r\n                </td>\r\n                <td *ngIf=\"checkType('MultiSelect', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                    [pTooltip]=\"getMultiSelectConcat(rowData[col.id].value, getOption(col, rowData, 'optionLabel'))\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\">\r\n                    <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n                    <span *ngIf=\"rowData[col.id]\">{{ getMultiSelectConcat(rowData[col.id].value, getOption(col, rowData, 'optionLabel')) }}</span>\r\n                </td>\r\n\r\n                <!-- Image -->\r\n                <td *ngIf=\"checkType('Image', col)\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                    class=\"centerText\">\r\n                    <span class=\"p-column-title\">{{ col.libelle }} : </span>\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=\"checkType('Button', col)\"\r\n                    class=\"paddingCell centerText\">\r\n                    <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n                    <button pButton\r\n                            [disabled]=\"rowData.readonly || rowData[col.id]?.readonly\"\r\n                            [ngClass]=\"'p-button-' + (col.options ? col.options.severity : rowData[col.id].options?.severity)\"\r\n                            [label]=\"col.options ? col.options.label : rowData[col.id].options?.label\"\r\n                            [icon]=\"col.options ? col.options.icon : rowData[col.id].options?.icon\"\r\n                            (click)=\"rowData[col.id].value()\">\r\n                    </button>\r\n                </td>\r\n\r\n                <!-- SelectButton -->\r\n                <td *ngIf=\"checkType('SelectButton', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\">\r\n                    <span class=\"p-column-title\">{{ col.libelle }} : </span>\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=\"checkType('SelectButton', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\">\r\n                    <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n                    <span *ngIf=\"rowData[col.id]\">{{ getSelectLibelleByValue(rowData, col) }}</span>\r\n                </td>\r\n\r\n                <!-- File -->\r\n                <td *ngIf=\"checkType('File', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : 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].value ? rowData[col.id].value : ''\"\r\n                    [tooltipDisabled]=\"!col.tooltip\">\r\n                    <span class=\"p-column-title\">{{ col.libelle }} : </span>\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}}\" pInputText type=\"text\" value=\"{{ rowData[col.id].value != null ? rowData[col.id].value : '' }}\" readonly>\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=\"checkType('File', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : 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].value ? rowData[col.id].value : ''\"\r\n                    [tooltipDisabled]=\"!col.tooltip\"\r\n                    tooltipPosition=\"bottom\">\r\n                    <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n                    <span *ngIf=\"rowData[col.id]\">{{ rowData[col.id].value ? rowData[col.id].value : '' }}</span>\r\n                </td>\r\n\r\n                <!-- State -->\r\n                <td *ngIf=\"checkType('State', col)\"\r\n                    [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n                    id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n                    [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n                    class=\"centerText\">\r\n                    <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n                    <p-tag [value]=\"rowData[col.id].value[getOption(col, rowData, 'optionLabel')]\"\r\n                           [severity]=\"rowData[col.id].value.severity\"\r\n                           [icon]=\"rowData[col.id].value.icon\">\r\n                    </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",
+                styles: ["::ng-deep .p-tooltip .p-tooltip-text{overflow-wrap:break-word!important}:host ::ng-deep .cellDelete{flex:0 0 50px!important}:host ::ng-deep .p-datatable .p-sortable-column.p-highlight{color:#2196f3!important}:host ::ng-deep .p-tooltip .p-tooltip-text{background-color:red!important}:host ::ng-deep .p-datatable-thead>tr>th{background:#dedddd!important;border:1px solid rgba(0,0,0,.12)!important;color:#495057!important;font-weight:600!important;overflow:hidden;padding-bottom:8px!important;padding-top:8px!important;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .p-datatable-tbody>tr{height:35px!important}:host ::ng-deep .p-datatable-tbody>tr>td{border:1px solid rgba(0,0,0,.12)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .centerText{justify-content:center!important}:host ::ng-deep .p-button{padding-bottom:1px;padding-top:1px}:host ::ng-deep .p-calendar,:host ::ng-deep p-calendar,:host ::ng-deep p-dropdown,:host ::ng-deep p-inputNumber,:host ::ng-deep p-multiselect,:host ::ng-deep p-selectButton{width:100%!important}:host ::ng-deep .p-inputtext{height:25px!important;padding:0 5px!important;width:100%!important}:host ::ng-deep .p-inputnumber{height:25px;padding:0!important;width:100%}:host ::ng-deep .p-inputnumber-input{padding:0 5px!important;width:100%}:host ::ng-deep .p-inputgroup .p-inputtext{height:25px;padding:0 5px!important;width:100%}:host ::ng-deep .p-dropdown{vertical-align:middle;width:100%}:host ::ng-deep .p-dropdown-label{padding-bottom:2px;padding-top:2px}:host ::ng-deep .p-multiselect{vertical-align:middle;width:100%}:host ::ng-deep .p-multiselect-label{padding-bottom:2px;padding-top:2px}:host ::ng-deep .p-editable-column,:host ::ng-deep .paddingCell{padding:3px 10px!important}:host ::ng-deep .p-selectbutton>.p-button{height:25px;width:50%}:host ::ng-deep .p-inputgroup>.p-button{height:25px}:host ::ng-deep .buttonDelete{height:20px;width:100%}:host ::ng-deep .p-column-title{display:none}@media screen and (max-width:650px){:host ::ng-deep .p-datatable-tfoot>tr>td,:host ::ng-deep .p-datatable-thead>tr>th{display:none!important;width:inherit!important}:host ::ng-deep .p-datatable-tbody>tr{border:2px solid rgba(0,0,0,.12);flex-direction:column;height:inherit!important;padding-top:12px!important}:host ::ng-deep .p-datatable-tbody>tr>td{border:0!important;flex-basis:auto!important;width:100%!important}:host ::ng-deep td .p-column-title{display:inline-block!important;font-weight:700;margin:-.4rem 1rem -.4rem -.4rem;min-width:35%;padding:.4rem}:host ::ng-deep .centerText{justify-content:inherit!important}}"]
             },] }
 ];
 CilogTableComponent.ctorParameters = () => [
     { type: ConfirmationService },
-    { type: FilterService }
+    { type: FilterService },
+    { type: ChangeDetectorRef }
 ];
 CilogTableComponent.propDecorators = {
     columns: [{ type: Input }],
@@ -376,7 +425,9 @@ CilogTableComponent.propDecorators = {
     onEditInit: [{ type: Output }],
     onDelete: [{ type: Output }],
     onSelect: [{ type: Output }],
-    table: [{ type: ViewChild, args: ['table', { static: false },] }]
+    onFilter: [{ type: Output }],
+    onSort: [{ type: Output }],
+    table: [{ type: ViewChild, args: ['table', { static: true },] }]
 };
 
 class CilogTableService {
@@ -401,7 +452,7 @@ CilogLibModule.decorators = [
                     BrowserModule,
                     BrowserAnimationsModule,
                     FormsModule,
-                    ReactiveFormsModule,
+                    ReactiveFormsModule
                 ],
                 declarations: [
                     CilogLibComponent,

package/fesm2015/cilog-lib.js.map

@@ -1 +1 @@
-{"version":3,"file":"cilog-lib.js","sources":["../../../projects/cilog-lib/src/lib/services/message.service.ts","../../../projects/cilog-lib/src/lib/views/message/message.component.ts","../../../projects/cilog-lib/src/lib/cilog-lib.component.ts","../../../projects/cilog-lib/src/lib/modules/primeng.module.ts","../../../projects/cilog-lib/src/lib/helpers/enums/grille.enum.ts","../../../projects/cilog-lib/src/lib/views/table/table.component.ts","../../../projects/cilog-lib/src/lib/services/table.service.ts","../../../projects/cilog-lib/src/lib/cilog-lib.module.ts","../../../projects/cilog-lib/src/lib/cilog-lib.service.ts","../../../projects/cilog-lib/src/public-api.ts","../../../projects/cilog-lib/src/cilog-lib.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { BehaviorSubject } from 'rxjs';\r\nimport { IMessage } from '../helpers/interfaces/message.interface';\r\n\n@Injectable()\nexport class CilogMessageService {\n\n    display: BehaviorSubject<boolean>;\n    message: BehaviorSubject<IMessage>;\n\n    constructor() {\n        this.message = new BehaviorSubject<IMessage>(null);\n        this.display = new BehaviorSubject<boolean>(null);\n    }\n\n    showDialog(pContent: string, pSeverity: string, pClosable: boolean = true, pRefresh: boolean = false) {\n        this.message.next({\r\n            content: pContent,\r\n            severity: pSeverity,\r\n            closable: pClosable,\r\n            refresh: pRefresh\r\n        });\r\n        this.display.next(true);\r\n    }\n\n    closeDialog() {\n        this.display.next(false);\r\n    }\n}\n","import { Component, OnInit } from '@angular/core';\r\nimport { CilogMessageService } from '../../services/message.service';\r\nimport { IMessage } from '../../helpers/interfaces/message.interface';\r\n\n@Component({\n    selector: 'cilog-message',\n    templateUrl: './message.component.html',\n    styleUrls: ['./message.component.scss']\n})\nexport class CilogMessageComponent implements OnInit {\n\n    display: boolean;\n    message: IMessage;\n\n    constructor(public messageService: CilogMessageService) { }\n\n    ngOnInit(): void {\n        this.display = false;\n\n        this.messageService.message.subscribe(message => {\n            if (message != null) {\r\n                this.message = message;\r\n            }\r\n        });\n\n        this.messageService.display.subscribe(display => {\n            if (display != null) {\r\n                this.display = display;\r\n            }\r\n        });\n    }\n\n    headerBySeverity(): string {\r\n        if (this.message != null) {\r\n            switch (this.message.severity) {\r\n                case 'warn':\r\n                    return 'Attention';\r\n                case 'error':\r\n                    return 'Erreur'\r\n                case 'success':\r\n                    return 'Succès'\r\n                case 'info':\r\n                    return 'Information'\r\n            }\r\n        }\r\n    }\r\n\r\n    iconBySeverity(): string {\r\n        if (this.message != null) {\r\n            switch (this.message.severity) {\r\n                case 'warn':\r\n                    return 'pi-exclamation-triangle';\r\n                case 'error':\r\n                    return 'pi-exclamation-circle'\r\n                case 'success':\r\n                    return 'pi-check'\r\n                case 'info':\r\n                    return 'pi-info-circle'\r\n            }\r\n        }\r\n    }\r\n\r\n    classBySeverity(): string {\r\n        if (this.message != null) {\r\n            switch (this.message.severity) {\r\n                case 'warn':\r\n                    return 'message_warn';\r\n                case 'error':\r\n                    return 'message_error'\r\n                case 'success':\r\n                    return 'message_success'\r\n                case 'info':\r\n                    return 'message_info'\r\n            }\r\n        }\r\n    }\n\n    refreshPage() {\n        window.location.reload(true);\r\n    }\n}\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n    selector: 'lib-cilog-lib',\n    template: `\n    <p>\n      cilog-lib works!\n    </p>\n  `,\n    styles: [\n    ]\n})\nexport class CilogLibComponent implements OnInit {\n\n    constructor() { }\n\n    ngOnInit(): void {\n    }\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { DialogModule } from 'primeng/dialog';\nimport { ButtonModule } from 'primeng/button';\r\nimport { TableModule } from 'primeng/table';\r\nimport { InputTextModule } from 'primeng/inputtext';\r\nimport { SelectButtonModule } from 'primeng/selectbutton';\r\nimport { DropdownModule } from 'primeng/dropdown';\r\nimport { InputNumberModule } from 'primeng/inputnumber';\r\nimport { ConfirmDialogModule } from 'primeng/confirmdialog';\r\nimport { MultiSelectModule } from 'primeng/multiselect';\r\nimport { CalendarModule } from 'primeng/calendar';\r\nimport { TagModule } from 'primeng/tag';\r\n\n@NgModule({\n    declarations: [],\n    exports: [\n        DialogModule,\n        ButtonModule,\n        TableModule,\n        InputTextModule,\n        SelectButtonModule,\n        DropdownModule,\n        InputNumberModule,\n        ConfirmDialogModule,\n        MultiSelectModule,\n        CalendarModule,\n        TagModule\n    ],\n    imports: [\n        CommonModule\n    ]\n})\nexport class PrimengModule { }\n","export enum ColType {\r\n    MultiSelect = 'MultiSelect',\r\n    Dropdown = 'Dropdown',\r\n    File = 'File',\r\n    Text = 'Text',\r\n    Number = 'Number',\r\n    SelectButton = 'SelectButton',\r\n    Button = 'Button',\r\n    Image = 'Image',\r\n    Date = 'Date',\r\n    State = 'State'\r\n}\r\n\r\nexport enum Severity {\r\n    Secondary = 'secondary',\r\n    Success = 'success',\r\n    Info = 'info',\r\n    Warning = 'warning',\r\n    Help = 'help',\r\n    Danger = 'danger'\r\n}\r\n","import { Component, OnInit, Input, Output, EventEmitter, ViewChild } from '@angular/core';\r\nimport { ConfirmationService, FilterService, FilterMatchMode, SortEvent } from 'primeng/api';\r\nimport { IEdition, ISuppression, ISelection } from '../../helpers/interfaces/edition.interface';\r\nimport { IColumn, IRow, IOptions, IOptionsGrille } from '../../helpers/interfaces/grille.interface';\r\nimport { Table } from 'primeng/table';\r\nimport { ColType } from '../../helpers/enums/grille.enum';\r\n\r\n@Component({\r\n    selector: 'cilog-table',\r\n    templateUrl: './table.component.html',\r\n    styleUrls: ['./table.component.scss']\r\n})\r\nexport class CilogTableComponent implements OnInit {\r\n\r\n    @Input() columns: IColumn[];\r\n    @Input() values: IRow[];\r\n    @Input() options: IOptionsGrille;\r\n\r\n    @Output() onEdit: EventEmitter<IEdition> = new EventEmitter<IEdition>();\r\n    @Output() onEditInit: EventEmitter<IEdition> = new EventEmitter<IEdition>();\r\n    @Output() onDelete: EventEmitter<ISuppression> = new EventEmitter<ISuppression>();\r\n    @Output() onSelect: EventEmitter<ISuppression> = new EventEmitter<ISelection>();\r\n\r\n    selectedRow: IRow;\r\n\r\n    filterDatesRange: Date[];\r\n\r\n    @ViewChild('table', { static: false }) table: Table;\r\n\r\n    constructor(\r\n        private confirmationService: ConfirmationService,\r\n        private filterService: FilterService) { }\r\n\r\n    ngOnInit(): void {\r\n        // Date\r\n        this.filterService.register('dateRangeFilter', (cell, filter) => {\r\n            if (this.filterDatesRange == null) {\r\n                return true;\r\n            }\r\n            let start: number = this.filterDatesRange[0].getTime();\r\n            let end: number;\r\n            if (this.filterDatesRange[1]) {\r\n                end = this.filterDatesRange[1].getTime() + 86400000;\r\n            } else {\r\n                end = start + 86400000;\r\n            }\r\n            return cell.value.getTime() >= start && cell.value.getTime() <= end;\r\n        });\r\n        // Text\r\n        this.filterService.register('textFilter', (cell, filter) => {\r\n            if (filter == null || filter.trim() == '') {\r\n                return true;\r\n            }\r\n            if (cell.value == null) {\r\n                return false;\r\n            }\r\n            return cell.value.toLowerCase().includes(filter.toLowerCase());\r\n        });\r\n        // Number\r\n        this.filterService.register('numberFilter', (cell, filter) => {\r\n            if (filter == null) {\r\n                return true;\r\n            }\r\n            if (cell.value == null) {\r\n                return false;\r\n            }\r\n            return cell.value == filter;\r\n        });\r\n        // Objet\r\n        this.filterService.register('objetFilter', (cell, filter) => {\r\n            return (filter.indexOf(cell.value) != -1);\r\n        });\r\n        // Liste\r\n        this.filterService.register('listeFilter', (cell, filter) => {\r\n            let ok: boolean = false;\r\n            filter.forEach(val => {\r\n                if (cell.value.indexOf(val) != -1) {\r\n                    ok = true;\r\n                }\r\n            });\r\n            return ok;\r\n        });\r\n    }\r\n\r\n    // Sort\r\n    customSort(event: SortEvent) {\r\n        let col: IColumn = this.columns.find(col => col.id == event.field);\r\n        let typeCol: ColType = col.type;\r\n        event.data.sort((data1, data2) => {\r\n            let value1 = data1[event.field].value;\r\n            let value2 = data2[event.field].value;\r\n\r\n            let result = null;\r\n            if (value1 == null && value2 != null)\r\n                result = -1;\r\n            else if (value1 != null && value2 == null)\r\n                result = 1;\r\n            else if (value1 == null && value2 == null)\r\n                result = 0;\r\n            else if (typeCol == ColType.Text || typeCol == ColType.File)\r\n                result = value1.localeCompare(value2);\r\n            else if (typeCol == ColType.MultiSelect) {\r\n                result = this.getMultiSelectConcat(value1, this.getOption(col, data1, 'optionLabel')).localeCompare(this.getMultiSelectConcat(value2, this.getOption(col, data2, 'optionLabel')));\r\n            } else if (typeCol == ColType.Dropdown || typeCol == ColType.SelectButton || typeCol == ColType.State) {\r\n                result = value1[this.getOption(col, data1, 'optionLabel')].localeCompare(value2[this.getOption(col, data2, 'optionLabel')]);\r\n            } else if (typeCol == ColType.Number || typeCol == ColType.Date)\r\n                result = (value1 < value2) ? -1 : (value1 > value2) ? 1 : 0;\r\n            else\r\n                result == 0;\r\n\r\n            return (event.order * result);\r\n        });\r\n    }\r\n\r\n    checkType(typeCol: string, col: IColumn) {\r\n        return col['type'] == typeCol;\r\n    }\r\n\r\n    clickById(id: string) {\r\n        document.getElementById(id).click();\r\n    }\r\n\r\n    onEditText(event) {\r\n        let col: IColumn = this.columns.find(col => col.id == event.field);\r\n        this.onEditCell(event.data, col, event.data[event.field].value);\r\n    }\r\n\r\n    onEditCell(row: IRow, column: IColumn, value: any) {\r\n        this.onEdit.emit({ row: row, column: column, value: value });\r\n    }\r\n\r\n    onSelectRow(row: IRow) {\r\n        this.onSelect.emit({ row: row });\r\n    }\r\n\r\n    onDeleteLine(row: IRow) {\r\n        this.confirmationService.confirm({\r\n            key: 'confirm',\r\n            message: 'Êtes-vous sûr de vouloir supprimer cette ligne ?',\r\n            accept: () => {\r\n                this.values.splice(this.values.indexOf(row), 1);\r\n                this.onDelete.emit({ row: row });\r\n            }\r\n        });\r\n    }\r\n\r\n    onEditInitCell(event) {\r\n        let col: IColumn = this.columns.find(col => col.id == event.field);\r\n        this.onEditInit.emit({ row: event.data, column: col, value: event.data[event.field].value });\r\n    }\r\n\r\n    isModeEdition() {\r\n        return this.options.editable;\r\n    }\r\n\r\n    getOption(col, row, option: string) {\r\n        if (row[col.id].options != null) {\r\n            if (row[col.id].options[option] != null) {\r\n                return row[col.id].options[option];\r\n            }\r\n        }\r\n        if (col.options != null) {\r\n            if (col.options[option] != null) {\r\n                return col.options[option]\r\n            }\r\n        }\r\n        return null;\r\n    }\r\n\r\n    getMultiSelectConcat(value, label: string) {\r\n        if (value != null) {\r\n            return value.map(val => { return val[label]; }).join(', ');\r\n        } else {\r\n            return '';\r\n        }\r\n    }\r\n\r\n    getSelectLibelleByValue(row, col) {\r\n        let label: string = '';\r\n        if (row[col.id].options != null) {\r\n            label = row[col.id].options['options'].find(opt => opt.value == row[col.id].value)[row[col.id].options.optionLabel];\r\n        } else {\r\n            if (col.options != null) {\r\n                label = col.options['options'].find(opt => opt.value == row[col.id].value)[col.options.optionLabel];\r\n            }\r\n        }\r\n        return label;\r\n    }\r\n\r\n    filter(event, col: IColumn) {\r\n        // Dates (range) (PROBLEME SI PLUSIEURS CHAMPS DATES !!!)\r\n        if (col.type == ColType.Date) {\r\n            this.table.filter(event, col.id, 'dateRangeFilter')\r\n        }\r\n        // Number\r\n        if (col.type == ColType.Number) {\r\n            this.table.filter(event.value, col.id, 'numberFilter')\r\n        }\r\n        // Objet\r\n        if (col.type == ColType.Dropdown || col.type == ColType.State || col.type == ColType.SelectButton) {\r\n            this.table.filter(event.value, col.id, 'objetFilter')\r\n        }\r\n        // Liste\r\n        if (col.type == ColType.MultiSelect) {\r\n            this.table.filter(event.value, col.id, 'listeFilter')\r\n        }\r\n        // Texte\r\n        if (col.type == ColType.File || col.type == ColType.Text) {\r\n            this.table.filter(event.target.value, col.id, 'textFilter')\r\n        }\r\n    }\r\n}\r\n","import { Injectable } from '@angular/core';\r\n\n@Injectable({\n    providedIn: 'root'\n})\nexport class CilogTableService {\n\n    constructor() { }\n}\n","import { NgModule, LOCALE_ID } from '@angular/core';\nimport { CilogMessageComponent } from './views/message/message.component';\r\nimport { CilogLibComponent } from './cilog-lib.component';\r\nimport { CommonModule, registerLocaleData } from '@angular/common';\nimport { PrimengModule } from './modules/primeng.module';\r\nimport { CilogMessageService } from './services/message.service';\r\nimport { BrowserModule } from '@angular/platform-browser';\r\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { CilogTableComponent } from './views/table/table.component';\r\nimport { CilogTableService } from './services/table.service';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { ConfirmationService } from 'primeng/api';\r\nimport localeFr from '@angular/common/locales/fr';\r\n\nregisterLocaleData(localeFr);\n\n@NgModule({\n    imports: [\r\n        CommonModule,\r\n        PrimengModule,\r\n        BrowserModule,\n        BrowserAnimationsModule,\r\n        FormsModule,\r\n        ReactiveFormsModule,\r\n    ],\r\n    declarations: [\n        CilogLibComponent,\n        CilogMessageComponent,\n        CilogTableComponent\n    ],\n    exports: [\n        CilogMessageComponent,\n        CilogTableComponent\n    ],\n    providers: [\n        CilogMessageService,\n        CilogTableService,\n        ConfirmationService,\n        { provide: LOCALE_ID, useValue: 'fr-FR' },\n    ]\n})\nexport class CilogLibModule { }\n","import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class CilogLibService {\n\n  constructor() { }\n}\n","/*\n * Public API Surface of cilog-lib\n */\n\n// Modules\nexport * from './lib/cilog-lib.module';\n\n// Components\nexport * from './lib/cilog-lib.component';\n\n// Services\nexport * from './lib/cilog-lib.service';\nexport * from './lib/services/message.service';\nexport * from './lib/services/table.service';\n\n// Interfaces\nexport * from './lib/helpers/interfaces/grille.interface';\nexport * from './lib/helpers/interfaces/message.interface';\nexport * from './lib/helpers/interfaces/edition.interface';\n\n// Enums\nexport * from './lib/helpers/enums/grille.enum';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n\nexport {PrimengModule as ɵa} from './lib/modules/primeng.module';\nexport {CilogMessageComponent as ɵb} from './lib/views/message/message.component';\nexport {CilogTableComponent as ɵc} from './lib/views/table/table.component';"],"names":[],"mappings":"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"}
+{"version":3,"file":"cilog-lib.js","sources":["../../../projects/cilog-lib/src/lib/services/message.service.ts","../../../projects/cilog-lib/src/lib/views/message/message.component.ts","../../../projects/cilog-lib/src/lib/cilog-lib.component.ts","../../../projects/cilog-lib/src/lib/modules/primeng.module.ts","../../../projects/cilog-lib/src/lib/helpers/enums/grille.enum.ts","../../../projects/cilog-lib/src/lib/views/table/table.component.ts","../../../projects/cilog-lib/src/lib/services/table.service.ts","../../../projects/cilog-lib/src/lib/cilog-lib.module.ts","../../../projects/cilog-lib/src/lib/cilog-lib.service.ts","../../../projects/cilog-lib/src/public-api.ts","../../../projects/cilog-lib/src/cilog-lib.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { BehaviorSubject } from 'rxjs';\r\nimport { IMessage } from '../helpers/interfaces/message.interface';\r\n\n@Injectable()\nexport class CilogMessageService {\n\n    display: BehaviorSubject<boolean>;\n    message: BehaviorSubject<IMessage>;\n\n    constructor() {\n        this.message = new BehaviorSubject<IMessage>(null);\n        this.display = new BehaviorSubject<boolean>(null);\n    }\n\n    showDialog(pContent: string, pSeverity: string, pClosable: boolean = true, pRefresh: boolean = false) {\n        this.message.next({\r\n            content: pContent,\r\n            severity: pSeverity,\r\n            closable: pClosable,\r\n            refresh: pRefresh\r\n        });\r\n        this.display.next(true);\r\n    }\n\n    closeDialog() {\n        this.display.next(false);\r\n    }\n}\n","import { CilogMessageService } from '../../services/message.service';\r\nimport { IMessage } from '../../helpers/interfaces/message.interface';\r\nimport { Component, OnInit } from '@angular/core';\r\n\n@Component({\n    selector: 'cilog-message',\n    templateUrl: './message.component.html',\n    styleUrls: ['./message.component.scss']\n})\nexport class CilogMessageComponent implements OnInit {\n\n    display: boolean;\n    message: IMessage;\n\n    constructor(public messageService: CilogMessageService) { }\n\n    ngOnInit(): void {\n        this.display = false;\n\n        this.messageService.message.subscribe(message => {\n            if (message != null) {\r\n                this.message = message;\r\n            }\r\n        });\n\n        this.messageService.display.subscribe(display => {\n            if (display != null) {\r\n                this.display = display;\r\n            }\r\n        });\n    }\n\n    headerBySeverity(): string {\r\n        if (this.message != null) {\r\n            switch (this.message.severity) {\r\n                case 'warn':\r\n                    return 'Attention';\r\n                case 'error':\r\n                    return 'Erreur'\r\n                case 'success':\r\n                    return 'Succès'\r\n                case 'info':\r\n                    return 'Information'\r\n            }\r\n        }\r\n    }\r\n\r\n    iconBySeverity(): string {\r\n        if (this.message != null) {\r\n            switch (this.message.severity) {\r\n                case 'warn':\r\n                    return 'pi-exclamation-triangle';\r\n                case 'error':\r\n                    return 'pi-exclamation-circle'\r\n                case 'success':\r\n                    return 'pi-check'\r\n                case 'info':\r\n                    return 'pi-info-circle'\r\n            }\r\n        }\r\n    }\r\n\r\n    classBySeverity(): string {\r\n        if (this.message != null) {\r\n            switch (this.message.severity) {\r\n                case 'warn':\r\n                    return 'message_warn';\r\n                case 'error':\r\n                    return 'message_error'\r\n                case 'success':\r\n                    return 'message_success'\r\n                case 'info':\r\n                    return 'message_info'\r\n            }\r\n        }\r\n    }\n\n    refreshPage() {\n        window.location.reload(true);\r\n    }\n}\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n    selector: 'lib-cilog-lib',\n    template: `\n    <p>\n      cilog-lib works!\n    </p>\n  `,\n    styles: [\n    ]\n})\nexport class CilogLibComponent implements OnInit {\n\n    constructor() { }\n\n    ngOnInit(): void {\n    }\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { DialogModule } from 'primeng/dialog';\nimport { ButtonModule } from 'primeng/button';\r\nimport { TableModule } from 'primeng/table';\r\nimport { InputTextModule } from 'primeng/inputtext';\r\nimport { SelectButtonModule } from 'primeng/selectbutton';\r\nimport { DropdownModule } from 'primeng/dropdown';\r\nimport { InputNumberModule } from 'primeng/inputnumber';\r\nimport { ConfirmDialogModule } from 'primeng/confirmdialog';\r\nimport { MultiSelectModule } from 'primeng/multiselect';\r\nimport { CalendarModule } from 'primeng/calendar';\r\nimport { TagModule } from 'primeng/tag';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\n\n@NgModule({\n    declarations: [],\n    exports: [\n        DialogModule,\n        ButtonModule,\n        TableModule,\n        InputTextModule,\n        SelectButtonModule,\n        DropdownModule,\n        InputNumberModule,\n        ConfirmDialogModule,\n        MultiSelectModule,\n        CalendarModule,\n        TagModule,\n        TooltipModule\n    ],\n    imports: [\n        CommonModule\n    ]\n})\nexport class PrimengModule { }\n","export enum ColType {\r\n    MultiSelect = 'MultiSelect',\r\n    Dropdown = 'Dropdown',\r\n    File = 'File',\r\n    Text = 'Text',\r\n    Number = 'Number',\r\n    SelectButton = 'SelectButton',\r\n    Button = 'Button',\r\n    Image = 'Image',\r\n    Date = 'Date',\r\n    State = 'State'\r\n}\r\n\r\nexport enum Severity {\r\n    Secondary = 'secondary',\r\n    Success = 'success',\r\n    Info = 'info',\r\n    Warning = 'warning',\r\n    Help = 'help',\r\n    Danger = 'danger'\r\n}\r\n","import { Component, OnInit, Input, Output, EventEmitter, ViewChild, ChangeDetectorRef } from '@angular/core';\r\nimport { ConfirmationService, FilterService, FilterMatchMode, SortEvent } from 'primeng/api';\r\nimport { IEdition, ISuppression, ISelection, IFilter, ISort } from '../../helpers/interfaces/edition.interface';\r\nimport { IColumn, IRow, IOptions, IOptionsGrille } from '../../helpers/interfaces/grille.interface';\r\nimport { Table } from 'primeng/table';\r\nimport { ColType } from '../../helpers/enums/grille.enum';\r\n\r\n@Component({\r\n    selector: 'cilog-table',\r\n    templateUrl: './table.component.html',\r\n    styleUrls: ['./table.component.scss']\r\n})\r\nexport class CilogTableComponent implements OnInit {\r\n\r\n    @Input() columns: IColumn[];\r\n    @Input() values: IRow[];\r\n    @Input() options: IOptionsGrille;\r\n\r\n    @Output() onEdit: EventEmitter<IEdition> = new EventEmitter<IEdition>();\r\n    @Output() onEditInit: EventEmitter<IEdition> = new EventEmitter<IEdition>();\r\n    @Output() onDelete: EventEmitter<ISuppression> = new EventEmitter<ISuppression>();\r\n    @Output() onSelect: EventEmitter<ISuppression> = new EventEmitter<ISelection>();\r\n    @Output() onFilter: EventEmitter<IFilter> = new EventEmitter<IFilter>();\r\n    @Output() onSort: EventEmitter<ISort> = new EventEmitter<ISort>();\r\n\r\n    selectedRow: IRow;\r\n\r\n    filterDatesRange: Date[];\r\n\r\n    @ViewChild('table', { static: true }) table: Table;\r\n\r\n    constructor(\r\n        private confirmationService: ConfirmationService,\r\n        private filterService: FilterService,\r\n        private cdRef: ChangeDetectorRef\r\n    ) { }\r\n\r\n    ngOnInit(): void {\r\n        // Date\r\n        this.filterService.register('dateRangeFilter', (cell, filter) => {\r\n            if (filter == null) {\r\n                return true;\r\n            }\r\n            let start: number = filter[0].getTime();\r\n            let end: number;\r\n            if (filter[1]) {\r\n                end = filter[1].getTime() + 86400000;\r\n            } else {\r\n                end = start + 86400000;\r\n            }\r\n            return cell.value == null ? false : cell.value.getTime() >= start && cell.value.getTime() <= end;\r\n        });\r\n        // Text\r\n        this.filterService.register('textFilter', (cell, filter) => {\r\n            if (filter == null || filter.trim() == '') {\r\n                return true;\r\n            }\r\n            if (cell.value == null) {\r\n                return false;\r\n            }\r\n            return cell.value.toLowerCase().includes(filter.toLowerCase());\r\n        });\r\n        // Number\r\n        this.filterService.register('numberFilter', (cell, filter) => {\r\n            if (filter == null) {\r\n                return true;\r\n            }\r\n            if (cell.value == null) {\r\n                return false;\r\n            }\r\n            return cell.value == filter;\r\n        });\r\n        // Objet\r\n        this.filterService.register('objetFilter', (cell, filter) => {\r\n            return (filter.indexOf(cell.value) != -1);\r\n        });\r\n        // Liste\r\n        this.filterService.register('listeFilter', (cell, filter) => {\r\n            let ok: boolean = false;\r\n            filter.forEach(val => {\r\n                if (cell.value.indexOf(val) != -1) {\r\n                    ok = true;\r\n                }\r\n            });\r\n            return ok;\r\n        });\r\n\r\n        this.columns.forEach(col => {\r\n            if (col.options == null) {\r\n                col.options = { defaultFilters: null };\r\n            }\r\n            this.filter(col, col.options.defaultFilters, this.getFilterByCol(col));\r\n        });\r\n    }\r\n\r\n    ngAfterViewChecked() {\r\n        this.cdRef.detectChanges();\r\n    }\r\n\r\n    // Sort\r\n    customSort(event: SortEvent) {\r\n        let col: IColumn = this.columns.find(col => col.id == event.field);\r\n        this.onSort.emit({ column: col, order: event.order })\r\n        let typeCol: ColType = col.type;\r\n        event.data.sort((data1, data2) => {\r\n            let value1 = data1[event.field].value;\r\n            let value2 = data2[event.field].value;\r\n\r\n            let result = null;\r\n            if (value1 == null && value2 != null)\r\n                result = -1;\r\n            else if (value1 != null && value2 == null)\r\n                result = 1;\r\n            else if (value1 == null && value2 == null)\r\n                result = 0;\r\n            else if (typeCol == ColType.Text || typeCol == ColType.File)\r\n                result = value1.localeCompare(value2);\r\n            else if (typeCol == ColType.MultiSelect) {\r\n                result = this.getMultiSelectConcat(value1, this.getOption(col, data1, 'optionLabel')).localeCompare(this.getMultiSelectConcat(value2, this.getOption(col, data2, 'optionLabel')));\r\n            } else if (typeCol == ColType.Dropdown || typeCol == ColType.SelectButton || typeCol == ColType.State) {\r\n                result = value1[this.getOption(col, data1, 'optionLabel')].localeCompare(value2[this.getOption(col, data2, 'optionLabel')]);\r\n            } else if (typeCol == ColType.Number || typeCol == ColType.Date)\r\n                result = (value1 < value2) ? -1 : (value1 > value2) ? 1 : 0;\r\n            else\r\n                result == 0;\r\n\r\n            return (event.order * result);\r\n        });\r\n    }\r\n\r\n    checkType(typeCol: string, col: IColumn) {\r\n        return col['type'] == typeCol;\r\n    }\r\n\r\n    clickById(id: string) {\r\n        document.getElementById(id).click();\r\n    }\r\n\r\n    onEditText(event) {\r\n        let col: IColumn = this.columns.find(col => col.id == event.field);\r\n        this.onEditCell(event.data, col, event.data[event.field].value);\r\n    }\r\n\r\n    onEditCell(row: IRow, column: IColumn, value: any) {\r\n        this.onEdit.emit({ row: row, column: column, value: value });\r\n    }\r\n\r\n    onSelectRow(row: IRow) {\r\n        this.onSelect.emit({ row: row });\r\n    }\r\n\r\n    onDeleteLine(row: IRow) {\r\n        this.confirmationService.confirm({\r\n            key: 'confirm',\r\n            message: 'Êtes-vous sûr de vouloir supprimer cette ligne ?',\r\n            accept: () => {\r\n                this.values.splice(this.values.indexOf(row), 1);\r\n                this.onDelete.emit({ row: row });\r\n            }\r\n        });\r\n    }\r\n\r\n    onFocusNumber(rowData, col) {\r\n        this.onEditInitCell({ field: col.id, data: rowData });\r\n    }\r\n\r\n    onEditInitCell(event) {\r\n        let col: IColumn = this.columns.find(col => col.id == event.field);\r\n        this.onEditInit.emit({ row: event.data, column: col, value: event.data[event.field].value });\r\n    }\r\n\r\n    isModeEdition() {\r\n        return this.options.editable;\r\n    }\r\n\r\n    getOption(col, row, option: string) {\r\n        if (row[col.id].options != null) {\r\n            if (row[col.id].options[option] != null) {\r\n                return row[col.id].options[option];\r\n            }\r\n        }\r\n        if (col.options != null) {\r\n            if (col.options[option] != null) {\r\n                return col.options[option]\r\n            }\r\n        }\r\n        return null;\r\n    }\r\n\r\n    getMultiSelectConcat(value, label: string) {\r\n        if (value != null) {\r\n            return value.map(val => { return val[label]; }).join(', ');\r\n        } else {\r\n            return '';\r\n        }\r\n    }\r\n\r\n    getSelectLibelleByValue(row, col) {\r\n        let label: string = '';\r\n        if (row[col.id].value == null) {\r\n            return label;\r\n        }\r\n        if (row[col.id].options != null) {\r\n            label = row[col.id].options['options'].find(opt => opt.value == row[col.id].value)[row[col.id].options.optionLabel];\r\n        } else {\r\n            if (col.options != null) {\r\n                label = col.options['options'].find(opt => opt.value == row[col.id].value)[col.options.optionLabel];\r\n            }\r\n        }\r\n        return label;\r\n    }\r\n\r\n    getFilterByCol(col: IColumn) {\r\n        // Dates (range)\r\n        if (col.type == ColType.Date) {\r\n            return 'dateRangeFilter';\r\n        }\r\n        // Number\r\n        if (col.type == ColType.Number) {\r\n            return 'numberFilter';\r\n        }\r\n        // Objet\r\n        if (col.type == ColType.Dropdown || col.type == ColType.State || col.type == ColType.SelectButton) {\r\n            return 'objetFilter';\r\n        }\r\n        // Liste\r\n        if (col.type == ColType.MultiSelect) {\r\n            return 'listeFilter';\r\n        }\r\n        // Texte\r\n        if (col.type == ColType.File || col.type == ColType.Text) {\r\n            return 'textFilter';\r\n        }\r\n        return null;\r\n    }\r\n\r\n    onFilterCol(event, col: IColumn) {\r\n        // Dates (range)\r\n        if (col.type == ColType.Date) {\r\n            this.filter(col, col.options.defaultFilters, 'dateRangeFilter');\r\n        }\r\n        // Number\r\n        if (col.type == ColType.Number) {\r\n            this.filter(col, event.value, 'numberFilter');\r\n        }\r\n        // Objet\r\n        if (col.type == ColType.Dropdown || col.type == ColType.State || col.type == ColType.SelectButton) {\r\n            this.filter(col, event.value, 'objetFilter');\r\n        }\r\n        // Liste\r\n        if (col.type == ColType.MultiSelect) {\r\n            this.filter(col, event.value, 'listeFilter');\r\n        }\r\n        // Texte\r\n        if (col.type == ColType.File || col.type == ColType.Text) {\r\n            this.filter(col, event.target.value, 'textFilter');\r\n        }\r\n    }\r\n\r\n    filter(col: IColumn, val: any, filter: string) {\r\n        this.table.filter(val, col.id, filter);\r\n        this.onFilter.emit({ column: col, value: val });\r\n    }\r\n}\r\n","import { Injectable } from '@angular/core';\r\n\n@Injectable({\n    providedIn: 'root'\n})\nexport class CilogTableService {\n\n    constructor() { }\n}\n","import { NgModule, LOCALE_ID } from '@angular/core';\nimport { CilogMessageComponent } from './views/message/message.component';\r\nimport { CilogLibComponent } from './cilog-lib.component';\r\nimport { CommonModule, registerLocaleData } from '@angular/common';\nimport { PrimengModule } from './modules/primeng.module';\r\nimport { CilogMessageService } from './services/message.service';\r\nimport { BrowserModule } from '@angular/platform-browser';\r\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { CilogTableComponent } from './views/table/table.component';\r\nimport { CilogTableService } from './services/table.service';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { ConfirmationService } from 'primeng/api';\r\nimport localeFr from '@angular/common/locales/fr';\r\n\nregisterLocaleData(localeFr);\n\n@NgModule({\n    imports: [\r\n        CommonModule,\r\n        PrimengModule,\r\n        BrowserModule,\n        BrowserAnimationsModule,\r\n        FormsModule,\r\n        ReactiveFormsModule\r\n    ],\r\n    declarations: [\n        CilogLibComponent,\n        CilogMessageComponent,\n        CilogTableComponent\n    ],\n    exports: [\n        CilogMessageComponent,\n        CilogTableComponent\n    ],\n    providers: [\n        CilogMessageService,\n        CilogTableService,\n        ConfirmationService,\n        { provide: LOCALE_ID, useValue: 'fr-FR' },\n    ]\n})\nexport class CilogLibModule { }\n","import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class CilogLibService {\n\n  constructor() { }\n}\n","/*\n * Public API Surface of cilog-lib\n */\n\n// Modules\nexport * from './lib/cilog-lib.module';\n\n// Components\nexport * from './lib/cilog-lib.component';\n\n// Services\nexport * from './lib/cilog-lib.service';\nexport * from './lib/services/message.service';\nexport * from './lib/services/table.service';\n\n// Interfaces\nexport * from './lib/helpers/interfaces/grille.interface';\nexport * from './lib/helpers/interfaces/message.interface';\nexport * from './lib/helpers/interfaces/edition.interface';\n\n// Enums\nexport * from './lib/helpers/enums/grille.enum';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n\nexport {PrimengModule as ɵa} from './lib/modules/primeng.module';\nexport {CilogMessageComponent as ɵb} from './lib/views/message/message.component';\nexport {CilogTableComponent as ɵc} from './lib/views/table/table.component';"],"names":[],"mappings":"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"}

package/lib/helpers/interfaces/edition.interface.d.ts

@@ -10,3 +10,11 @@ export interface ISuppression {
 export interface ISelection {
     row: IRow;
 }
+export interface IFilter {
+    column: IColumn;
+    value: any;
+}
+export interface ISort {
+    column: IColumn;
+    order: number;
+}

package/lib/helpers/interfaces/grille.interface.d.ts

@@ -6,6 +6,7 @@ export interface IOptionsGrille {
     selectable?: boolean;
     rowsDeletable?: boolean;
     centerHeaders?: boolean;
+    scrollHeight?: string;
 }
 export interface IRow {
     id: any;
@@ -18,7 +19,6 @@ export interface ICell {
     id: any;
     obj?: any;
     value: any;
-    tooltip?: string;
     readonly?: boolean;
     options?: IOptions;
 }
@@ -28,10 +28,12 @@ export interface IColumn {
     libelle: string;
     champBase?: string;
     nullable?: boolean;
+    tooltip?: boolean;
     width?: string;
     options?: IOptions;
 }
 export interface IOptions {
+    defaultFilters?: any;
 }
 export interface IOptionsDropdown extends IOptions {
     options: any[];
@@ -50,6 +52,8 @@ export interface IOptionsMultiSelect extends IOptions {
     baseZIndex?: number;
 }
 export interface IOptionsNumber extends IOptions {
+    prefix?: string;
+    suffix?: string;
     maxDecimales?: number;
     showButtons?: boolean;
 }

package/lib/views/message/message.component.d.ts

@@ -1,6 +1,6 @@
-import { OnInit } from '@angular/core';
 import { CilogMessageService } from '../../services/message.service';
 import { IMessage } from '../../helpers/interfaces/message.interface';
+import { OnInit } from '@angular/core';
 export declare class CilogMessageComponent implements OnInit {
     messageService: CilogMessageService;
     display: boolean;

package/lib/views/table/table.component.d.ts

@@ -1,11 +1,12 @@
-import { OnInit, EventEmitter } from '@angular/core';
+import { OnInit, EventEmitter, ChangeDetectorRef } from '@angular/core';
 import { ConfirmationService, FilterService, SortEvent } from 'primeng/api';
-import { IEdition, ISuppression } from '../../helpers/interfaces/edition.interface';
+import { IEdition, ISuppression, IFilter, ISort } from '../../helpers/interfaces/edition.interface';
 import { IColumn, IRow, IOptionsGrille } from '../../helpers/interfaces/grille.interface';
 import { Table } from 'primeng/table';
 export declare class CilogTableComponent implements OnInit {
     private confirmationService;
     private filterService;
+    private cdRef;
     columns: IColumn[];
     values: IRow[];
     options: IOptionsGrille;
@@ -13,11 +14,14 @@ export declare class CilogTableComponent implements OnInit {
     onEditInit: EventEmitter<IEdition>;
     onDelete: EventEmitter<ISuppression>;
     onSelect: EventEmitter<ISuppression>;
+    onFilter: EventEmitter<IFilter>;
+    onSort: EventEmitter<ISort>;
     selectedRow: IRow;
     filterDatesRange: Date[];
     table: Table;
-    constructor(confirmationService: ConfirmationService, filterService: FilterService);
+    constructor(confirmationService: ConfirmationService, filterService: FilterService, cdRef: ChangeDetectorRef);
     ngOnInit(): void;
+    ngAfterViewChecked(): void;
     customSort(event: SortEvent): void;
     checkType(typeCol: string, col: IColumn): boolean;
     clickById(id: string): void;
@@ -25,10 +29,13 @@ export declare class CilogTableComponent implements OnInit {
     onEditCell(row: IRow, column: IColumn, value: any): void;
     onSelectRow(row: IRow): void;
     onDeleteLine(row: IRow): void;
+    onFocusNumber(rowData: any, col: any): void;
     onEditInitCell(event: any): void;
     isModeEdition(): boolean;
     getOption(col: any, row: any, option: string): any;
     getMultiSelectConcat(value: any, label: string): any;
     getSelectLibelleByValue(row: any, col: any): string;
-    filter(event: any, col: IColumn): void;
+    getFilterByCol(col: IColumn): "dateRangeFilter" | "textFilter" | "numberFilter" | "objetFilter" | "listeFilter";
+    onFilterCol(event: any, col: IColumn): void;
+    filter(col: IColumn, val: any, filter: string): void;
 }

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "cilog-lib",
-  "version": "0.1.4",
+  "version": "0.2.0",
   "peerDependencies": {
-    "@angular/cdk": "^12.0.0",
-    "@angular/common": "^10.2.4",
-    "@angular/core": "^10.2.4"
+    "@angular/cdk": "11.0.3",
+    "@angular/common": "12.2.13",
+    "@angular/core": "12.2.13"
   },
   "whitelistedNonPeerDependencies": {
     "primeicons": "^4.1.0",
-    "primeng": "^11.3.2",
+    "primeng": "^12.2.2",
     "tslib": "^2.0.0"
   },
   "main": "bundles/cilog-lib.umd.js",
@@ -20,6 +20,6 @@
   "metadata": "cilog-lib.metadata.json",
   "sideEffects": false,
   "dependencies": {
-    "tslib": "^2.0.0"
+    "tslib": "^2.2.0"
   }
 }