cilog-lib 0.1.7 → 0.2.0

package/esm2015/lib/views/table/table.component.js

@@ -1,10 +1,11 @@
-import { Component, Input, Output, EventEmitter, ViewChild } from '@angular/core';
+import { Component, Input, Output, EventEmitter, ViewChild, ChangeDetectorRef } from '@angular/core';
 import { ConfirmationService, FilterService } from 'primeng/api';
 import { ColType } from '../../helpers/enums/grille.enum';
 export 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();
@@ -66,15 +67,11 @@ export class CilogTableComponent {
             if (col.options == null) {
                 col.options = { defaultFilters: null };
             }
+            this.filter(col, col.options.defaultFilters, this.getFilterByCol(col));
         });
     }
-    ngAfterViewInit() {
-        // Filtres par défaut
-        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) {
@@ -231,13 +228,14 @@ export class CilogTableComponent {
 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         [scrollable]=\"options.scrollable\"\r\n         [scrollHeight]=\"options.scrollHeight\">\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)=\"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 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                    [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                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: ["::ng-deep .p-tooltip .p-tooltip-text{overflow-wrap:break-word!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;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 }],
@@ -249,6 +247,6 @@ CilogTableComponent.propDecorators = {
     onSelect: [{ type: Output }],
     onFilter: [{ type: Output }],
     onSort: [{ type: Output }],
-    table: [{ type: ViewChild, args: ['table', { static: false },] }]
+    table: [{ type: ViewChild, args: ['table', { static: true },] }]
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IkM6L1VzZXJzL3RvbnlfL0Rlc2t0b3AvQ2lsb2cvY2lsb2ctbGliLWFwcC9wcm9qZWN0cy9jaWxvZy1saWIvc3JjLyIsInNvdXJjZXMiOlsibGliL3ZpZXdzL3RhYmxlL3RhYmxlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsYUFBYSxFQUE4QixNQUFNLGFBQWEsQ0FBQztBQUk3RixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFPMUQsTUFBTSxPQUFPLG1CQUFtQjtJQW1CNUIsWUFDWSxtQkFBd0MsRUFDeEMsYUFBNEI7UUFENUIsd0JBQW1CLEdBQW5CLG1CQUFtQixDQUFxQjtRQUN4QyxrQkFBYSxHQUFiLGFBQWEsQ0FBZTtRQWY5QixXQUFNLEdBQTJCLElBQUksWUFBWSxFQUFZLENBQUM7UUFDOUQsZUFBVSxHQUEyQixJQUFJLFlBQVksRUFBWSxDQUFDO1FBQ2xFLGFBQVEsR0FBK0IsSUFBSSxZQUFZLEVBQWdCLENBQUM7UUFDeEUsYUFBUSxHQUErQixJQUFJLFlBQVksRUFBYyxDQUFDO1FBQ3RFLGFBQVEsR0FBMEIsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUM5RCxXQUFNLEdBQXdCLElBQUksWUFBWSxFQUFTLENBQUM7SUFVdEIsQ0FBQztJQUU3QyxRQUFRO1FBQ0osT0FBTztRQUNQLElBQUksQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLGlCQUFpQixFQUFFLENBQUMsSUFBSSxFQUFFLE1BQU0sRUFBRSxFQUFFO1lBQzVELElBQUksTUFBTSxJQUFJLElBQUksRUFBRTtnQkFDaEIsT0FBTyxJQUFJLENBQUM7YUFDZjtZQUNELElBQUksS0FBSyxHQUFXLE1BQU0s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QUMsTUFBTSxDQUFDLEdBQUcsRUFBRSxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxZQUFZLENBQUMsQ0FBQztTQUN0RDtJQUNMLENBQUM7SUFFRCxNQUFNLENBQUMsR0FBWSxFQUFFLEdBQVEsRUFBRSxNQUFjO1FBQ3pDLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEdBQUcsRUFBRSxHQUFHLENBQUMsRUFBRSxFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBQ3ZDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQztJQUNwRCxDQUFDOzs7WUFqUUosU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSxhQUFhO2dCQUN2Qiw0M3VCQUFxQzs7YUFFeEM7OztZQVZRLG1CQUFtQjtZQUFFLGFBQWE7OztzQkFhdEMsS0FBSztxQkFDTCxLQUFLO3NCQUNMLEtBQUs7cUJBRUwsTUFBTTt5QkFDTixNQUFNO3VCQUNOLE1BQU07dUJBQ04sTUFBTTt1QkFDTixNQUFNO3FCQUNOLE1BQU07b0JBTU4sU0FBUyxTQUFDLE9BQU8sRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29uZmlybWF0aW9uU2VydmljZSwgRmlsdGVyU2VydmljZSwgRmlsdGVyTWF0Y2hNb2RlLCBTb3J0RXZlbnQgfSBmcm9tICdwcmltZW5nL2FwaSc7XHJcbmltcG9ydCB7IElFZGl0aW9uLCBJU3VwcHJlc3Npb24sIElTZWxlY3Rpb24sIElGaWx0ZXIsIElTb3J0IH0gZnJvbSAnLi4vLi4vaGVscGVycy9pbnRlcmZhY2VzL2VkaXRpb24uaW50ZXJmYWNlJztcclxuaW1wb3J0IHsgSUNvbHVtbiwgSVJvdywgSU9wdGlvbnMsIElPcHRpb25zR3JpbGxlIH0gZnJvbSAnLi4vLi4vaGVscGVycy9pbnRlcmZhY2VzL2dyaWxsZS5pbnRlcmZhY2UnO1xyXG5pbXBvcnQgeyBUYWJsZSB9IGZyb20gJ3ByaW1lbmcvdGFibGUnO1xyXG5pbXBvcnQgeyBDb2xUeXBlIH0gZnJvbSAnLi4vLi4vaGVscGVycy9lbnVtcy9ncmlsbGUuZW51bSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnY2lsb2ctdGFibGUnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL3RhYmxlLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL3RhYmxlLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIENpbG9nVGFibGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICAgIEBJbnB1dCgpIGNvbHVtbnM6IElDb2x1bW5bXTtcclxuICAgIEBJbnB1dCgpIHZhbHVlczogSVJvd1tdO1xyXG4gICAgQElucHV0KCkgb3B0aW9uczogSU9wdGlvbnNHcmlsbGU7XHJcblxyXG4gICAgQE91dHB1dCgpIG9uRWRpdDogRXZlbnRFbWl0dGVyPElFZGl0aW9uPiA9IG5ldyBFdmVudEVtaXR0ZXI8SUVkaXRpb24+KCk7XHJcbiAgICBAT3V0cHV0KCkgb25FZGl0SW5pdDogRXZlbnRFbWl0dGVyPElFZGl0aW9uPiA9IG5ldyBFdmVudEVtaXR0ZXI8SUVkaXRpb24+KCk7XHJcbiAgICBAT3V0cHV0KCkgb25EZWxldGU6IEV2ZW50RW1pdHRlcjxJU3VwcHJlc3Npb24+ID0gbmV3IEV2ZW50RW1pdHRlcjxJU3VwcHJlc3Npb24+KCk7XHJcbiAgICBAT3V0cHV0KCkgb25TZWxlY3Q6IEV2ZW50RW1pdHRlcjxJU3VwcHJlc3Npb24+ID0gbmV3IEV2ZW50RW1pdHRlcjxJU2VsZWN0aW9uPigpO1xyXG4gICAgQE91dHB1dCgpIG9uRmlsdGVyOiBFdmVudEVtaXR0ZXI8SUZpbHRlcj4gPSBuZXcgRXZlbnRFbWl0dGVyPElGaWx0ZXI+KCk7XHJcbiAgICBAT3V0cHV0KCkgb25Tb3J0OiBFdmVudEVtaXR0ZXI8SVNvcnQ+ID0gbmV3IEV2ZW50RW1pdHRlcjxJU29ydD4oKTtcclxuXHJcbiAgICBzZWxlY3RlZFJvdzogSVJvdztcclxuXHJcbiAgICBmaWx0ZXJEYXRlc1JhbmdlOiBEYXRlW107XHJcblxyXG4gICAgQFZpZXdDaGlsZCgndGFibGUnLCB7IHN0YXRpYzogZmFsc2UgfSkgdGFibGU6IFRhYmxlO1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKFxyXG4gICAgICAgIHByaXZhdGUgY29uZmlybWF0aW9uU2VydmljZTogQ29uZmlybWF0aW9uU2VydmljZSxcclxuICAgICAgICBwcml2YXRlIGZpbHRlclNlcnZpY2U6IEZpbHRlclNlcnZpY2UpIHsgfVxyXG5cclxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgICAgIC8vIERhdGVcclxuICAgICAgICB0aGlzLmZpbHRlclNlcnZpY2UucmVnaXN0ZXIoJ2RhdGVSYW5nZUZpbHRlcicsIChjZWxsLCBmaWx0ZXIpID0+IHtcclxuICAgICAgICAgICAgaWYgKGZpbHRlciA9PSBudWxsKSB7XHJcbiAgICAgICAgICAgICAgICByZXR1cm4gdHJ1ZTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBsZXQgc3RhcnQ6IG51bWJlciA9IGZpbHRlclswXS5nZXRUaW1lKCk7XHJcbiAgICAgICAgICAgIGxldCBlbmQ6IG51bWJlcjtcclxuICAgICAgICAgICAgaWYgKGZpbHRlclsxXSkge1xyXG4gICAgICAgICAgICAgICAgZW5kID0gZmlsdGVyWzFdLmdldFRpbWUoKSArIDg2NDAwMDAwO1xyXG4gICAgICAgICAgICB9IGVsc2Uge1xyXG4gICAgICAgICAgICAgICAgZW5kID0gc3RhcnQgKyA4NjQwMDAwMDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICByZXR1cm4gY2VsbC52YWx1ZSA9PSBudWxsID8gZmFsc2UgOiBjZWxsLnZhbHVlLmdldFRpbWUoKSA+PSBzdGFydCAmJiBjZWxsLnZhbHVlLmdldFRpbWUoKSA8PSBlbmQ7XHJcbiAgICAgICAgfSk7XHJcbiAgICAgICAgLy8gVGV4dFxyXG4gICAgICAgIHRoaXMuZmlsdGVyU2VydmljZS5yZWdpc3RlcigndGV4dEZpbHRlcicsIChjZWxsLCBmaWx0ZXIpID0+IHtcclxuICAgICAgICAgICAgaWYgKGZpbHRlciA9PSBudWxsIHx8IGZpbHRlci50cmltKCkgPT0gJycpIHtcclxuICAgICAgICAgICAgICAgIHJldHVybiB0cnVlO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIGlmIChjZWxsLnZhbHVlID09IG51bGwpIHtcclxuICAgICAgICAgICAgICAgIHJldHVybiBmYWxzZTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICByZXR1cm4gY2VsbC52YWx1ZS50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKGZpbHRlci50b0xvd2VyQ2FzZSgpKTtcclxuICAgICAgICB9KTtcclxuICAgICAgICAvLyBOdW1iZXJcclxuICAgICAgICB0aGlzLmZpbHRlclNlcnZpY2UucmVnaXN0ZXIoJ251bWJlckZpbHRlcicsIChjZWxsLCBmaWx0ZXIpID0+IHtcclxuICAgICAgICAgICAgaWYgKGZpbHRlciA9PSBudWxsKSB7XHJcbiAgICAgICAgICAgICAgICByZXR1cm4gdHJ1ZTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBpZiAoY2VsbC52YWx1ZSA9PSBudWxsKSB7XHJcbiAgICAgICAgICAgICAgICByZXR1cm4gZmFsc2U7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgcmV0dXJuIGNlbGwudmFsdWUgPT0gZmlsdGVyO1xyXG4gICAgICAgIH0pO1xyXG4gICAgICAgIC8vIE9iamV0XHJcbiAgICAgICAgdGhpcy5maWx0ZXJTZXJ2aWNlLnJlZ2lzdGVyKCdvYmpldEZpbHRlcicsIChjZWxsLCBmaWx0ZXIpID0+IHtcclxuICAgICAgICAgICAgcmV0dXJuIChmaWx0ZXIuaW5kZXhPZihjZWxsLnZhbHVlKSAhPSAtMSk7XHJcbiAgICAgICAgfSk7XHJcbiAgICAgICAgLy8gTGlzdGVcclxuICAgICAgICB0aGlzLmZpbHRlclNlcnZpY2UucmVnaXN0ZXIoJ2xpc3RlRmlsdGVyJywgKGNlbGwsIGZpbHRlcikgPT4ge1xyXG4gICAgICAgICAgICBsZXQgb2s6IGJvb2xlYW4gPSBmYWxzZTtcclxuICAgICAgICAgICAgZmlsdGVyLmZvckVhY2godmFsID0+IHtcclxuICAgICAgICAgICAgICAgIGlmIChjZWxsLnZhbHVlLmluZGV4T2YodmFsKSAhPSAtMSkge1xyXG4gICAgICAgICAgICAgICAgICAgIG9rID0gdHJ1ZTtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfSk7XHJcbiAgICAgICAgICAgIHJldHVybiBvaztcclxuICAgICAgICB9KTtcclxuXHJcbiAgICAgICAgdGhpcy5jb2x1bW5zLmZvckVhY2goY29sID0+IHtcclxuICAgICAgICAgICAgaWYgKGNvbC5vcHRpb25zID09IG51bGwpIHtcclxuICAgICAgICAgICAgICAgIGNvbC5vcHRpb25zID0geyBkZWZhdWx0RmlsdGVyczogbnVsbCB9O1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcblxyXG4gICAgbmdBZnRlclZpZXdJbml0KCkge1xyXG4gICAgICAgIC8vIEZpbHRyZXMgcGFyIGTDqWZhdXRcclxuICAgICAgICB0aGlzLmNvbHVtbnMuZm9yRWFjaChjb2wgPT4ge1xyXG4gICAgICAgICAgICBpZiAoY29sLm9wdGlvbnMgIT0gbnVsbCAmJiBjb2wub3B0aW9ucy5kZWZhdWx0RmlsdGVycyAhPSBudWxsKSB7XHJcbiAgICAgICAgICAgICAgICB0aGlzLmZpbHRlcihjb2wsIGNvbC5vcHRpb25zLmRlZmF1bHRGaWx0ZXJzLCB0aGlzLmdldEZpbHRlckJ5Q29sKGNvbCkpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcblxyXG4gICAgLy8gU29ydFxyXG4gICAgY3VzdG9tU29ydChldmVudDogU29ydEV2ZW50KSB7XHJcbiAgICAgICAgbGV0IGNvbDogSUNvbHVtbiA9IHRoaXMuY29sdW1ucy5maW5kKGNvbCA9PiBjb2wuaWQgPT0gZXZlbnQuZmllbGQpO1xyXG4gICAgICAgIHRoaXMub25Tb3J0LmVtaXQoeyBjb2x1bW46IGNvbCwgb3JkZXI6IGV2ZW50Lm9yZGVyIH0pXHJcbiAgICAgICAgbGV0IHR5cGVDb2w6IENvbFR5cGUgPSBjb2wudHlwZTtcclxuICAgICAgICBldmVudC5kYXRhLnNvcnQoKGRhdGExLCBkYXRhMikgPT4ge1xyXG4gICAgICAgICAgICBsZXQgdmFsdWUxID0gZGF0YTFbZXZlbnQuZmllbGRdLnZhbHVlO1xyXG4gICAgICAgICAgICBsZXQgdmFsdWUyID0gZGF0YTJbZXZlbnQuZmllbGRdLnZhbHVlO1xyXG5cclxuICAgICAgICAgICAgbGV0IHJlc3VsdCA9IG51bGw7XHJcbiAgICAgICAgICAgIGlmICh2YWx1ZTEgPT0gbnVsbCAmJiB2YWx1ZTIgIT0gbnVsbClcclxuICAgICAgICAgICAgICAgIHJlc3VsdCA9IC0xO1xyXG4gICAgICAgICAgICBlbHNlIGlmICh2YWx1ZTEgIT0gbnVsbCAmJiB2YWx1ZTIgPT0gbnVsbClcclxuICAgICAgICAgICAgICAgIHJlc3VsdCA9IDE7XHJcbiAgICAgICAgICAgIGVsc2UgaWYgKHZhbHVlMSA9PSBudWxsICYmIHZhbHVlMiA9PSBudWxsKVxyXG4gICAgICAgICAgICAgICAgcmVzdWx0ID0gMDtcclxuICAgICAgICAgICAgZWxzZSBpZiAodHlwZUNvbCA9PSBDb2xUeXBlLlRleHQgfHwgdHlwZUNvbCA9PSBDb2xUeXBlLkZpbGUpXHJcbiAgICAgICAgICAgICAgICByZXN1bHQgPSB2YWx1ZTEubG9jYWxlQ29tcGFyZSh2YWx1ZTIpO1xyXG4gICAgICAgICAgICBlbHNlIGlmICh0eXBlQ29sID09IENvbFR5cGUuTXVsdGlTZWxlY3QpIHtcclxuICAgICAgICAgICAgICAgIHJlc3VsdCA9IHRoaXMuZ2V0TXVsdGlTZWxlY3RDb25jYXQodmFsdWUxLCB0aGlzLmdldE9wdGlvbihjb2wsIGRhdGExLCAnb3B0aW9uTGFiZWwnKSkubG9jYWxlQ29tcGFyZSh0aGlzLmdldE11bHRpU2VsZWN0Q29uY2F0KHZhbHVlMiwgdGhpcy5nZXRPcHRpb24oY29sLCBkYXRhMiwgJ29wdGlvbkxhYmVsJykpKTtcclxuICAgICAgICAgICAgfSBlbHNlIGlmICh0eXBlQ29sID09IENvbFR5cGUuRHJvcGRvd24gfHwgdHlwZUNvbCA9PSBDb2xUeXBlLlNlbGVjdEJ1dHRvbiB8fCB0eXBlQ29sID09IENvbFR5cGUuU3RhdGUpIHtcclxuICAgICAgICAgICAgICAgIHJlc3VsdCA9IHZhbHVlMVt0aGlzLmdldE9wdGlvbihjb2wsIGRhdGExLCAnb3B0aW9uTGFiZWwnKV0ubG9jYWxlQ29tcGFyZSh2YWx1ZTJbdGhpcy5nZXRPcHRpb24oY29sLCBkYXRhMiwgJ29wdGlvbkxhYmVsJyldKTtcclxuICAgICAgICAgICAgfSBlbHNlIGlmICh0eXBlQ29sID09IENvbFR5cGUuTnVtYmVyIHx8IHR5cGVDb2wgPT0gQ29sVHlwZS5EYXRlKVxyXG4gICAgICAgICAgICAgICAgcmVzdWx0ID0gKHZhbHVlMSA8IHZhbHVlMikgPyAtMSA6ICh2YWx1ZTEgPiB2YWx1ZTIpID8gMSA6IDA7XHJcbiAgICAgICAgICAgIGVsc2VcclxuICAgICAgICAgICAgICAgIHJlc3VsdCA9PSAwO1xyXG5cclxuICAgICAgICAgICAgcmV0dXJuIChldmVudC5vcmRlciAqIHJlc3VsdCk7XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcblxyXG4gICAgY2hlY2tUeXBlKHR5cGVDb2w6IHN0cmluZywgY29sOiBJQ29sdW1uKSB7XHJcbiAgICAgICAgcmV0dXJuIGNvbFsndHlwZSddID09IHR5cGVDb2w7XHJcbiAgICB9XHJcblxyXG4gICAgY2xpY2tCeUlkKGlkOiBzdHJpbmcpIHtcclxuICAgICAgICBkb2N1bWVudC5nZXRFbGVtZW50QnlJZChpZCkuY2xpY2soKTtcclxuICAgIH1cclxuXHJcbiAgICBvbkVkaXRUZXh0KGV2ZW50KSB7XHJcbiAgICAgICAgbGV0IGNvbDogSUNvbHVtbiA9IHRoaXMuY29sdW1ucy5maW5kKGNvbCA9PiBjb2wuaWQgPT0gZXZlbnQuZmllbGQpO1xyXG4gICAgICAgIHRoaXMub25FZGl0Q2VsbChldmVudC5kYXRhLCBjb2wsIGV2ZW50LmRhdGFbZXZlbnQuZmllbGRdLnZhbHVlKTtcclxuICAgIH1cclxuXHJcbiAgICBvbkVkaXRDZWxsKHJvdzogSVJvdywgY29sdW1uOiBJQ29sdW1uLCB2YWx1ZTogYW55KSB7XHJcbiAgICAgICAgdGhpcy5vbkVkaXQuZW1pdCh7IHJvdzogcm93LCBjb2x1bW46IGNvbHVtbiwgdmFsdWU6IHZhbHVlIH0pO1xyXG4gICAgfVxyXG5cclxuICAgIG9uU2VsZWN0Um93KHJvdzogSVJvdykge1xyXG4gICAgICAgIHRoaXMub25TZWxlY3QuZW1pdCh7IHJvdzogcm93IH0pO1xyXG4gICAgfVxyXG5cclxuICAgIG9uRGVsZXRlTGluZShyb3c6IElSb3cpIHtcclxuICAgICAgICB0aGlzLmNvbmZpcm1hdGlvblNlcnZpY2UuY29uZmlybSh7XHJcbiAgICAgICAgICAgIGtleTogJ2NvbmZpcm0nLFxyXG4gICAgICAgICAgICBtZXNzYWdlOiAnw4p0ZXMtdm91cyBzw7tyIGRlIHZvdWxvaXIgc3VwcHJpbWVyIGNldHRlIGxpZ25lID8nLFxyXG4gICAgICAgICAgICBhY2NlcHQ6ICgpID0+IHtcclxuICAgICAgICAgICAgICAgIHRoaXMudmFsdWVzLnNwbGljZSh0aGlzLnZhbHVlcy5pbmRleE9mKHJvdyksIDEpO1xyXG4gICAgICAgICAgICAgICAgdGhpcy5vbkRlbGV0ZS5lbWl0KHsgcm93OiByb3cgfSk7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9KTtcclxuICAgIH1cclxuXHJcbiAgICBvbkZvY3VzTnVtYmVyKHJvd0RhdGEsIGNvbCkge1xyXG4gICAgICAgIHRoaXMub25FZGl0SW5pdENlbGwoeyBmaWVsZDogY29sLmlkLCBkYXRhOiByb3dEYXRhIH0pO1xyXG4gICAgfVxyXG5cclxuICAgIG9uRWRpdEluaXRDZWxsKGV2ZW50KSB7XHJcbiAgICAgICAgbGV0IGNvbDogSUNvbHVtbiA9IHRoaXMuY29sdW1ucy5maW5kKGNvbCA9PiBjb2wuaWQgPT0gZXZlbnQuZmllbGQpO1xyXG4gICAgICAgIHRoaXMub25FZGl0SW5pdC5lbWl0KHsgcm93OiBldmVudC5kYXRhLCBjb2x1bW46IGNvbCwgdmFsdWU6IGV2ZW50LmRhdGFbZXZlbnQuZmllbGRdLnZhbHVlIH0pO1xyXG4gICAgfVxyXG5cclxuICAgIGlzTW9kZUVkaXRpb24oKSB7XHJcbiAgICAgICAgcmV0dXJuIHRoaXMub3B0aW9ucy5lZGl0YWJsZTtcclxuICAgIH1cclxuXHJcbiAgICBnZXRPcHRpb24oY29sLCByb3csIG9wdGlvbjogc3RyaW5nKSB7XHJcbiAgICAgICAgaWYgKHJvd1tjb2wuaWRdLm9wdGlvbnMgIT0gbnVsbCkge1xyXG4gICAgICAgICAgICBpZiAocm93W2NvbC5pZF0ub3B0aW9uc1tvcHRpb25dICE9IG51bGwpIHtcclxuICAgICAgICAgICAgICAgIHJldHVybiByb3dbY29sLmlkXS5vcHRpb25zW29wdGlvbl07XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICAgICAgaWYgKGNvbC5vcHRpb25zICE9IG51bGwpIHtcclxuICAgICAgICAgICAgaWYgKGNvbC5vcHRpb25zW29wdGlvbl0gIT0gbnVsbCkge1xyXG4gICAgICAgICAgICAgICAgcmV0dXJuIGNvbC5vcHRpb25zW29wdGlvbl1cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgICByZXR1cm4gbnVsbDtcclxuICAgIH1cclxuXHJcbiAgICBnZXRNdWx0aVNlbGVjdENvbmNhdCh2YWx1ZSwgbGFiZWw6IHN0cmluZykge1xyXG4gICAgICAgIGlmICh2YWx1ZSAhPSBudWxsKSB7XHJcbiAgICAgICAgICAgIHJldHVybiB2YWx1ZS5tYXAodmFsID0+IHsgcmV0dXJuIHZhbFtsYWJlbF07IH0pLmpvaW4oJywgJyk7XHJcbiAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgICAgcmV0dXJuICcnO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBnZXRTZWxlY3RMaWJlbGxlQnlWYWx1ZShyb3csIGNvbCkge1xyXG4gICAgICAgIGxldCBsYWJlbDogc3RyaW5nID0gJyc7XHJcbiAgICAgICAgaWYgKHJvd1tjb2wuaWRdLnZhbHVlID09IG51bGwpIHtcclxuICAgICAgICAgICAgcmV0dXJuIGxhYmVsO1xyXG4gICAgICAgIH1cclxuICAgICAgICBpZiAocm93W2NvbC5pZF0ub3B0aW9ucyAhPSBudWxsKSB7XHJcbiAgICAgICAgICAgIGxhYmVsID0gcm93W2NvbC5pZF0ub3B0aW9uc1snb3B0aW9ucyddLmZpbmQob3B0ID0+IG9wdC52YWx1ZSA9PSByb3dbY29sLmlkXS52YWx1ZSlbcm93W2NvbC5pZF0ub3B0aW9ucy5vcHRpb25MYWJlbF07XHJcbiAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgICAgaWYgKGNvbC5vcHRpb25zICE9IG51bGwpIHtcclxuICAgICAgICAgICAgICAgIGxhYmVsID0gY29sLm9wdGlvbnNbJ29wdGlvbnMnXS5maW5kKG9wdCA9PiBvcHQudmFsdWUgPT0gcm93W2NvbC5pZF0udmFsdWUpW2NvbC5vcHRpb25zLm9wdGlvbkxhYmVsXTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgICByZXR1cm4gbGFiZWw7XHJcbiAgICB9XHJcblxyXG4gICAgZ2V0RmlsdGVyQnlDb2woY29sOiBJQ29sdW1uKSB7XHJcbiAgICAgICAgLy8gRGF0ZXMgKHJhbmdlKVxyXG4gICAgICAgIGlmIChjb2wudHlwZSA9PSBDb2xUeXBlLkRhdGUpIHtcclxuICAgICAgICAgICAgcmV0dXJuICdkYXRlUmFuZ2VGaWx0ZXInO1xyXG4gICAgICAgIH1cclxuICAgICAgICAvLyBOdW1iZXJcclxuICAgICAgICBpZiAoY29sLnR5cGUgPT0gQ29sVHlwZS5OdW1iZXIpIHtcclxuICAgICAgICAgICAgcmV0dXJuICdudW1iZXJGaWx0ZXInO1xyXG4gICAgICAgIH1cclxuICAgICAgICAvLyBPYmpldFxyXG4gICAgICAgIGlmIChjb2wudHlwZSA9PSBDb2xUeXBlLkRyb3Bkb3duIHx8IGNvbC50eXBlID09IENvbFR5cGUuU3RhdGUgfHwgY29sLnR5cGUgPT0gQ29sVHlwZS5TZWxlY3RCdXR0b24pIHtcclxuICAgICAgICAgICAgcmV0dXJuICdvYmpldEZpbHRlcic7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIC8vIExpc3RlXHJcbiAgICAgICAgaWYgKGNvbC50eXBlID09IENvbFR5cGUuTXVsdGlTZWxlY3QpIHtcclxuICAgICAgICAgICAgcmV0dXJuICdsaXN0ZUZpbHRlcic7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIC8vIFRleHRlXHJcbiAgICAgICAgaWYgKGNvbC50eXBlID09IENvbFR5cGUuRmlsZSB8fCBjb2wudHlwZSA9PSBDb2xUeXBlLlRleHQpIHtcclxuICAgICAgICAgICAgcmV0dXJuICd0ZXh0RmlsdGVyJztcclxuICAgICAgICB9XHJcbiAgICAgICAgcmV0dXJuIG51bGw7XHJcbiAgICB9XHJcblxyXG4gICAgb25GaWx0ZXJDb2woZXZlbnQsIGNvbDogSUNvbHVtbikge1xyXG4gICAgICAgIC8vIERhdGVzIChyYW5nZSlcclxuICAgICAgICBpZiAoY29sLnR5cGUgPT0gQ29sVHlwZS5EYXRlKSB7XHJcbiAgICAgICAgICAgIHRoaXMuZmlsdGVyKGNvbCwgY29sLm9wdGlvbnMuZGVmYXVsdEZpbHRlcnMsICdkYXRlUmFuZ2VGaWx0ZXInKTtcclxuICAgICAgICB9XHJcbiAgICAgICAgLy8gTnVtYmVyXHJcbiAgICAgICAgaWYgKGNvbC50eXBlID09IENvbFR5cGUuTnVtYmVyKSB7XHJcbiAgICAgICAgICAgIHRoaXMuZmlsdGVyKGNvbCwgZXZlbnQudmFsdWUsICdudW1iZXJGaWx0ZXInKTtcclxuICAgICAgICB9XHJcbiAgICAgICAgLy8gT2JqZXRcclxuICAgICAgICBpZiAoY29sLnR5cGUgPT0gQ29sVHlwZS5Ecm9wZG93biB8fCBjb2wudHlwZSA9PSBDb2xUeXBlLlN0YXRlIHx8IGNvbC50eXBlID09IENvbFR5cGUuU2VsZWN0QnV0dG9uKSB7XHJcbiAgICAgICAgICAgIHRoaXMuZmlsdGVyKGNvbCwgZXZlbnQudmFsdWUsICdvYmpldEZpbHRlcicpO1xyXG4gICAgICAgIH1cclxuICAgICAgICAvLyBMaXN0ZVxyXG4gICAgICAgIGlmIChjb2wudHlwZSA9PSBDb2xUeXBlLk11bHRpU2VsZWN0KSB7XHJcbiAgICAgICAgICAgIHRoaXMuZmlsdGVyKGNvbCwgZXZlbnQudmFsdWUsICdsaXN0ZUZpbHRlcicpO1xyXG4gICAgICAgIH1cclxuICAgICAgICAvLyBUZXh0ZVxyXG4gICAgICAgIGlmIChjb2wudHlwZSA9PSBDb2xUeXBlLkZpbGUgfHwgY29sLnR5cGUgPT0gQ29sVHlwZS5UZXh0KSB7XHJcbiAgICAgICAgICAgIHRoaXMuZmlsdGVyKGNvbCwgZXZlbnQudGFyZ2V0LnZhbHVlLCAndGV4dEZpbHRlcicpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBmaWx0ZXIoY29sOiBJQ29sdW1uLCB2YWw6IGFueSwgZmlsdGVyOiBzdHJpbmcpIHtcclxuICAgICAgICB0aGlzLnRhYmxlLmZpbHRlcih2YWwsIGNvbC5pZCwgZmlsdGVyKTtcclxuICAgICAgICB0aGlzLm9uRmlsdGVyLmVtaXQoeyBjb2x1bW46IGNvbCwgdmFsdWU6IHZhbCB9KTtcclxuICAgIH1cclxufVxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IkM6L1VzZXJzL3RvbnlfL0Rlc2t0b3AvQ2lsb2cvY2lsb2ctbGliLWFwcC9wcm9qZWN0cy9jaWxvZy1saWIvc3JjLyIsInNvdXJjZXMiOlsibGliL3ZpZXdzL3RhYmxlL3RhYmxlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsYUFBYSxFQUE4QixNQUFNLGFBQWEsQ0FBQztBQUk3RixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFPMUQsTUFBTSxPQUFPLG1CQUFtQjtJQW1CNUIsWUFDWSxtQkFBd0MsRUFDeEMsYUFBNEIsRUFDNUIsS0FBd0I7UUFGeEIsd0JBQW1CLEdBQW5CLG1CQUFtQixDQUFxQjtRQUN4QyxrQkFBYSxHQUFiLGFBQWEsQ0FBZTtRQUM1QixVQUFLLEdBQUwsS0FBSyxDQUFtQjtRQWhCMUIsV0FBTSxHQUEyQixJQUFJLFlBQVksRUFBWSxDQUFDO1FBQzlELGVBQVUsR0FBMkIsSUFBSSxZQUFZLEVBQVksQ0FBQztRQUNsRSxhQUFRLEdBQStCLElBQUksWUFBWSxFQUFnQixDQUFDO1FBQ3hFLGFBQVEsR0FBK0IsSUFBSSxZQUFZLEVBQWMsQ0FBQztRQUN0RSxhQUFRLEdBQTBCLElBQUksWUFBWSxFQUFXLENBQUM7UUFDOUQsV0FBTSxHQUF3QixJQUFJLFlBQVksRUFBUyxDQUFDO0lBWTlELENBQUM7SUFFTCxRQUFRO1FBQ0osT0FBTztRQUNQLElBQUksQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLGlCQUFpQixFQUFFLENBQUMsSUFBSSxFQUFFLE1BQU0sRUFBRSxFQUFFO1lBQzVELElBQUksTUFBTSxJQUFJLElBQUksRUFBRTtn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TCxDQUFDO0lBRUQsTUFBTSxDQUFDLEdBQVksRUFBRSxHQUFRLEVBQUUsTUFBYztRQUN6QyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxHQUFHLEVBQUUsR0FBRyxDQUFDLEVBQUUsRUFBRSxNQUFNLENBQUMsQ0FBQztRQUN2QyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUM7SUFDcEQsQ0FBQzs7O1lBL1BKLFNBQVMsU0FBQztnQkFDUCxRQUFRLEVBQUUsYUFBYTtnQkFDdkIsdTJ1QkFBcUM7O2FBRXhDOzs7WUFWUSxtQkFBbUI7WUFBRSxhQUFhO1lBRHlCLGlCQUFpQjs7O3NCQWNoRixLQUFLO3FCQUNMLEtBQUs7c0JBQ0wsS0FBSztxQkFFTCxNQUFNO3lCQUNOLE1BQU07dUJBQ04sTUFBTTt1QkFDTixNQUFNO3VCQUNOLE1BQU07cUJBQ04sTUFBTTtvQkFNTixTQUFTLFNBQUMsT0FBTyxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIFZpZXdDaGlsZCwgQ2hhbmdlRGV0ZWN0b3JSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29uZmlybWF0aW9uU2VydmljZSwgRmlsdGVyU2VydmljZSwgRmlsdGVyTWF0Y2hNb2RlLCBTb3J0RXZlbnQgfSBmcm9tICdwcmltZW5nL2FwaSc7XHJcbmltcG9ydCB7IElFZGl0aW9uLCBJU3VwcHJlc3Npb24sIElTZWxlY3Rpb24sIElGaWx0ZXIsIElTb3J0IH0gZnJvbSAnLi4vLi4vaGVscGVycy9pbnRlcmZhY2VzL2VkaXRpb24uaW50ZXJmYWNlJztcclxuaW1wb3J0IHsgSUNvbHVtbiwgSVJvdywgSU9wdGlvbnMsIElPcHRpb25zR3JpbGxlIH0gZnJvbSAnLi4vLi4vaGVscGVycy9pbnRlcmZhY2VzL2dyaWxsZS5pbnRlcmZhY2UnO1xyXG5pbXBvcnQgeyBUYWJsZSB9IGZyb20gJ3ByaW1lbmcvdGFibGUnO1xyXG5pbXBvcnQgeyBDb2xUeXBlIH0gZnJvbSAnLi4vLi4vaGVscGVycy9lbnVtcy9ncmlsbGUuZW51bSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnY2lsb2ctdGFibGUnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL3RhYmxlLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL3RhYmxlLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIENpbG9nVGFibGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICAgIEBJbnB1dCgpIGNvbHVtbnM6IElDb2x1bW5bXTtcclxuICAgIEBJbnB1dCgpIHZhbHVlczogSVJvd1tdO1xyXG4gICAgQElucHV0KCkgb3B0aW9uczogSU9wdGlvbnNHcmlsbGU7XHJcblxyXG4gICAgQE91dHB1dCgpIG9uRWRpdDogRXZlbnRFbWl0dGVyPElFZGl0aW9uPiA9IG5ldyBFdmVudEVtaXR0ZXI8SUVkaXRpb24+KCk7XHJcbiAgICBAT3V0cHV0KCkgb25FZGl0SW5pdDogRXZlbnRFbWl0dGVyPElFZGl0aW9uPiA9IG5ldyBFdmVudEVtaXR0ZXI8SUVkaXRpb24+KCk7XHJcbiAgICBAT3V0cHV0KCkgb25EZWxldGU6IEV2ZW50RW1pdHRlcjxJU3VwcHJlc3Npb24+ID0gbmV3IEV2ZW50RW1pdHRlcjxJU3VwcHJlc3Npb24+KCk7XHJcbiAgICBAT3V0cHV0KCkgb25TZWxlY3Q6IEV2ZW50RW1pdHRlcjxJU3VwcHJlc3Npb24+ID0gbmV3IEV2ZW50RW1pdHRlcjxJU2VsZWN0aW9uPigpO1xyXG4gICAgQE91dHB1dCgpIG9uRmlsdGVyOiBFdmVudEVtaXR0ZXI8SUZpbHRlcj4gPSBuZXcgRXZlbnRFbWl0dGVyPElGaWx0ZXI+KCk7XHJcbiAgICBAT3V0cHV0KCkgb25Tb3J0OiBFdmVudEVtaXR0ZXI8SVNvcnQ+ID0gbmV3IEV2ZW50RW1pdHRlcjxJU29ydD4oKTtcclxuXHJcbiAgICBzZWxlY3RlZFJvdzogSVJvdztcclxuXHJcbiAgICBmaWx0ZXJEYXRlc1JhbmdlOiBEYXRlW107XHJcblxyXG4gICAgQFZpZXdDaGlsZCgndGFibGUnLCB7IHN0YXRpYzogdHJ1ZSB9KSB0YWJsZTogVGFibGU7XHJcblxyXG4gICAgY29uc3RydWN0b3IoXHJcbiAgICAgICAgcHJpdmF0ZSBjb25maXJtYXRpb25TZXJ2aWNlOiBDb25maXJtYXRpb25TZXJ2aWNlLFxyXG4gICAgICAgIHByaXZhdGUgZmlsdGVyU2VydmljZTogRmlsdGVyU2VydmljZSxcclxuICAgICAgICBwcml2YXRlIGNkUmVmOiBDaGFuZ2VEZXRlY3RvclJlZlxyXG4gICAgKSB7IH1cclxuXHJcbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgICAgICAvLyBEYXRlXHJcbiAgICAgICAgdGhpcy5maWx0ZXJTZXJ2aWNlLnJlZ2lzdGVyKCdkYXRlUmFuZ2VGaWx0ZXInLCAoY2VsbCwgZmlsdGVyKSA9PiB7XHJcbiAgICAgICAgICAgIGlmIChmaWx0ZXIgPT0gbnVsbCkge1xyXG4gICAgICAgICAgICAgICAgcmV0dXJuIHRydWU7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgbGV0IHN0YXJ0OiBudW1iZXIgPSBmaWx0ZXJbMF0uZ2V0VGltZSgpO1xyXG4gICAgICAgICAgICBsZXQgZW5kOiBudW1iZXI7XHJcbiAgICAgICAgICAgIGlmIChmaWx0ZXJbMV0pIHtcclxuICAgICAgICAgICAgICAgIGVuZCA9IGZpbHRlclsxXS5nZXRUaW1lKCkgKyA4NjQwMDAwMDtcclxuICAgICAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgICAgICAgIGVuZCA9IHN0YXJ0ICsgODY0MDAwMDA7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgcmV0dXJuIGNlbGwudmFsdWUgPT0gbnVsbCA/IGZhbHNlIDogY2VsbC52YWx1ZS5nZXRUaW1lKCkgPj0gc3RhcnQgJiYgY2VsbC52YWx1ZS5nZXRUaW1lKCkgPD0gZW5kO1xyXG4gICAgICAgIH0pO1xyXG4gICAgICAgIC8vIFRleHRcclxuICAgICAgICB0aGlzLmZpbHRlclNlcnZpY2UucmVnaXN0ZXIoJ3RleHRGaWx0ZXInLCAoY2VsbCwgZmlsdGVyKSA9PiB7XHJcbiAgICAgICAgICAgIGlmIChmaWx0ZXIgPT0gbnVsbCB8fCBmaWx0ZXIudHJpbSgpID09ICcnKSB7XHJcbiAgICAgICAgICAgICAgICByZXR1cm4gdHJ1ZTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBpZiAoY2VsbC52YWx1ZSA9PSBudWxsKSB7XHJcbiAgICAgICAgICAgICAgICByZXR1cm4gZmFsc2U7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgcmV0dXJuIGNlbGwudmFsdWUudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhmaWx0ZXIudG9Mb3dlckNhc2UoKSk7XHJcbiAgICAgICAgfSk7XHJcbiAgICAgICAgLy8gTnVtYmVyXHJcbiAgICAgICAgdGhpcy5maWx0ZXJTZXJ2aWNlLnJlZ2lzdGVyKCdudW1iZXJGaWx0ZXInLCAoY2VsbCwgZmlsdGVyKSA9PiB7XHJcbiAgICAgICAgICAgIGlmIChmaWx0ZXIgPT0gbnVsbCkge1xyXG4gICAgICAgICAgICAgICAgcmV0dXJuIHRydWU7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgaWYgKGNlbGwudmFsdWUgPT0gbnVsbCkge1xyXG4gICAgICAgICAgICAgICAgcmV0dXJuIGZhbHNlO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIHJldHVybiBjZWxsLnZhbHVlID09IGZpbHRlcjtcclxuICAgICAgICB9KTtcclxuICAgICAgICAvLyBPYmpldFxyXG4gICAgICAgIHRoaXMuZmlsdGVyU2VydmljZS5yZWdpc3Rlcignb2JqZXRGaWx0ZXInLCAoY2VsbCwgZmlsdGVyKSA9PiB7XHJcbiAgICAgICAgICAgIHJldHVybiAoZmlsdGVyLmluZGV4T2YoY2VsbC52YWx1ZSkgIT0gLTEpO1xyXG4gICAgICAgIH0pO1xyXG4gICAgICAgIC8vIExpc3RlXHJcbiAgICAgICAgdGhpcy5maWx0ZXJTZXJ2aWNlLnJlZ2lzdGVyKCdsaXN0ZUZpbHRlcicsIChjZWxsLCBmaWx0ZXIpID0+IHtcclxuICAgICAgICAgICAgbGV0IG9rOiBib29sZWFuID0gZmFsc2U7XHJcbiAgICAgICAgICAgIGZpbHRlci5mb3JFYWNoKHZhbCA9PiB7XHJcbiAgICAgICAgICAgICAgICBpZiAoY2VsbC52YWx1ZS5pbmRleE9mKHZhbCkgIT0gLTEpIHtcclxuICAgICAgICAgICAgICAgICAgICBvayA9IHRydWU7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH0pO1xyXG4gICAgICAgICAgICByZXR1cm4gb2s7XHJcbiAgICAgICAgfSk7XHJcblxyXG4gICAgICAgIHRoaXMuY29sdW1ucy5mb3JFYWNoKGNvbCA9PiB7XHJcbiAgICAgICAgICAgIGlmIChjb2wub3B0aW9ucyA9PSBudWxsKSB7XHJcbiAgICAgICAgICAgICAgICBjb2wub3B0aW9ucyA9IHsgZGVmYXVsdEZpbHRlcnM6IG51bGwgfTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB0aGlzLmZpbHRlcihjb2wsIGNvbC5vcHRpb25zLmRlZmF1bHRGaWx0ZXJzLCB0aGlzLmdldEZpbHRlckJ5Q29sKGNvbCkpO1xyXG4gICAgICAgIH0pO1xyXG4gICAgfVxyXG5cclxuICAgIG5nQWZ0ZXJWaWV3Q2hlY2tlZCgpIHtcclxuICAgICAgICB0aGlzLmNkUmVmLmRldGVjdENoYW5nZXMoKTtcclxuICAgIH1cclxuXHJcbiAgICAvLyBTb3J0XHJcbiAgICBjdXN0b21Tb3J0KGV2ZW50OiBTb3J0RXZlbnQpIHtcclxuICAgICAgICBsZXQgY29sOiBJQ29sdW1uID0gdGhpcy5jb2x1bW5zLmZpbmQoY29sID0+IGNvbC5pZCA9PSBldmVudC5maWVsZCk7XHJcbiAgICAgICAgdGhpcy5vblNvcnQuZW1pdCh7IGNvbHVtbjogY29sLCBvcmRlcjogZXZlbnQub3JkZXIgfSlcclxuICAgICAgICBsZXQgdHlwZUNvbDogQ29sVHlwZSA9IGNvbC50eXBlO1xyXG4gICAgICAgIGV2ZW50LmRhdGEuc29ydCgoZGF0YTEsIGRhdGEyKSA9PiB7XHJcbiAgICAgICAgICAgIGxldCB2YWx1ZTEgPSBkYXRhMVtldmVudC5maWVsZF0udmFsdWU7XHJcbiAgICAgICAgICAgIGxldCB2YWx1ZTIgPSBkYXRhMltldmVudC5maWVsZF0udmFsdWU7XHJcblxyXG4gICAgICAgICAgICBsZXQgcmVzdWx0ID0gbnVsbDtcclxuICAgICAgICAgICAgaWYgKHZhbHVlMSA9PSBudWxsICYmIHZhbHVlMiAhPSBudWxsKVxyXG4gICAgICAgICAgICAgICAgcmVzdWx0ID0gLTE7XHJcbiAgICAgICAgICAgIGVsc2UgaWYgKHZhbHVlMSAhPSBudWxsICYmIHZhbHVlMiA9PSBudWxsKVxyXG4gICAgICAgICAgICAgICAgcmVzdWx0ID0gMTtcclxuICAgICAgICAgICAgZWxzZSBpZiAodmFsdWUxID09IG51bGwgJiYgdmFsdWUyID09IG51bGwpXHJcbiAgICAgICAgICAgICAgICByZXN1bHQgPSAwO1xyXG4gICAgICAgICAgICBlbHNlIGlmICh0eXBlQ29sID09IENvbFR5cGUuVGV4dCB8fCB0eXBlQ29sID09IENvbFR5cGUuRmlsZSlcclxuICAgICAgICAgICAgICAgIHJlc3VsdCA9IHZhbHVlMS5sb2NhbGVDb21wYXJlKHZhbHVlMik7XHJcbiAgICAgICAgICAgIGVsc2UgaWYgKHR5cGVDb2wgPT0gQ29sVHlwZS5NdWx0aVNlbGVjdCkge1xyXG4gICAgICAgICAgICAgICAgcmVzdWx0ID0gdGhpcy5nZXRNdWx0aVNlbGVjdENvbmNhdCh2YWx1ZTEsIHRoaXMuZ2V0T3B0aW9uKGNvbCwgZGF0YTEsICdvcHRpb25MYWJlbCcpKS5sb2NhbGVDb21wYXJlKHRoaXMuZ2V0TXVsdGlTZWxlY3RDb25jYXQodmFsdWUyLCB0aGlzLmdldE9wdGlvbihjb2wsIGRhdGEyLCAnb3B0aW9uTGFiZWwnKSkpO1xyXG4gICAgICAgICAgICB9IGVsc2UgaWYgKHR5cGVDb2wgPT0gQ29sVHlwZS5Ecm9wZG93biB8fCB0eXBlQ29sID09IENvbFR5cGUuU2VsZWN0QnV0dG9uIHx8IHR5cGVDb2wgPT0gQ29sVHlwZS5TdGF0ZSkge1xyXG4gICAgICAgICAgICAgICAgcmVzdWx0ID0gdmFsdWUxW3RoaXMuZ2V0T3B0aW9uKGNvbCwgZGF0YTEsICdvcHRpb25MYWJlbCcpXS5sb2NhbGVDb21wYXJlKHZhbHVlMlt0aGlzLmdldE9wdGlvbihjb2wsIGRhdGEyLCAnb3B0aW9uTGFiZWwnKV0pO1xyXG4gICAgICAgICAgICB9IGVsc2UgaWYgKHR5cGVDb2wgPT0gQ29sVHlwZS5OdW1iZXIgfHwgdHlwZUNvbCA9PSBDb2xUeXBlLkRhdGUpXHJcbiAgICAgICAgICAgICAgICByZXN1bHQgPSAodmFsdWUxIDwgdmFsdWUyKSA/IC0xIDogKHZhbHVlMSA+IHZhbHVlMikgPyAxIDogMDtcclxuICAgICAgICAgICAgZWxzZVxyXG4gICAgICAgICAgICAgICAgcmVzdWx0ID09IDA7XHJcblxyXG4gICAgICAgICAgICByZXR1cm4gKGV2ZW50Lm9yZGVyICogcmVzdWx0KTtcclxuICAgICAgICB9KTtcclxuICAgIH1cclxuXHJcbiAgICBjaGVja1R5cGUodHlwZUNvbDogc3RyaW5nLCBjb2w6IElDb2x1bW4pIHtcclxuICAgICAgICByZXR1cm4gY29sWyd0eXBlJ10gPT0gdHlwZUNvbDtcclxuICAgIH1cclxuXHJcbiAgICBjbGlja0J5SWQoaWQ6IHN0cmluZykge1xyXG4gICAgICAgIGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKGlkKS5jbGljaygpO1xyXG4gICAgfVxyXG5cclxuICAgIG9uRWRpdFRleHQoZXZlbnQpIHtcclxuICAgICAgICBsZXQgY29sOiBJQ29sdW1uID0gdGhpcy5jb2x1bW5zLmZpbmQoY29sID0+IGNvbC5pZCA9PSBldmVudC5maWVsZCk7XHJcbiAgICAgICAgdGhpcy5vbkVkaXRDZWxsKGV2ZW50LmRhdGEsIGNvbCwgZXZlbnQuZGF0YVtldmVudC5maWVsZF0udmFsdWUpO1xyXG4gICAgfVxyXG5cclxuICAgIG9uRWRpdENlbGwocm93OiBJUm93LCBjb2x1bW46IElDb2x1bW4sIHZhbHVlOiBhbnkpIHtcclxuICAgICAgICB0aGlzLm9uRWRpdC5lbWl0KHsgcm93OiByb3csIGNvbHVtbjogY29sdW1uLCB2YWx1ZTogdmFsdWUgfSk7XHJcbiAgICB9XHJcblxyXG4gICAgb25TZWxlY3RSb3cocm93OiBJUm93KSB7XHJcbiAgICAgICAgdGhpcy5vblNlbGVjdC5lbWl0KHsgcm93OiByb3cgfSk7XHJcbiAgICB9XHJcblxyXG4gICAgb25EZWxldGVMaW5lKHJvdzogSVJvdykge1xyXG4gICAgICAgIHRoaXMuY29uZmlybWF0aW9uU2VydmljZS5jb25maXJtKHtcclxuICAgICAgICAgICAga2V5OiAnY29uZmlybScsXHJcbiAgICAgICAgICAgIG1lc3NhZ2U6ICfDinRlcy12b3VzIHPDu3IgZGUgdm91bG9pciBzdXBwcmltZXIgY2V0dGUgbGlnbmUgPycsXHJcbiAgICAgICAgICAgIGFjY2VwdDogKCkgPT4ge1xyXG4gICAgICAgICAgICAgICAgdGhpcy52YWx1ZXMuc3BsaWNlKHRoaXMudmFsdWVzLmluZGV4T2Yocm93KSwgMSk7XHJcbiAgICAgICAgICAgICAgICB0aGlzLm9uRGVsZXRlLmVtaXQoeyByb3c6IHJvdyB9KTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH0pO1xyXG4gICAgfVxyXG5cclxuICAgIG9uRm9jdXNOdW1iZXIocm93RGF0YSwgY29sKSB7XHJcbiAgICAgICAgdGhpcy5vbkVkaXRJbml0Q2VsbCh7IGZpZWxkOiBjb2wuaWQsIGRhdGE6IHJvd0RhdGEgfSk7XHJcbiAgICB9XHJcblxyXG4gICAgb25FZGl0SW5pdENlbGwoZXZlbnQpIHtcclxuICAgICAgICBsZXQgY29sOiBJQ29sdW1uID0gdGhpcy5jb2x1bW5zLmZpbmQoY29sID0+IGNvbC5pZCA9PSBldmVudC5maWVsZCk7XHJcbiAgICAgICAgdGhpcy5vbkVkaXRJbml0LmVtaXQoeyByb3c6IGV2ZW50LmRhdGEsIGNvbHVtbjogY29sLCB2YWx1ZTogZXZlbnQuZGF0YVtldmVudC5maWVsZF0udmFsdWUgfSk7XHJcbiAgICB9XHJcblxyXG4gICAgaXNNb2RlRWRpdGlvbigpIHtcclxuICAgICAgICByZXR1cm4gdGhpcy5vcHRpb25zLmVkaXRhYmxlO1xyXG4gICAgfVxyXG5cclxuICAgIGdldE9wdGlvbihjb2wsIHJvdywgb3B0aW9uOiBzdHJpbmcpIHtcclxuICAgICAgICBpZiAocm93W2NvbC5pZF0ub3B0aW9ucyAhPSBudWxsKSB7XHJcbiAgICAgICAgICAgIGlmIChyb3dbY29sLmlkXS5vcHRpb25zW29wdGlvbl0gIT0gbnVsbCkge1xyXG4gICAgICAgICAgICAgICAgcmV0dXJuIHJvd1tjb2wuaWRdLm9wdGlvbnNbb3B0aW9uXTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgICBpZiAoY29sLm9wdGlvbnMgIT0gbnVsbCkge1xyXG4gICAgICAgICAgICBpZiAoY29sLm9wdGlvbnNbb3B0aW9uXSAhPSBudWxsKSB7XHJcbiAgICAgICAgICAgICAgICByZXR1cm4gY29sLm9wdGlvbnNbb3B0aW9uXVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICAgIHJldHVybiBudWxsO1xyXG4gICAgfVxyXG5cclxuICAgIGdldE11bHRpU2VsZWN0Q29uY2F0KHZhbHVlLCBsYWJlbDogc3RyaW5nKSB7XHJcbiAgICAgICAgaWYgKHZhbHVlICE9IG51bGwpIHtcclxuICAgICAgICAgICAgcmV0dXJuIHZhbHVlLm1hcCh2YWwgPT4geyByZXR1cm4gdmFsW2xhYmVsXTsgfSkuam9pbignLCAnKTtcclxuICAgICAgICB9IGVsc2Uge1xyXG4gICAgICAgICAgICByZXR1cm4gJyc7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIGdldFNlbGVjdExpYmVsbGVCeVZhbHVlKHJvdywgY29sKSB7XHJcbiAgICAgICAgbGV0IGxhYmVsOiBzdHJpbmcgPSAnJztcclxuICAgICAgICBpZiAocm93W2NvbC5pZF0udmFsdWUgPT0gbnVsbCkge1xyXG4gICAgICAgICAgICByZXR1cm4gbGFiZWw7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGlmIChyb3dbY29sLmlkXS5vcHRpb25zICE9IG51bGwpIHtcclxuICAgICAgICAgICAgbGFiZWwgPSByb3dbY29sLmlkXS5vcHRpb25zWydvcHRpb25zJ10uZmluZChvcHQgPT4gb3B0LnZhbHVlID09IHJvd1tjb2wuaWRdLnZhbHVlKVtyb3dbY29sLmlkXS5vcHRpb25zLm9wdGlvbkxhYmVsXTtcclxuICAgICAgICB9IGVsc2Uge1xyXG4gICAgICAgICAgICBpZiAoY29sLm9wdGlvbnMgIT0gbnVsbCkge1xyXG4gICAgICAgICAgICAgICAgbGFiZWwgPSBjb2wub3B0aW9uc1snb3B0aW9ucyddLmZpbmQob3B0ID0+IG9wdC52YWx1ZSA9PSByb3dbY29sLmlkXS52YWx1ZSlbY29sLm9wdGlvbnMub3B0aW9uTGFiZWxdO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICAgIHJldHVybiBsYWJlbDtcclxuICAgIH1cclxuXHJcbiAgICBnZXRGaWx0ZXJCeUNvbChjb2w6IElDb2x1bW4pIHtcclxuICAgICAgICAvLyBEYXRlcyAocmFuZ2UpXHJcbiAgICAgICAgaWYgKGNvbC50eXBlID09IENvbFR5cGUuRGF0ZSkge1xyXG4gICAgICAgICAgICByZXR1cm4gJ2RhdGVSYW5nZUZpbHRlcic7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIC8vIE51bWJlclxyXG4gICAgICAgIGlmIChjb2wudHlwZSA9PSBDb2xUeXBlLk51bWJlcikge1xyXG4gICAgICAgICAgICByZXR1cm4gJ251bWJlckZpbHRlcic7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIC8vIE9iamV0XHJcbiAgICAgICAgaWYgKGNvbC50eXBlID09IENvbFR5cGUuRHJvcGRvd24gfHwgY29sLnR5cGUgPT0gQ29sVHlwZS5TdGF0ZSB8fCBjb2wudHlwZSA9PSBDb2xUeXBlLlNlbGVjdEJ1dHRvbikge1xyXG4gICAgICAgICAgICByZXR1cm4gJ29iamV0RmlsdGVyJztcclxuICAgICAgICB9XHJcbiAgICAgICAgLy8gTGlzdGVcclxuICAgICAgICBpZiAoY29sLnR5cGUgPT0gQ29sVHlwZS5NdWx0aVNlbGVjdCkge1xyXG4gICAgICAgICAgICByZXR1cm4gJ2xpc3RlRmlsdGVyJztcclxuICAgICAgICB9XHJcbiAgICAgICAgLy8gVGV4dGVcclxuICAgICAgICBpZiAoY29sLnR5cGUgPT0gQ29sVHlwZS5GaWxlIHx8IGNvbC50eXBlID09IENvbFR5cGUuVGV4dCkge1xyXG4gICAgICAgICAgICByZXR1cm4gJ3RleHRGaWx0ZXInO1xyXG4gICAgICAgIH1cclxuICAgICAgICByZXR1cm4gbnVsbDtcclxuICAgIH1cclxuXHJcbiAgICBvbkZpbHRlckNvbChldmVudCwgY29sOiBJQ29sdW1uKSB7XHJcbiAgICAgICAgLy8gRGF0ZXMgKHJhbmdlKVxyXG4gICAgICAgIGlmIChjb2wudHlwZSA9PSBDb2xUeXBlLkRhdGUpIHtcclxuICAgICAgICAgICAgdGhpcy5maWx0ZXIoY29sLCBjb2wub3B0aW9ucy5kZWZhdWx0RmlsdGVycywgJ2RhdGVSYW5nZUZpbHRlcicpO1xyXG4gICAgICAgIH1cclxuICAgICAgICAvLyBOdW1iZXJcclxuICAgICAgICBpZiAoY29sLnR5cGUgPT0gQ29sVHlwZS5OdW1iZXIpIHtcclxuICAgICAgICAgICAgdGhpcy5maWx0ZXIoY29sLCBldmVudC52YWx1ZSwgJ251bWJlckZpbHRlcicpO1xyXG4gICAgICAgIH1cclxuICAgICAgICAvLyBPYmpldFxyXG4gICAgICAgIGlmIChjb2wudHlwZSA9PSBDb2xUeXBlLkRyb3Bkb3duIHx8IGNvbC50eXBlID09IENvbFR5cGUuU3RhdGUgfHwgY29sLnR5cGUgPT0gQ29sVHlwZS5TZWxlY3RCdXR0b24pIHtcclxuICAgICAgICAgICAgdGhpcy5maWx0ZXIoY29sLCBldmVudC52YWx1ZSwgJ29iamV0RmlsdGVyJyk7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIC8vIExpc3RlXHJcbiAgICAgICAgaWYgKGNvbC50eXBlID09IENvbFR5cGUuTXVsdGlTZWxlY3QpIHtcclxuICAgICAgICAgICAgdGhpcy5maWx0ZXIoY29sLCBldmVudC52YWx1ZSwgJ2xpc3RlRmlsdGVyJyk7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIC8vIFRleHRlXHJcbiAgICAgICAgaWYgKGNvbC50eXBlID09IENvbFR5cGUuRmlsZSB8fCBjb2wudHlwZSA9PSBDb2xUeXBlLlRleHQpIHtcclxuICAgICAgICAgICAgdGhpcy5maWx0ZXIoY29sLCBldmVudC50YXJnZXQudmFsdWUsICd0ZXh0RmlsdGVyJyk7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIGZpbHRlcihjb2w6IElDb2x1bW4sIHZhbDogYW55LCBmaWx0ZXI6IHN0cmluZykge1xyXG4gICAgICAgIHRoaXMudGFibGUuZmlsdGVyKHZhbCwgY29sLmlkLCBmaWx0ZXIpO1xyXG4gICAgICAgIHRoaXMub25GaWx0ZXIuZW1pdCh7IGNvbHVtbjogY29sLCB2YWx1ZTogdmFsIH0pO1xyXG4gICAgfVxyXG59XHJcbiJdfQ==

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';
@@ -182,9 +182,10 @@ 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();
@@ -246,15 +247,11 @@ class CilogTableComponent {
             if (col.options == null) {
                 col.options = { defaultFilters: null };
             }
+            this.filter(col, col.options.defaultFilters, this.getFilterByCol(col));
         });
     }
-    ngAfterViewInit() {
-        // Filtres par défaut
-        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) {
@@ -411,13 +408,14 @@ class CilogTableComponent {
 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         [scrollable]=\"options.scrollable\"\r\n         [scrollHeight]=\"options.scrollHeight\">\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)=\"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 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                    [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                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: ["::ng-deep .p-tooltip .p-tooltip-text{overflow-wrap:break-word!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;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 }],
@@ -429,7 +427,7 @@ CilogTableComponent.propDecorators = {
     onSelect: [{ type: Output }],
     onFilter: [{ type: Output }],
     onSort: [{ type: Output }],
-    table: [{ type: ViewChild, args: ['table', { static: false },] }]
+    table: [{ type: ViewChild, args: ['table', { static: true },] }]
 };
 
 class CilogTableService {
@@ -454,7 +452,7 @@ CilogLibModule.decorators = [
                     BrowserModule,
                     BrowserAnimationsModule,
                     FormsModule,
-                    ReactiveFormsModule,
+                    ReactiveFormsModule
                 ],
                 declarations: [
                     CilogLibComponent,