cilog-lib 0.2.8 → 0.2.9

package/bundles/cilog-lib.umd.js

@@ -736,7 +736,7 @@
         { type: i0.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         (onRowUnselect)=\"onUnselectRow($event)\"\r\n         (sortFunction)=\"customSort($event)\"\r\n         [customSort]=\"options.grouping == null ? true : false\"\r\n         [scrollable]=\"true\"\r\n         [scrollHeight]=\"options.scrollHeight != null ? options.scrollHeight : null\"\r\n         [rowGroupMode]=\"options.grouping != null ? 'subheader' : null\"\r\n         [groupRowsBy]=\"options.grouping != null ? options.grouping.obj + '.' + options.grouping.id : null\">\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.grouping != null || !options.sortable\"\r\n                id=\"{{ col.id }}\">\r\n                {{ col.libelle }}\r\n                <p-sortIcon *ngIf=\"options.sortable && options.grouping == null\" [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    <!-- Groupheader -->\r\n    <ng-template pTemplate=\"groupheader\" let-rowData>\r\n        <tr pRowGroupHeader class=\"row_grouping\">\r\n            <td [attr.colspan]=\"columns.length + 1\">\r\n                <span class=\"text_bold\">{{ rowData[options.grouping.obj][options.grouping.libelle] }}</span>\r\n            </td>\r\n        </tr>\r\n    </ng-template>\r\n\r\n    <!-- Body -->\r\n    <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\r\n        <tr id=\"{{ rowData.id }}\"\r\n            [ngStyle]=\"{ 'background-color': rowData.color ? rowData.color : null }\"\r\n            [pSelectableRow]=\"rowData\"\r\n            [pSelectableRowDisabled]=\"!options.selectable || 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-' + getOption(col, rowData, 'severity')\"\r\n                            [label]=\"getOption(col, rowData, 'label')\"\r\n                            [icon]=\"getOption(col, rowData, 'icon')\"\r\n                            (click)=\"rowData[col.id].value()\"\r\n                            [pTooltip]=\"getOption(col, rowData, 'label')\"\r\n                            [tooltipDisabled]=\"!col.tooltip\">\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 .p-datatable-tbody>tr>td>span,:host ::ng-deep .p-datatable-thead>tr>th>span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}:host ::ng-deep .row_grouping{background:#faeada!important}:host ::ng-deep .text_bold{font-weight:700!important}:host ::ng-deep .cellDelete{flex:0 0 50px!important}:host ::ng-deep .p-datatable .p-sortable-column.p-highlight,:host ::ng-deep .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon{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;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;min-width:0!important}: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:4px 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:4px 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}}"]
+                    styles: ["::ng-deep .p-tooltip .p-tooltip-text{overflow-wrap:break-word!important}:host ::ng-deep .p-datatable-table{width:100%!important}:host ::ng-deep .p-datatable-tbody>tr>td>span,:host ::ng-deep .p-datatable-thead>tr>th>span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}:host ::ng-deep .row_grouping{background:#faeada!important}:host ::ng-deep .text_bold{font-weight:700!important}:host ::ng-deep .cellDelete{flex:0 0 50px!important}:host ::ng-deep .p-datatable .p-sortable-column.p-highlight,:host ::ng-deep .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon{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;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;min-width:0!important}: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:4px 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:4px 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 = function () { return [

package/bundles/cilog-lib.umd.min.js

@@ -1,2 +1,2 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("rxjs"),require("@angular/common"),require("primeng/dialog"),require("primeng/button"),require("primeng/table"),require("primeng/inputtext"),require("primeng/selectbutton"),require("primeng/dropdown"),require("primeng/inputnumber"),require("primeng/confirmdialog"),require("primeng/multiselect"),require("primeng/calendar"),require("primeng/tag"),require("primeng/tooltip"),require("@angular/platform-browser"),require("@angular/platform-browser/animations"),require("primeng/api"),require("@angular/forms"),require("@angular/common/locales/fr")):"function"==typeof define&&define.amd?define("cilog-lib",["exports","@angular/core","rxjs","@angular/common","primeng/dialog","primeng/button","primeng/table","primeng/inputtext","primeng/selectbutton","primeng/dropdown","primeng/inputnumber","primeng/confirmdialog","primeng/multiselect","primeng/calendar","primeng/tag","primeng/tooltip","@angular/platform-browser","@angular/platform-browser/animations","primeng/api","@angular/forms","@angular/common/locales/fr"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self)["cilog-lib"]={},t.ng.core,t.rxjs,t.ng.common,t.dialog,t.button,t.table,t.inputtext,t.selectbutton,t.dropdown,t.inputnumber,t.confirmdialog,t.multiselect,t.calendar,t.tag,t.tooltip,t.ng.platformBrowser,t.ng.platformBrowser.animations,t.api,t.ng.forms,t.ng.common.locales.fr)}(this,(function(t,e,o,n,l,r,i,a,p,d,c,s,u,g,m,w,h,y,f,b,D){"use strict";function v(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var x=v(D),C=function(){function t(){this.message=new o.BehaviorSubject(null),this.display=new o.BehaviorSubject(null)}return t.prototype.showDialog=function(t,e,o,n){void 0===o&&(o=!0),void 0===n&&(n=!1),this.message.next({content:t,severity:e,closable:o,refresh:n}),this.display.next(!0)},t.prototype.closeDialog=function(){this.display.next(!1)},t}();C.decorators=[{type:e.Injectable}],C.ctorParameters=function(){return[]};var S=function(){function t(t){this.messageService=t}return t.prototype.ngOnInit=function(){var t=this;this.display=!1,this.messageService.message.subscribe((function(e){null!=e&&(t.message=e)})),this.messageService.display.subscribe((function(e){null!=e&&(t.display=e)}))},t.prototype.headerBySeverity=function(){if(null!=this.message)switch(this.message.severity){case"warn":return"Attention";case"error":return"Erreur";case"success":return"Succès";case"info":return"Information"}},t.prototype.iconBySeverity=function(){if(null!=this.message)switch(this.message.severity){case"warn":return"pi-exclamation-triangle";case"error":return"pi-exclamation-circle";case"success":return"pi-check";case"info":return"pi-info-circle"}},t.prototype.classBySeverity=function(){if(null!=this.message)switch(this.message.severity){case"warn":return"message_warn";case"error":return"message_error";case"success":return"message_success";case"info":return"message_info"}},t.prototype.refreshPage=function(){window.location.reload(!0)},t}();S.decorators=[{type:e.Component,args:[{selector:"cilog-message",template:'<p-dialog [styleClass]="classBySeverity()"\r\n          [(visible)]="display"\r\n          [modal]="true"\r\n          [baseZIndex]="10000"\r\n          [closable]="false"\r\n          [resizable]="false"\r\n          [draggable]="false">\r\n\r\n    \x3c!-- Header --\x3e\r\n    <ng-template pTemplate="header">\r\n        <i class="pi {{ iconBySeverity() }} header_icon"></i>\r\n        <span class="header_text">{{ headerBySeverity() }}</span>\r\n    </ng-template>\r\n\r\n    \x3c!-- Content --\x3e\r\n    <p class="content">\r\n        {{ message?.content }}\r\n    </p>\r\n\r\n    \x3c!-- Footer --\x3e\r\n    <ng-template pTemplate="footer">\r\n        <p-button *ngIf="message?.closable == true && message?.refresh == false" icon="pi pi-check" (click)="display=false" label="Ok" styleClass="p-button-text"></p-button>\r\n        <p-button *ngIf="message?.refresh == true" icon="pi pi-refresh" (click)="refreshPage()" label="Rafraîchir" styleClass="p-button-text"></p-button>\r\n    </ng-template>\r\n\r\n</p-dialog>\r\n',styles:[":host ::ng-deep .message_success :nth-child(1n){background-color:#b7fdc0}:host ::ng-deep .message_error :nth-child(1n){background-color:#fdb8b7}:host ::ng-deep .message_warn :nth-child(1n){background-color:#fff5ba}:host ::ng-deep .message_info :nth-child(1n){background-color:#b7eefd}:host ::ng-deep .p-dialog-content,:host ::ng-deep .p-dialog-footer,:host ::ng-deep .p-dialog-header{padding:10px}:host ::ng-deep .content{margin:4px}:host ::ng-deep .p-button-text{padding-bottom:3px;padding-top:0}:host ::ng-deep .header_text{font-size:1.25rem;font-weight:500;margin-left:10px}:host ::ng-deep .header_icon{font-size:1.5rem}:host ::ng-deep .p-dialog-header{justify-content:inherit}"]}]}],S.ctorParameters=function(){return[{type:C}]};var T=function(){function t(){}return t.prototype.ngOnInit=function(){},t}();T.decorators=[{type:e.Component,args:[{selector:"lib-cilog-lib",template:"\n    <p>\n      cilog-lib works!\n    </p>\n  "}]}],T.ctorParameters=function(){return[]};var I=function(){};I.decorators=[{type:e.NgModule,args:[{declarations:[],exports:[l.DialogModule,r.ButtonModule,i.TableModule,a.InputTextModule,p.SelectButtonModule,d.DropdownModule,c.InputNumberModule,s.ConfirmDialogModule,u.MultiSelectModule,g.CalendarModule,m.TagModule,w.TooltipModule],imports:[n.CommonModule]}]}];Object.create;function M(t,e){var o="function"==typeof Symbol&&t[Symbol.iterator];if(!o)return t;var n,l,r=o.call(t),i=[];try{for(;(void 0===e||e-- >0)&&!(n=r.next()).done;)i.push(n.value)}catch(t){l={error:t}}finally{try{n&&!n.done&&(o=r.return)&&o.call(r)}finally{if(l)throw l.error}}return i}var F,E;Object.create;(F=t.ColType||(t.ColType={})).MultiSelect="MultiSelect",F.Dropdown="Dropdown",F.File="File",F.Text="Text",F.Number="Number",F.SelectButton="SelectButton",F.Button="Button",F.Image="Image",F.Date="Date",F.State="State",(E=t.Severity||(t.Severity={})).Secondary="secondary",E.Success="success",E.Info="info",E.Warning="warning",E.Help="help",E.Danger="danger";var O=function(){function o(t,o,n){this.confirmationService=t,this.filterService=o,this.cdRef=n,this.onEdit=new e.EventEmitter,this.onEditInit=new e.EventEmitter,this.onDelete=new e.EventEmitter,this.onSelect=new e.EventEmitter,this.onUnselect=new e.EventEmitter,this.onFilter=new e.EventEmitter,this.onSort=new e.EventEmitter}return o.prototype.ngOnInit=function(){this.filterService.register("dateRangeFilter",(function(t,e){if(null==e)return!0;var o,n=e[0].getTime();return o=e[1]?e[1].getTime()+864e5:n+864e5,null!=t.value&&(t.value.getTime()>=n&&t.value.getTime()<=o)})),this.filterService.register("textFilter",(function(t,e){return null==e||""==e.trim()||null!=t.value&&t.value.toLowerCase().includes(e.toLowerCase())})),this.filterService.register("numberFilter",(function(t,e){return null==e||null!=t.value&&t.value==e})),this.filterService.register("objetFilter",(function(t,e){return-1!=e.indexOf(t.value)})),this.filterService.register("listeFilter",(function(t,e){var o=!1;return e.forEach((function(e){-1!=t.value.indexOf(e)&&(o=!0)})),o})),this.columns.forEach((function(t){null==t.options&&(t.options={defaultFilters:null})}))},o.prototype.ngAfterViewInit=function(){var t=this;this.columns.forEach((function(e){t.filter(e,e.options.defaultFilters,t.getFilterByCol(e),!0)})),this.cdRef.detectChanges()},o.prototype.customSort=function(e){var o=this;console.log(e);var n=this.columns.find((function(t){return t.id==e.field}));this.onSort.emit({column:n,order:e.order});var l=n.type;e.data.sort((function(r,i){var a=r[e.field].value,p=i[e.field].value,d=null;return null==a&&null!=p?d=-1:null!=a&&null==p?d=1:null==a&&null==p?d=0:l==t.ColType.Text||l==t.ColType.File?d=a.localeCompare(p):l==t.ColType.MultiSelect?d=o.getMultiSelectConcat(a,o.getOption(n,r,"optionLabel")).localeCompare(o.getMultiSelectConcat(p,o.getOption(n,i,"optionLabel"))):l==t.ColType.Dropdown||l==t.ColType.SelectButton||l==t.ColType.State?d=a[o.getOption(n,r,"optionLabel")].localeCompare(p[o.getOption(n,i,"optionLabel")]):l!=t.ColType.Number&&l!=t.ColType.Date||(d=a<p?-1:a>p?1:0),e.order*d}))},o.prototype.checkType=function(t,e){return e.type==t},o.prototype.clickById=function(t){document.getElementById(t).click()},o.prototype.onEditText=function(t){var e=this.columns.find((function(e){return e.id==t.field}));this.onEditCell(t.data,e,t.data[t.field].value)},o.prototype.onEditCell=function(t,e,o){this.onEdit.emit({row:t,column:e,value:o})},o.prototype.onSelectRow=function(t){this.onSelect.emit({row:t})},o.prototype.onUnselectRow=function(t){this.onUnselect.emit({row:t})},o.prototype.onDeleteLine=function(t){var e=this;this.confirmationService.confirm({key:"confirm",message:"Êtes-vous sûr de vouloir supprimer cette ligne ?",accept:function(){console.log(e.values.indexOf(t)),e.values.splice(e.values.indexOf(t),1),e.values=function(t,e,o){if(o||2===arguments.length)for(var n,l=0,r=e.length;l<r;l++)!n&&l in e||(n||(n=Array.prototype.slice.call(e,0,l)),n[l]=e[l]);return t.concat(n||Array.prototype.slice.call(e))}([],M(e.values)),e.onDelete.emit({row:t})}})},o.prototype.onFocusNumber=function(t,e){this.onEditInitCell({field:e.id,data:t})},o.prototype.onEditInitCell=function(t){var e=this.columns.find((function(e){return e.id==t.field}));this.onEditInit.emit({row:t.data,column:e,value:t.data[t.field].value})},o.prototype.isModeEdition=function(){return this.options.editable},o.prototype.getOption=function(t,e,o){return null!=e[t.id].options&&null!=e[t.id].options[o]?e[t.id].options[o]:null!=t.options&&null!=t.options[o]?t.options[o]:null},o.prototype.getMultiSelectConcat=function(t,e){return null!=t?t.map((function(t){return t[e]})).join(", "):""},o.prototype.getSelectLibelleByValue=function(t,e){var o="";return null==t[e.id].value||(null!=t[e.id].options?o=t[e.id].options.options.find((function(o){return o.value==t[e.id].value}))[t[e.id].options.optionLabel]:null!=e.options&&(o=e.options.options.find((function(o){return o.value==t[e.id].value}))[e.options.optionLabel])),o},o.prototype.getFilterByCol=function(e){return e.type==t.ColType.Date?"dateRangeFilter":e.type==t.ColType.Number?"numberFilter":e.type==t.ColType.Dropdown||e.type==t.ColType.State||e.type==t.ColType.SelectButton?"objetFilter":e.type==t.ColType.MultiSelect?"listeFilter":e.type==t.ColType.File||e.type==t.ColType.Text?"textFilter":null},o.prototype.onFilterCol=function(e,o){o.type==t.ColType.Date&&this.filter(o,o.options.defaultFilters,"dateRangeFilter"),o.type==t.ColType.Number&&this.filter(o,e.value,"numberFilter"),o.type!=t.ColType.Dropdown&&o.type!=t.ColType.State&&o.type!=t.ColType.SelectButton||this.filter(o,e.value,"objetFilter"),o.type==t.ColType.MultiSelect&&this.filter(o,e.value,"listeFilter"),o.type!=t.ColType.File&&o.type!=t.ColType.Text||this.filter(o,e.target.value,"textFilter")},o.prototype.filter=function(t,e,o,n){void 0===n&&(n=!1),this.table.filter(e,t.id,o),n||this.onFilter.emit({column:t,value:e})},o}();O.decorators=[{type:e.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         (onRowUnselect)="onUnselectRow($event)"\r\n         (sortFunction)="customSort($event)"\r\n         [customSort]="options.grouping == null ? true : false"\r\n         [scrollable]="true"\r\n         [scrollHeight]="options.scrollHeight != null ? options.scrollHeight : null"\r\n         [rowGroupMode]="options.grouping != null ? \'subheader\' : null"\r\n         [groupRowsBy]="options.grouping != null ? options.grouping.obj + \'.\' + options.grouping.id : null">\r\n\r\n    \x3c!-- Header --\x3e\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.grouping != null || !options.sortable"\r\n                id="{{ col.id }}">\r\n                {{ col.libelle }}\r\n                <p-sortIcon *ngIf="options.sortable && options.grouping == null" [field]="col.id"></p-sortIcon>\r\n            </th>\r\n            <th class="cellDelete" *ngIf="options.rowsDeletable"></th>\r\n        </tr>\r\n        \x3c!-- FILTRES --\x3e\r\n        <tr *ngIf="options.filterable">\r\n            <ng-container *ngFor="let col of columns">\r\n                \x3c!-- Text --\x3e\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                \x3c!-- Date --\x3e\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                \x3c!-- Number --\x3e\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                \x3c!-- Liste --\x3e\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ésultat"\r\n                                   itemSize="30"\r\n                                   selectedItemsLabel="{0} selectionnés"\r\n                                   (onChange)="onFilterCol($event, col)"\r\n                                   [(ngModel)]="col.options.defaultFilters">\r\n                    </p-multiSelect>\r\n                </th>\r\n\r\n                \x3c!-- Non filtrable --\x3e\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    \x3c!-- Groupheader --\x3e\r\n    <ng-template pTemplate="groupheader" let-rowData>\r\n        <tr pRowGroupHeader class="row_grouping">\r\n            <td [attr.colspan]="columns.length + 1">\r\n                <span class="text_bold">{{ rowData[options.grouping.obj][options.grouping.libelle] }}</span>\r\n            </td>\r\n        </tr>\r\n    </ng-template>\r\n\r\n    \x3c!-- Body --\x3e\r\n    <ng-template pTemplate="body" let-rowData let-columns="columns">\r\n        <tr id="{{ rowData.id }}"\r\n            [ngStyle]="{ \'background-color\': rowData.color ? rowData.color : null }"\r\n            [pSelectableRow]="rowData"\r\n            [pSelectableRowDisabled]="!options.selectable || isModeEdition()">\r\n            <ng-container *ngFor="let col of columns">\r\n\r\n                \x3c!-- Text --\x3e\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                \x3c!-- Dropdown --\x3e\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ésultat"\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                \x3c!-- Number --\x3e\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                \x3c!-- Date --\x3e\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                \x3c!-- MultiSelect --\x3e\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ésultat"\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és"\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                \x3c!-- Image --\x3e\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                \x3c!-- Button --\x3e\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-\' + getOption(col, rowData, \'severity\')"\r\n                            [label]="getOption(col, rowData, \'label\')"\r\n                            [icon]="getOption(col, rowData, \'icon\')"\r\n                            (click)="rowData[col.id].value()"\r\n                            [pTooltip]="getOption(col, rowData, \'label\')"\r\n                            [tooltipDisabled]="!col.tooltip">\r\n                    </button>\r\n                </td>\r\n\r\n                \x3c!-- SelectButton --\x3e\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                \x3c!-- File --\x3e\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                \x3c!-- State --\x3e\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            \x3c!-- Deletion --\x3e\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 .p-datatable-tbody>tr>td>span,:host ::ng-deep .p-datatable-thead>tr>th>span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}:host ::ng-deep .row_grouping{background:#faeada!important}:host ::ng-deep .text_bold{font-weight:700!important}:host ::ng-deep .cellDelete{flex:0 0 50px!important}:host ::ng-deep .p-datatable .p-sortable-column.p-highlight,:host ::ng-deep .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon{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;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;min-width:0!important}: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:4px 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:4px 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}}"]}]}],O.ctorParameters=function(){return[{type:f.ConfirmationService},{type:f.FilterService},{type:e.ChangeDetectorRef}]},O.propDecorators={columns:[{type:e.Input}],values:[{type:e.Input}],options:[{type:e.Input}],onEdit:[{type:e.Output}],onEditInit:[{type:e.Output}],onDelete:[{type:e.Output}],onSelect:[{type:e.Output}],onUnselect:[{type:e.Output}],onFilter:[{type:e.Output}],onSort:[{type:e.Output}],table:[{type:e.ViewChild,args:["table",{static:!0}]}]};var k=function(){};k.ɵprov=e.ɵɵdefineInjectable({factory:function(){return new k},token:k,providedIn:"root"}),k.decorators=[{type:e.Injectable,args:[{providedIn:"root"}]}],k.ctorParameters=function(){return[]},n.registerLocaleData(x.default);var B=function(){};B.decorators=[{type:e.NgModule,args:[{imports:[n.CommonModule,I,h.BrowserModule,y.BrowserAnimationsModule,b.FormsModule,b.ReactiveFormsModule],declarations:[T,S,O],exports:[S,O],providers:[C,k,f.ConfirmationService,{provide:e.LOCALE_ID,useValue:"fr-FR"}]}]}];var L=function(){};L.ɵprov=e.ɵɵdefineInjectable({factory:function(){return new L},token:L,providedIn:"root"}),L.decorators=[{type:e.Injectable,args:[{providedIn:"root"}]}],L.ctorParameters=function(){return[]},t.CilogLibComponent=T,t.CilogLibModule=B,t.CilogLibService=L,t.CilogMessageService=C,t.CilogTableService=k,t.ɵa=I,t.ɵb=S,t.ɵc=O,Object.defineProperty(t,"__esModule",{value:!0})}));
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("rxjs"),require("@angular/common"),require("primeng/dialog"),require("primeng/button"),require("primeng/table"),require("primeng/inputtext"),require("primeng/selectbutton"),require("primeng/dropdown"),require("primeng/inputnumber"),require("primeng/confirmdialog"),require("primeng/multiselect"),require("primeng/calendar"),require("primeng/tag"),require("primeng/tooltip"),require("@angular/platform-browser"),require("@angular/platform-browser/animations"),require("primeng/api"),require("@angular/forms"),require("@angular/common/locales/fr")):"function"==typeof define&&define.amd?define("cilog-lib",["exports","@angular/core","rxjs","@angular/common","primeng/dialog","primeng/button","primeng/table","primeng/inputtext","primeng/selectbutton","primeng/dropdown","primeng/inputnumber","primeng/confirmdialog","primeng/multiselect","primeng/calendar","primeng/tag","primeng/tooltip","@angular/platform-browser","@angular/platform-browser/animations","primeng/api","@angular/forms","@angular/common/locales/fr"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self)["cilog-lib"]={},t.ng.core,t.rxjs,t.ng.common,t.dialog,t.button,t.table,t.inputtext,t.selectbutton,t.dropdown,t.inputnumber,t.confirmdialog,t.multiselect,t.calendar,t.tag,t.tooltip,t.ng.platformBrowser,t.ng.platformBrowser.animations,t.api,t.ng.forms,t.ng.common.locales.fr)}(this,(function(t,e,o,n,l,r,i,a,p,d,c,s,u,g,m,w,h,y,f,b,D){"use strict";function v(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var x=v(D),C=function(){function t(){this.message=new o.BehaviorSubject(null),this.display=new o.BehaviorSubject(null)}return t.prototype.showDialog=function(t,e,o,n){void 0===o&&(o=!0),void 0===n&&(n=!1),this.message.next({content:t,severity:e,closable:o,refresh:n}),this.display.next(!0)},t.prototype.closeDialog=function(){this.display.next(!1)},t}();C.decorators=[{type:e.Injectable}],C.ctorParameters=function(){return[]};var S=function(){function t(t){this.messageService=t}return t.prototype.ngOnInit=function(){var t=this;this.display=!1,this.messageService.message.subscribe((function(e){null!=e&&(t.message=e)})),this.messageService.display.subscribe((function(e){null!=e&&(t.display=e)}))},t.prototype.headerBySeverity=function(){if(null!=this.message)switch(this.message.severity){case"warn":return"Attention";case"error":return"Erreur";case"success":return"Succès";case"info":return"Information"}},t.prototype.iconBySeverity=function(){if(null!=this.message)switch(this.message.severity){case"warn":return"pi-exclamation-triangle";case"error":return"pi-exclamation-circle";case"success":return"pi-check";case"info":return"pi-info-circle"}},t.prototype.classBySeverity=function(){if(null!=this.message)switch(this.message.severity){case"warn":return"message_warn";case"error":return"message_error";case"success":return"message_success";case"info":return"message_info"}},t.prototype.refreshPage=function(){window.location.reload(!0)},t}();S.decorators=[{type:e.Component,args:[{selector:"cilog-message",template:'<p-dialog [styleClass]="classBySeverity()"\r\n          [(visible)]="display"\r\n          [modal]="true"\r\n          [baseZIndex]="10000"\r\n          [closable]="false"\r\n          [resizable]="false"\r\n          [draggable]="false">\r\n\r\n    \x3c!-- Header --\x3e\r\n    <ng-template pTemplate="header">\r\n        <i class="pi {{ iconBySeverity() }} header_icon"></i>\r\n        <span class="header_text">{{ headerBySeverity() }}</span>\r\n    </ng-template>\r\n\r\n    \x3c!-- Content --\x3e\r\n    <p class="content">\r\n        {{ message?.content }}\r\n    </p>\r\n\r\n    \x3c!-- Footer --\x3e\r\n    <ng-template pTemplate="footer">\r\n        <p-button *ngIf="message?.closable == true && message?.refresh == false" icon="pi pi-check" (click)="display=false" label="Ok" styleClass="p-button-text"></p-button>\r\n        <p-button *ngIf="message?.refresh == true" icon="pi pi-refresh" (click)="refreshPage()" label="Rafraîchir" styleClass="p-button-text"></p-button>\r\n    </ng-template>\r\n\r\n</p-dialog>\r\n',styles:[":host ::ng-deep .message_success :nth-child(1n){background-color:#b7fdc0}:host ::ng-deep .message_error :nth-child(1n){background-color:#fdb8b7}:host ::ng-deep .message_warn :nth-child(1n){background-color:#fff5ba}:host ::ng-deep .message_info :nth-child(1n){background-color:#b7eefd}:host ::ng-deep .p-dialog-content,:host ::ng-deep .p-dialog-footer,:host ::ng-deep .p-dialog-header{padding:10px}:host ::ng-deep .content{margin:4px}:host ::ng-deep .p-button-text{padding-bottom:3px;padding-top:0}:host ::ng-deep .header_text{font-size:1.25rem;font-weight:500;margin-left:10px}:host ::ng-deep .header_icon{font-size:1.5rem}:host ::ng-deep .p-dialog-header{justify-content:inherit}"]}]}],S.ctorParameters=function(){return[{type:C}]};var T=function(){function t(){}return t.prototype.ngOnInit=function(){},t}();T.decorators=[{type:e.Component,args:[{selector:"lib-cilog-lib",template:"\n    <p>\n      cilog-lib works!\n    </p>\n  "}]}],T.ctorParameters=function(){return[]};var I=function(){};I.decorators=[{type:e.NgModule,args:[{declarations:[],exports:[l.DialogModule,r.ButtonModule,i.TableModule,a.InputTextModule,p.SelectButtonModule,d.DropdownModule,c.InputNumberModule,s.ConfirmDialogModule,u.MultiSelectModule,g.CalendarModule,m.TagModule,w.TooltipModule],imports:[n.CommonModule]}]}];Object.create;function M(t,e){var o="function"==typeof Symbol&&t[Symbol.iterator];if(!o)return t;var n,l,r=o.call(t),i=[];try{for(;(void 0===e||e-- >0)&&!(n=r.next()).done;)i.push(n.value)}catch(t){l={error:t}}finally{try{n&&!n.done&&(o=r.return)&&o.call(r)}finally{if(l)throw l.error}}return i}var F,E;Object.create;(F=t.ColType||(t.ColType={})).MultiSelect="MultiSelect",F.Dropdown="Dropdown",F.File="File",F.Text="Text",F.Number="Number",F.SelectButton="SelectButton",F.Button="Button",F.Image="Image",F.Date="Date",F.State="State",(E=t.Severity||(t.Severity={})).Secondary="secondary",E.Success="success",E.Info="info",E.Warning="warning",E.Help="help",E.Danger="danger";var O=function(){function o(t,o,n){this.confirmationService=t,this.filterService=o,this.cdRef=n,this.onEdit=new e.EventEmitter,this.onEditInit=new e.EventEmitter,this.onDelete=new e.EventEmitter,this.onSelect=new e.EventEmitter,this.onUnselect=new e.EventEmitter,this.onFilter=new e.EventEmitter,this.onSort=new e.EventEmitter}return o.prototype.ngOnInit=function(){this.filterService.register("dateRangeFilter",(function(t,e){if(null==e)return!0;var o,n=e[0].getTime();return o=e[1]?e[1].getTime()+864e5:n+864e5,null!=t.value&&(t.value.getTime()>=n&&t.value.getTime()<=o)})),this.filterService.register("textFilter",(function(t,e){return null==e||""==e.trim()||null!=t.value&&t.value.toLowerCase().includes(e.toLowerCase())})),this.filterService.register("numberFilter",(function(t,e){return null==e||null!=t.value&&t.value==e})),this.filterService.register("objetFilter",(function(t,e){return-1!=e.indexOf(t.value)})),this.filterService.register("listeFilter",(function(t,e){var o=!1;return e.forEach((function(e){-1!=t.value.indexOf(e)&&(o=!0)})),o})),this.columns.forEach((function(t){null==t.options&&(t.options={defaultFilters:null})}))},o.prototype.ngAfterViewInit=function(){var t=this;this.columns.forEach((function(e){t.filter(e,e.options.defaultFilters,t.getFilterByCol(e),!0)})),this.cdRef.detectChanges()},o.prototype.customSort=function(e){var o=this;console.log(e);var n=this.columns.find((function(t){return t.id==e.field}));this.onSort.emit({column:n,order:e.order});var l=n.type;e.data.sort((function(r,i){var a=r[e.field].value,p=i[e.field].value,d=null;return null==a&&null!=p?d=-1:null!=a&&null==p?d=1:null==a&&null==p?d=0:l==t.ColType.Text||l==t.ColType.File?d=a.localeCompare(p):l==t.ColType.MultiSelect?d=o.getMultiSelectConcat(a,o.getOption(n,r,"optionLabel")).localeCompare(o.getMultiSelectConcat(p,o.getOption(n,i,"optionLabel"))):l==t.ColType.Dropdown||l==t.ColType.SelectButton||l==t.ColType.State?d=a[o.getOption(n,r,"optionLabel")].localeCompare(p[o.getOption(n,i,"optionLabel")]):l!=t.ColType.Number&&l!=t.ColType.Date||(d=a<p?-1:a>p?1:0),e.order*d}))},o.prototype.checkType=function(t,e){return e.type==t},o.prototype.clickById=function(t){document.getElementById(t).click()},o.prototype.onEditText=function(t){var e=this.columns.find((function(e){return e.id==t.field}));this.onEditCell(t.data,e,t.data[t.field].value)},o.prototype.onEditCell=function(t,e,o){this.onEdit.emit({row:t,column:e,value:o})},o.prototype.onSelectRow=function(t){this.onSelect.emit({row:t})},o.prototype.onUnselectRow=function(t){this.onUnselect.emit({row:t})},o.prototype.onDeleteLine=function(t){var e=this;this.confirmationService.confirm({key:"confirm",message:"Êtes-vous sûr de vouloir supprimer cette ligne ?",accept:function(){console.log(e.values.indexOf(t)),e.values.splice(e.values.indexOf(t),1),e.values=function(t,e,o){if(o||2===arguments.length)for(var n,l=0,r=e.length;l<r;l++)!n&&l in e||(n||(n=Array.prototype.slice.call(e,0,l)),n[l]=e[l]);return t.concat(n||Array.prototype.slice.call(e))}([],M(e.values)),e.onDelete.emit({row:t})}})},o.prototype.onFocusNumber=function(t,e){this.onEditInitCell({field:e.id,data:t})},o.prototype.onEditInitCell=function(t){var e=this.columns.find((function(e){return e.id==t.field}));this.onEditInit.emit({row:t.data,column:e,value:t.data[t.field].value})},o.prototype.isModeEdition=function(){return this.options.editable},o.prototype.getOption=function(t,e,o){return null!=e[t.id].options&&null!=e[t.id].options[o]?e[t.id].options[o]:null!=t.options&&null!=t.options[o]?t.options[o]:null},o.prototype.getMultiSelectConcat=function(t,e){return null!=t?t.map((function(t){return t[e]})).join(", "):""},o.prototype.getSelectLibelleByValue=function(t,e){var o="";return null==t[e.id].value||(null!=t[e.id].options?o=t[e.id].options.options.find((function(o){return o.value==t[e.id].value}))[t[e.id].options.optionLabel]:null!=e.options&&(o=e.options.options.find((function(o){return o.value==t[e.id].value}))[e.options.optionLabel])),o},o.prototype.getFilterByCol=function(e){return e.type==t.ColType.Date?"dateRangeFilter":e.type==t.ColType.Number?"numberFilter":e.type==t.ColType.Dropdown||e.type==t.ColType.State||e.type==t.ColType.SelectButton?"objetFilter":e.type==t.ColType.MultiSelect?"listeFilter":e.type==t.ColType.File||e.type==t.ColType.Text?"textFilter":null},o.prototype.onFilterCol=function(e,o){o.type==t.ColType.Date&&this.filter(o,o.options.defaultFilters,"dateRangeFilter"),o.type==t.ColType.Number&&this.filter(o,e.value,"numberFilter"),o.type!=t.ColType.Dropdown&&o.type!=t.ColType.State&&o.type!=t.ColType.SelectButton||this.filter(o,e.value,"objetFilter"),o.type==t.ColType.MultiSelect&&this.filter(o,e.value,"listeFilter"),o.type!=t.ColType.File&&o.type!=t.ColType.Text||this.filter(o,e.target.value,"textFilter")},o.prototype.filter=function(t,e,o,n){void 0===n&&(n=!1),this.table.filter(e,t.id,o),n||this.onFilter.emit({column:t,value:e})},o}();O.decorators=[{type:e.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         (onRowUnselect)="onUnselectRow($event)"\r\n         (sortFunction)="customSort($event)"\r\n         [customSort]="options.grouping == null ? true : false"\r\n         [scrollable]="true"\r\n         [scrollHeight]="options.scrollHeight != null ? options.scrollHeight : null"\r\n         [rowGroupMode]="options.grouping != null ? \'subheader\' : null"\r\n         [groupRowsBy]="options.grouping != null ? options.grouping.obj + \'.\' + options.grouping.id : null">\r\n\r\n    \x3c!-- Header --\x3e\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.grouping != null || !options.sortable"\r\n                id="{{ col.id }}">\r\n                {{ col.libelle }}\r\n                <p-sortIcon *ngIf="options.sortable && options.grouping == null" [field]="col.id"></p-sortIcon>\r\n            </th>\r\n            <th class="cellDelete" *ngIf="options.rowsDeletable"></th>\r\n        </tr>\r\n        \x3c!-- FILTRES --\x3e\r\n        <tr *ngIf="options.filterable">\r\n            <ng-container *ngFor="let col of columns">\r\n                \x3c!-- Text --\x3e\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                \x3c!-- Date --\x3e\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                \x3c!-- Number --\x3e\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                \x3c!-- Liste --\x3e\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ésultat"\r\n                                   itemSize="30"\r\n                                   selectedItemsLabel="{0} selectionnés"\r\n                                   (onChange)="onFilterCol($event, col)"\r\n                                   [(ngModel)]="col.options.defaultFilters">\r\n                    </p-multiSelect>\r\n                </th>\r\n\r\n                \x3c!-- Non filtrable --\x3e\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    \x3c!-- Groupheader --\x3e\r\n    <ng-template pTemplate="groupheader" let-rowData>\r\n        <tr pRowGroupHeader class="row_grouping">\r\n            <td [attr.colspan]="columns.length + 1">\r\n                <span class="text_bold">{{ rowData[options.grouping.obj][options.grouping.libelle] }}</span>\r\n            </td>\r\n        </tr>\r\n    </ng-template>\r\n\r\n    \x3c!-- Body --\x3e\r\n    <ng-template pTemplate="body" let-rowData let-columns="columns">\r\n        <tr id="{{ rowData.id }}"\r\n            [ngStyle]="{ \'background-color\': rowData.color ? rowData.color : null }"\r\n            [pSelectableRow]="rowData"\r\n            [pSelectableRowDisabled]="!options.selectable || isModeEdition()">\r\n            <ng-container *ngFor="let col of columns">\r\n\r\n                \x3c!-- Text --\x3e\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                \x3c!-- Dropdown --\x3e\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ésultat"\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                \x3c!-- Number --\x3e\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                \x3c!-- Date --\x3e\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                \x3c!-- MultiSelect --\x3e\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ésultat"\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és"\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                \x3c!-- Image --\x3e\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                \x3c!-- Button --\x3e\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-\' + getOption(col, rowData, \'severity\')"\r\n                            [label]="getOption(col, rowData, \'label\')"\r\n                            [icon]="getOption(col, rowData, \'icon\')"\r\n                            (click)="rowData[col.id].value()"\r\n                            [pTooltip]="getOption(col, rowData, \'label\')"\r\n                            [tooltipDisabled]="!col.tooltip">\r\n                    </button>\r\n                </td>\r\n\r\n                \x3c!-- SelectButton --\x3e\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                \x3c!-- File --\x3e\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                \x3c!-- State --\x3e\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            \x3c!-- Deletion --\x3e\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 .p-datatable-table{width:100%!important}:host ::ng-deep .p-datatable-tbody>tr>td>span,:host ::ng-deep .p-datatable-thead>tr>th>span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}:host ::ng-deep .row_grouping{background:#faeada!important}:host ::ng-deep .text_bold{font-weight:700!important}:host ::ng-deep .cellDelete{flex:0 0 50px!important}:host ::ng-deep .p-datatable .p-sortable-column.p-highlight,:host ::ng-deep .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon{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;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;min-width:0!important}: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:4px 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:4px 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}}"]}]}],O.ctorParameters=function(){return[{type:f.ConfirmationService},{type:f.FilterService},{type:e.ChangeDetectorRef}]},O.propDecorators={columns:[{type:e.Input}],values:[{type:e.Input}],options:[{type:e.Input}],onEdit:[{type:e.Output}],onEditInit:[{type:e.Output}],onDelete:[{type:e.Output}],onSelect:[{type:e.Output}],onUnselect:[{type:e.Output}],onFilter:[{type:e.Output}],onSort:[{type:e.Output}],table:[{type:e.ViewChild,args:["table",{static:!0}]}]};var k=function(){};k.ɵprov=e.ɵɵdefineInjectable({factory:function(){return new k},token:k,providedIn:"root"}),k.decorators=[{type:e.Injectable,args:[{providedIn:"root"}]}],k.ctorParameters=function(){return[]},n.registerLocaleData(x.default);var B=function(){};B.decorators=[{type:e.NgModule,args:[{imports:[n.CommonModule,I,h.BrowserModule,y.BrowserAnimationsModule,b.FormsModule,b.ReactiveFormsModule],declarations:[T,S,O],exports:[S,O],providers:[C,k,f.ConfirmationService,{provide:e.LOCALE_ID,useValue:"fr-FR"}]}]}];var L=function(){};L.ɵprov=e.ɵɵdefineInjectable({factory:function(){return new L},token:L,providedIn:"root"}),L.decorators=[{type:e.Injectable,args:[{providedIn:"root"}]}],L.ctorParameters=function(){return[]},t.CilogLibComponent=T,t.CilogLibModule=B,t.CilogLibService=L,t.CilogMessageService=C,t.CilogTableService=k,t.ɵa=I,t.ɵb=S,t.ɵc=O,Object.defineProperty(t,"__esModule",{value:!0})}));
 //# sourceMappingURL=cilog-lib.umd.min.js.map

package/bundles/cilog-lib.umd.min.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../projects/cilog-lib/src/lib/services/message.service.ts","../../../projects/cilog-lib/src/lib/views/message/message.component.ts","../../../projects/cilog-lib/src/lib/cilog-lib.component.ts","../../../projects/cilog-lib/src/lib/modules/primeng.module.ts","../../../node_modules/tslib/tslib.es6.js","../../../projects/cilog-lib/src/lib/helpers/enums/grille.enum.ts","../../../projects/cilog-lib/src/lib/views/table/table.component.ts","../../../projects/cilog-lib/src/lib/services/table.service.ts","../../../projects/cilog-lib/src/lib/cilog-lib.module.ts","../../../projects/cilog-lib/src/lib/cilog-lib.service.ts"],"names":["CilogMessageService","this","message","BehaviorSubject","display","prototype","showDialog","pContent","pSeverity","pClosable","pRefresh","next","content","severity","closable","refresh","closeDialog","Injectable","CilogMessageComponent","messageService","ngOnInit","_this","subscribe","headerBySeverity","iconBySeverity","classBySeverity","refreshPage","window","location","reload","Component","args","selector","template","CilogLibComponent","NgModule","declarations","exports","DialogModule","ButtonModule","TableModule","InputTextModule","SelectButtonModule","DropdownModule","InputNumberModule","ConfirmDialogModule","MultiSelectModule","CalendarModule","TagModule","TooltipModule","imports","CommonModule","Object","create","__read","o","n","m","Symbol","iterator","r","e","i","call","ar","done","push","value","error","ColType","Severity","CilogTableComponent","confirmationService","filterService","cdRef","onEdit","EventEmitter","onEditInit","onDelete","onSelect","onUnselect","onFilter","onSort","register","cell","filter","end","start","getTime","trim","toLowerCase","includes","indexOf","ok","forEach","val","columns","col","options","defaultFilters","ngAfterViewInit","getFilterByCol","detectChanges","customSort","event","console","log","find","id","field","emit","column","order","typeCol","type","data","sort","data1","data2","value1","value2","result","Text","File","localeCompare","MultiSelect","getMultiSelectConcat","getOption","Dropdown","SelectButton","State","Number","Date","checkType","clickById","document","getElementById","click","onEditText","onEditCell","row","onSelectRow","onUnselectRow","onDeleteLine","confirm","key","accept","values","splice","to","from","pack","arguments","length","l","Array","slice","concat","__spreadArray","onFocusNumber","rowData","onEditInitCell","isModeEdition","editable","option","label","map","join","getSelectLibelleByValue","opt","optionLabel","onFilterCol","target","init","table","ConfirmationService","FilterService","ChangeDetectorRef","Input","Output","ViewChild","static","providedIn","registerLocaleData","localeFr","PrimengModule","BrowserModule","BrowserAnimationsModule","FormsModule","ReactiveFormsModule","providers","CilogTableService","provide","LOCALE_ID","useValue"],"mappings":"2lDAUI,SAAAA,IACIC,KAAKC,QAAU,IAAIC,EAAAA,gBAA0B,MAC7CF,KAAKG,QAAU,IAAID,EAAAA,gBAAyB,aAGhDH,EAAAK,UAAAC,WAAA,SAAWC,EAAkBC,EAAmBC,EAA2BC,QAA3B,IAAAD,IAAAA,GAAA,QAA2B,IAAAC,IAAAA,GAAA,GACvET,KAAKC,QAAQS,KAAK,CACdC,QAASL,EACTM,SAAUL,EACVM,SAAUL,EACVM,QAASL,IAEbT,KAAKG,QAAQO,MAAK,IAGtBX,EAAAK,UAAAW,YAAA,WACIf,KAAKG,QAAQO,MAAK,6BAtBzBM,EAAAA,oECUG,SAAAC,EAAmBC,GAAAlB,KAAAkB,eAAAA,SAEnBD,EAAAb,UAAAe,SAAA,WAAA,IAAAC,EAAApB,KACIA,KAAKG,SAAU,EAEfH,KAAKkB,eAAejB,QAAQoB,WAAU,SAAApB,GACnB,MAAXA,IACAmB,EAAKnB,QAAUA,MAIvBD,KAAKkB,eAAef,QAAQkB,WAAU,SAAAlB,GACnB,MAAXA,IACAiB,EAAKjB,QAAUA,OAK3Bc,EAAAb,UAAAkB,iBAAA,WACI,GAAoB,MAAhBtB,KAAKC,QACL,OAAQD,KAAKC,QAAQW,UACjB,IAAK,OACD,MAAO,YACX,IAAK,QACD,MAAO,SACX,IAAK,UACD,MAAO,SACX,IAAK,OACD,MAAO,gBAKvBK,EAAAb,UAAAmB,eAAA,WACI,GAAoB,MAAhBvB,KAAKC,QACL,OAAQD,KAAKC,QAAQW,UACjB,IAAK,OACD,MAAO,0BACX,IAAK,QACD,MAAO,wBACX,IAAK,UACD,MAAO,WACX,IAAK,OACD,MAAO,mBAKvBK,EAAAb,UAAAoB,gBAAA,WACI,GAAoB,MAAhBxB,KAAKC,QACL,OAAQD,KAAKC,QAAQW,UACjB,IAAK,OACD,MAAO,eACX,IAAK,QACD,MAAO,gBACX,IAAK,UACD,MAAO,kBACX,IAAK,OACD,MAAO,iBAKvBK,EAAAb,UAAAqB,YAAA,WACIC,OAAOC,SAASC,QAAO,6BA1E9BC,EAAAA,UAASC,KAAA,CAAC,CACPC,SAAU,gBACVC,SAAA,suDANKjC,sBCcL,SAAAkC,YAEAA,EAAA7B,UAAAe,SAAA,sCAdHU,EAAAA,UAASC,KAAA,CAAC,CACPC,SAAU,gBACVC,SAAU,kGC+Bd,iCApBCE,EAAAA,SAAQJ,KAAA,CAAC,CACNK,aAAc,GACdC,QAAS,CACLC,EAAAA,aACAC,EAAAA,aACAC,EAAAA,YACAC,EAAAA,gBACAC,EAAAA,mBACAC,EAAAA,eACAC,EAAAA,kBACAC,EAAAA,oBACAC,EAAAA,kBACAC,EAAAA,eACAC,EAAAA,UACAC,EAAAA,eAEJC,QAAS,CACLC,EAAAA,kBC2EqBC,OAAOC,gBAwBpBC,EAAOC,EAAGC,GACtB,IAAIC,EAAsB,mBAAXC,QAAyBH,EAAEG,OAAOC,UACjD,IAAKF,EAAG,OAAOF,EACf,IAAmBK,EAAYC,EAA3BC,EAAIL,EAAEM,KAAKR,GAAOS,EAAK,GAC3B,IACI,WAAc,IAANR,GAAgBA,KAAM,MAAQI,EAAIE,EAAEnD,QAAQsD,MAAMD,EAAGE,KAAKN,EAAEO,OAExE,MAAOC,GAASP,EAAI,CAAEO,MAAOA,WAEzB,IACQR,IAAMA,EAAEK,OAASR,EAAIK,EAAU,SAAIL,EAAEM,KAAKD,WAExC,GAAID,EAAG,MAAMA,EAAEO,OAE7B,OAAOJ,EAgEX,ICjNYK,EAaAC,EDoMalB,OAAOC,QCjNpBgB,EAAAA,EAAAA,UAAAA,EAAAA,QAAO,KACf,YAAA,cACAA,EAAA,SAAA,WACAA,EAAA,KAAA,OACAA,EAAA,KAAA,OACAA,EAAA,OAAA,SACAA,EAAA,aAAA,eACAA,EAAA,OAAA,SACAA,EAAA,MAAA,QACAA,EAAA,KAAA,OACAA,EAAA,MAAA,SAGQC,EAAAA,EAAAA,WAAAA,EAAAA,SAAQ,KAChB,UAAA,YACAA,EAAA,QAAA,UACAA,EAAA,KAAA,OACAA,EAAA,QAAA,UACAA,EAAA,KAAA,OACAA,EAAA,OAAA,0BCaA,SAAAC,EACYC,EACAC,EACAC,GAFAzE,KAAAuE,oBAAAA,EACAvE,KAAAwE,cAAAA,EACAxE,KAAAyE,MAAAA,EAjBFzE,KAAA0E,OAAiC,IAAIC,EAAAA,aACrC3E,KAAA4E,WAAqC,IAAID,EAAAA,aACzC3E,KAAA6E,SAAuC,IAAIF,EAAAA,aAC3C3E,KAAA8E,SAAuC,IAAIH,EAAAA,aAC3C3E,KAAA+E,WAAyC,IAAIJ,EAAAA,aAC7C3E,KAAAgF,SAAkC,IAAIL,EAAAA,aACtC3E,KAAAiF,OAA8B,IAAIN,EAAAA,oBAc5CL,EAAAlE,UAAAe,SAAA,WAEInB,KAAKwE,cAAcU,SAAS,mBAAmB,SAACC,EAAMC,GAClD,GAAc,MAAVA,EACA,OAAO,EAEX,IACIC,EADAC,EAAgBF,EAAO,GAAGG,UAO9B,OAJIF,EADAD,EAAO,GACDA,EAAO,GAAGG,UAAY,MAEtBD,EAAQ,MAEG,MAAdH,EAAKjB,QAAwBiB,EAAKjB,MAAMqB,WAAaD,GAASH,EAAKjB,MAAMqB,WAAaF,MAGjGrF,KAAKwE,cAAcU,SAAS,cAAc,SAACC,EAAMC,GAC7C,OAAc,MAAVA,GAAmC,IAAjBA,EAAOI,QAGX,MAAdL,EAAKjB,OAGFiB,EAAKjB,MAAMuB,cAAcC,SAASN,EAAOK,kBAGpDzF,KAAKwE,cAAcU,SAAS,gBAAgB,SAACC,EAAMC,GAC/C,OAAc,MAAVA,GAGc,MAAdD,EAAKjB,OAGFiB,EAAKjB,OAASkB,KAGzBpF,KAAKwE,cAAcU,SAAS,eAAe,SAACC,EAAMC,GAC9C,OAAuC,GAA/BA,EAAOO,QAAQR,EAAKjB,UAGhClE,KAAKwE,cAAcU,SAAS,eAAe,SAACC,EAAMC,GAC9C,IAAIQ,GAAc,EAMlB,OALAR,EAAOS,SAAQ,SAAAC,IACqB,GAA5BX,EAAKjB,MAAMyB,QAAQG,KACnBF,GAAK,MAGNA,KAGX5F,KAAK+F,QAAQF,SAAQ,SAAAG,GACE,MAAfA,EAAIC,UACJD,EAAIC,QAAU,CAAEC,eAAgB,WAK5C5B,EAAAlE,UAAA+F,gBAAA,WAAA,IAAA/E,EAAApB,KACIA,KAAK+F,QAAQF,SAAQ,SAAAG,GACjB5E,EAAKgE,OAAOY,EAAKA,EAAIC,QAAQC,eAAgB9E,EAAKgF,eAAeJ,IAAM,MAE3EhG,KAAKyE,MAAM4B,iBAIf/B,EAAAlE,UAAAkG,WAAA,SAAWC,GAAX,IAAAnF,EAAApB,KACIwG,QAAQC,IAAIF,GACZ,IAAIP,EAAehG,KAAK+F,QAAQW,MAAK,SAAAV,GAAO,OAAAA,EAAIW,IAAMJ,EAAMK,SAC5D5G,KAAKiF,OAAO4B,KAAK,CAAEC,OAAQd,EAAKe,MAAOR,EAAMQ,QAC7C,IAAIC,EAAmBhB,EAAIiB,KAC3BV,EAAMW,KAAKC,MAAK,SAACC,EAAOC,GACpB,IAAIC,EAASF,EAAMb,EAAMK,OAAO1C,MAC5BqD,EAASF,EAAMd,EAAMK,OAAO1C,MAE5BsD,EAAS,KAkBb,OAjBc,MAAVF,GAA4B,MAAVC,EAClBC,GAAU,EACK,MAAVF,GAA4B,MAAVC,EACvBC,EAAS,EACM,MAAVF,GAA4B,MAAVC,EACvBC,EAAS,EACJR,GAAW5C,EAAAA,QAAQqD,MAAQT,GAAW5C,EAAAA,QAAQsD,KACnDF,EAASF,EAAOK,cAAcJ,GACzBP,GAAW5C,EAAAA,QAAQwD,YACxBJ,EAASpG,EAAKyG,qBAAqBP,EAAQlG,EAAK0G,UAAU9B,EAAKoB,EAAO,gBAAgBO,cAAcvG,EAAKyG,qBAAqBN,EAAQnG,EAAK0G,UAAU9B,EAAKqB,EAAO,iBAC1JL,GAAW5C,EAAAA,QAAQ2D,UAAYf,GAAW5C,EAAAA,QAAQ4D,cAAgBhB,GAAW5C,EAAAA,QAAQ6D,MAC5FT,EAASF,EAAOlG,EAAK0G,UAAU9B,EAAKoB,EAAO,gBAAgBO,cAAcJ,EAAOnG,EAAK0G,UAAU9B,EAAKqB,EAAO,iBACpGL,GAAW5C,EAAAA,QAAQ8D,QAAUlB,GAAW5C,EAAAA,QAAQ+D,OACvDX,EAAUF,EAASC,GAAW,EAAKD,EAASC,EAAU,EAAI,GAItDhB,EAAMQ,MAAQS,MAI9BlD,EAAAlE,UAAAgI,UAAA,SAAUpB,EAAiBhB,GACvB,OAAOA,EAAU,MAAKgB,GAG1B1C,EAAAlE,UAAAiI,UAAA,SAAU1B,GACN2B,SAASC,eAAe5B,GAAI6B,SAGhClE,EAAAlE,UAAAqI,WAAA,SAAWlC,GACP,IAAIP,EAAehG,KAAK+F,QAAQW,MAAK,SAAAV,GAAO,OAAAA,EAAIW,IAAMJ,EAAMK,SAC5D5G,KAAK0I,WAAWnC,EAAMW,KAAMlB,EAAKO,EAAMW,KAAKX,EAAMK,OAAO1C,QAG7DI,EAAAlE,UAAAsI,WAAA,SAAWC,EAAW7B,EAAiB5C,GACnClE,KAAK0E,OAAOmC,KAAK,CAAE8B,IAAKA,EAAK7B,OAAQA,EAAQ5C,MAAOA,KAGxDI,EAAAlE,UAAAwI,YAAA,SAAYD,GACR3I,KAAK8E,SAAS+B,KAAK,CAAE8B,IAAKA,KAG9BrE,EAAAlE,UAAAyI,cAAA,SAAcF,GACV3I,KAAK+E,WAAW8B,KAAK,CAAE8B,IAAKA,KAGhCrE,EAAAlE,UAAA0I,aAAA,SAAaH,GAAb,IAAAvH,EAAApB,KACIA,KAAKuE,oBAAoBwE,QAAQ,CAC7BC,IAAK,UACL/I,QAAS,mDACTgJ,OAAQ,WACJzC,QAAQC,IAAIrF,EAAK8H,OAAOvD,QAAQgD,IAChCvH,EAAK8H,OAAOC,OAAO/H,EAAK8H,OAAOvD,QAAQgD,GAAM,GAC7CvH,EAAK8H,gBFFSE,EAAIC,EAAMC,GACpC,GAAIA,GAA6B,IAArBC,UAAUC,OAAc,IAAK,IAA4BzF,EAAxBF,EAAI,EAAG4F,EAAIJ,EAAKG,OAAY3F,EAAI4F,EAAG5F,KACxEE,GAAQF,KAAKwF,IACRtF,IAAIA,EAAK2F,MAAMtJ,UAAUuJ,MAAM7F,KAAKuF,EAAM,EAAGxF,IAClDE,EAAGF,GAAKwF,EAAKxF,IAGrB,OAAOuF,EAAGQ,OAAO7F,GAAM2F,MAAMtJ,UAAUuJ,MAAM7F,KAAKuF,IEL3BQ,CAAA,GAAAxG,EAAOjC,EAAK8H,SACvB9H,EAAKyD,SAASgC,KAAK,CAAE8B,IAAKA,QAKtCrE,EAAAlE,UAAA0J,cAAA,SAAcC,EAAS/D,GACnBhG,KAAKgK,eAAe,CAAEpD,MAAOZ,EAAIW,GAAIO,KAAM6C,KAG/CzF,EAAAlE,UAAA4J,eAAA,SAAezD,GACX,IAAIP,EAAehG,KAAK+F,QAAQW,MAAK,SAAAV,GAAO,OAAAA,EAAIW,IAAMJ,EAAMK,SAC5D5G,KAAK4E,WAAWiC,KAAK,CAAE8B,IAAKpC,EAAMW,KAAMJ,OAAQd,EAAK9B,MAAOqC,EAAMW,KAAKX,EAAMK,OAAO1C,SAGxFI,EAAAlE,UAAA6J,cAAA,WACI,OAAOjK,KAAKiG,QAAQiE,UAGxB5F,EAAAlE,UAAA0H,UAAA,SAAU9B,EAAK2C,EAAKwB,GAChB,OAA2B,MAAvBxB,EAAI3C,EAAIW,IAAIV,SACuB,MAA/B0C,EAAI3C,EAAIW,IAAIV,QAAQkE,GACbxB,EAAI3C,EAAIW,IAAIV,QAAQkE,GAGhB,MAAfnE,EAAIC,SACuB,MAAvBD,EAAIC,QAAQkE,GACLnE,EAAIC,QAAQkE,GAGpB,MAGX7F,EAAAlE,UAAAyH,qBAAA,SAAqB3D,EAAOkG,GACxB,OAAa,MAATlG,EACOA,EAAMmG,KAAI,SAAAvE,GAAS,OAAOA,EAAIsE,MAAWE,KAAK,MAE9C,IAIfhG,EAAAlE,UAAAmK,wBAAA,SAAwB5B,EAAK3C,GACzB,IAAIoE,EAAgB,GACpB,OAAyB,MAArBzB,EAAI3C,EAAIW,IAAIzC,QAGW,MAAvByE,EAAI3C,EAAIW,IAAIV,QACZmE,EAAQzB,EAAI3C,EAAIW,IAAIV,QAAiB,QAAES,MAAK,SAAA8D,GAAO,OAAAA,EAAItG,OAASyE,EAAI3C,EAAIW,IAAIzC,SAAOyE,EAAI3C,EAAIW,IAAIV,QAAQwE,aAEpF,MAAfzE,EAAIC,UACJmE,EAAQpE,EAAIC,QAAiB,QAAES,MAAK,SAAA8D,GAAO,OAAAA,EAAItG,OAASyE,EAAI3C,EAAIW,IAAIzC,SAAO8B,EAAIC,QAAQwE,eANpFL,GAYf9F,EAAAlE,UAAAgG,eAAA,SAAeJ,GAEX,OAAIA,EAAIiB,MAAQ7C,EAAAA,QAAQ+D,KACb,kBAGPnC,EAAIiB,MAAQ7C,EAAAA,QAAQ8D,OACb,eAGPlC,EAAIiB,MAAQ7C,EAAAA,QAAQ2D,UAAY/B,EAAIiB,MAAQ7C,EAAAA,QAAQ6D,OAASjC,EAAIiB,MAAQ7C,EAAAA,QAAQ4D,aAC1E,cAGPhC,EAAIiB,MAAQ7C,EAAAA,QAAQwD,YACb,cAGP5B,EAAIiB,MAAQ7C,EAAAA,QAAQsD,MAAQ1B,EAAIiB,MAAQ7C,EAAAA,QAAQqD,KACzC,aAEJ,MAGXnD,EAAAlE,UAAAsK,YAAA,SAAYnE,EAAOP,GAEXA,EAAIiB,MAAQ7C,EAAAA,QAAQ+D,MACpBnI,KAAKoF,OAAOY,EAAKA,EAAIC,QAAQC,eAAgB,mBAG7CF,EAAIiB,MAAQ7C,EAAAA,QAAQ8D,QACpBlI,KAAKoF,OAAOY,EAAKO,EAAMrC,MAAO,gBAG9B8B,EAAIiB,MAAQ7C,EAAAA,QAAQ2D,UAAY/B,EAAIiB,MAAQ7C,EAAAA,QAAQ6D,OAASjC,EAAIiB,MAAQ7C,EAAAA,QAAQ4D,cACjFhI,KAAKoF,OAAOY,EAAKO,EAAMrC,MAAO,eAG9B8B,EAAIiB,MAAQ7C,EAAAA,QAAQwD,aACpB5H,KAAKoF,OAAOY,EAAKO,EAAMrC,MAAO,eAG9B8B,EAAIiB,MAAQ7C,EAAAA,QAAQsD,MAAQ1B,EAAIiB,MAAQ7C,EAAAA,QAAQqD,MAChDzH,KAAKoF,OAAOY,EAAKO,EAAMoE,OAAOzG,MAAO,eAI7CI,EAAAlE,UAAAgF,OAAA,SAAOY,EAAcF,EAAUV,EAAgBwF,QAAA,IAAAA,IAAAA,GAAA,GAC3C5K,KAAK6K,MAAMzF,OAAOU,EAAKE,EAAIW,GAAIvB,GAC1BwF,GACD5K,KAAKgF,SAAS6B,KAAK,CAAEC,OAAQd,EAAK9B,MAAO4B,8BAzQpDjE,EAAAA,UAASC,KAAA,CAAC,CACPC,SAAU,cACVC,SAAA,qy1BARK8I,EAAAA,2BAAqBC,EAAAA,qBADsCC,EAAAA,sDAc/DC,EAAAA,sBACAA,EAAAA,uBACAA,EAAAA,sBAEAC,EAAAA,2BACAA,EAAAA,yBACAA,EAAAA,yBACAA,EAAAA,2BACAA,EAAAA,yBACAA,EAAAA,uBACAA,EAAAA,sBAMAC,EAAAA,UAASrJ,KAAA,CAAC,QAAS,CAAEsJ,QAAQ,aCvB9B,4HALHpK,EAAAA,WAAUc,KAAA,CAAC,CACRuJ,WAAY,iDCWhBC,EAAAA,mBAAmBC,EAAAA,eA2BnB,iCAzBCrJ,EAAAA,SAAQJ,KAAA,CAAC,CACNmB,QAAS,CACLC,EAAAA,aACAsI,EACAC,EAAAA,cACAC,EAAAA,wBACAC,EAAAA,YACAC,EAAAA,qBAEJzJ,aAAc,CACVF,EACAhB,EACAqD,GAEJlC,QAAS,CACLnB,EACAqD,GAEJuH,UAAW,CACP9L,EACA+L,EACAhB,EAAAA,oBACA,CAAEiB,QAASC,EAAAA,UAAWC,SAAU,oBC/BtC,4HALDjL,EAAAA,WAAUc,KAAA,CAAC,CACVuJ,WAAY","sourcesContent":["import { Injectable } from '@angular/core';\nimport { BehaviorSubject } from 'rxjs';\r\nimport { IMessage } from '../helpers/interfaces/message.interface';\r\n\n@Injectable()\nexport class CilogMessageService {\n\n    display: BehaviorSubject<boolean>;\n    message: BehaviorSubject<IMessage>;\n\n    constructor() {\n        this.message = new BehaviorSubject<IMessage>(null);\n        this.display = new BehaviorSubject<boolean>(null);\n    }\n\n    showDialog(pContent: string, pSeverity: string, pClosable: boolean = true, pRefresh: boolean = false) {\n        this.message.next({\r\n            content: pContent,\r\n            severity: pSeverity,\r\n            closable: pClosable,\r\n            refresh: pRefresh\r\n        });\r\n        this.display.next(true);\r\n    }\n\n    closeDialog() {\n        this.display.next(false);\r\n    }\n}\n","import { CilogMessageService } from '../../services/message.service';\r\nimport { IMessage } from '../../helpers/interfaces/message.interface';\r\nimport { Component, OnInit } from '@angular/core';\r\n\n@Component({\n    selector: 'cilog-message',\n    templateUrl: './message.component.html',\n    styleUrls: ['./message.component.scss']\n})\nexport class CilogMessageComponent implements OnInit {\n\n    display: boolean;\n    message: IMessage;\n\n    constructor(public messageService: CilogMessageService) { }\n\n    ngOnInit(): void {\n        this.display = false;\n\n        this.messageService.message.subscribe(message => {\n            if (message != null) {\r\n                this.message = message;\r\n            }\r\n        });\n\n        this.messageService.display.subscribe(display => {\n            if (display != null) {\r\n                this.display = display;\r\n            }\r\n        });\n    }\n\n    headerBySeverity(): string {\r\n        if (this.message != null) {\r\n            switch (this.message.severity) {\r\n                case 'warn':\r\n                    return 'Attention';\r\n                case 'error':\r\n                    return 'Erreur'\r\n                case 'success':\r\n                    return 'Succès'\r\n                case 'info':\r\n                    return 'Information'\r\n            }\r\n        }\r\n    }\r\n\r\n    iconBySeverity(): string {\r\n        if (this.message != null) {\r\n            switch (this.message.severity) {\r\n                case 'warn':\r\n                    return 'pi-exclamation-triangle';\r\n                case 'error':\r\n                    return 'pi-exclamation-circle'\r\n                case 'success':\r\n                    return 'pi-check'\r\n                case 'info':\r\n                    return 'pi-info-circle'\r\n            }\r\n        }\r\n    }\r\n\r\n    classBySeverity(): string {\r\n        if (this.message != null) {\r\n            switch (this.message.severity) {\r\n                case 'warn':\r\n                    return 'message_warn';\r\n                case 'error':\r\n                    return 'message_error'\r\n                case 'success':\r\n                    return 'message_success'\r\n                case 'info':\r\n                    return 'message_info'\r\n            }\r\n        }\r\n    }\n\n    refreshPage() {\n        window.location.reload(true);\r\n    }\n}\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n    selector: 'lib-cilog-lib',\n    template: `\n    <p>\n      cilog-lib works!\n    </p>\n  `,\n    styles: [\n    ]\n})\nexport class CilogLibComponent implements OnInit {\n\n    constructor() { }\n\n    ngOnInit(): void {\n    }\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { DialogModule } from 'primeng/dialog';\nimport { ButtonModule } from 'primeng/button';\r\nimport { TableModule } from 'primeng/table';\r\nimport { InputTextModule } from 'primeng/inputtext';\r\nimport { SelectButtonModule } from 'primeng/selectbutton';\r\nimport { DropdownModule } from 'primeng/dropdown';\r\nimport { InputNumberModule } from 'primeng/inputnumber';\r\nimport { ConfirmDialogModule } from 'primeng/confirmdialog';\r\nimport { MultiSelectModule } from 'primeng/multiselect';\r\nimport { CalendarModule } from 'primeng/calendar';\r\nimport { TagModule } from 'primeng/tag';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\n\n@NgModule({\n    declarations: [],\n    exports: [\n        DialogModule,\n        ButtonModule,\n        TableModule,\n        InputTextModule,\n        SelectButtonModule,\n        DropdownModule,\n        InputNumberModule,\n        ConfirmDialogModule,\n        MultiSelectModule,\n        CalendarModule,\n        TagModule,\n        TooltipModule\n    ],\n    imports: [\n        CommonModule\n    ]\n})\nexport class PrimengModule { }\n","/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n","export enum ColType {\r\n    MultiSelect = 'MultiSelect',\r\n    Dropdown = 'Dropdown',\r\n    File = 'File',\r\n    Text = 'Text',\r\n    Number = 'Number',\r\n    SelectButton = 'SelectButton',\r\n    Button = 'Button',\r\n    Image = 'Image',\r\n    Date = 'Date',\r\n    State = 'State'\r\n}\r\n\r\nexport enum Severity {\r\n    Secondary = 'secondary',\r\n    Success = 'success',\r\n    Info = 'info',\r\n    Warning = 'warning',\r\n    Help = 'help',\r\n    Danger = 'danger'\r\n}\r\n","import { Component, OnInit, Input, Output, EventEmitter, ViewChild, ChangeDetectorRef } from '@angular/core';\r\nimport { ConfirmationService, FilterService, FilterMatchMode, SortEvent } from 'primeng/api';\r\nimport { IEdition, ISuppression, ISelection, IFilter, ISort } from '../../helpers/interfaces/edition.interface';\r\nimport { IColumn, IRow, IOptions, IOptionsGrille } from '../../helpers/interfaces/grille.interface';\r\nimport { Table } from 'primeng/table';\r\nimport { ColType } from '../../helpers/enums/grille.enum';\r\n\r\n@Component({\r\n    selector: 'cilog-table',\r\n    templateUrl: './table.component.html',\r\n    styleUrls: ['./table.component.scss']\r\n})\r\nexport class CilogTableComponent implements OnInit {\r\n\r\n    @Input() columns: IColumn[];\r\n    @Input() values: IRow[];\r\n    @Input() options: IOptionsGrille;\r\n\r\n    @Output() onEdit: EventEmitter<IEdition> = new EventEmitter<IEdition>();\r\n    @Output() onEditInit: EventEmitter<IEdition> = new EventEmitter<IEdition>();\r\n    @Output() onDelete: EventEmitter<ISuppression> = new EventEmitter<ISuppression>();\r\n    @Output() onSelect: EventEmitter<ISuppression> = new EventEmitter<ISelection>();\r\n    @Output() onUnselect: EventEmitter<ISuppression> = new EventEmitter<ISelection>();\r\n    @Output() onFilter: EventEmitter<IFilter> = new EventEmitter<IFilter>();\r\n    @Output() onSort: EventEmitter<ISort> = new EventEmitter<ISort>();\r\n\r\n    selectedRow: IRow;\r\n\r\n    filterDatesRange: Date[];\r\n\r\n    @ViewChild('table', { static: true }) table: Table;\r\n\r\n    constructor(\r\n        private confirmationService: ConfirmationService,\r\n        private filterService: FilterService,\r\n        private cdRef: ChangeDetectorRef\r\n    ) { }\r\n\r\n    ngOnInit(): void {\r\n        // Date\r\n        this.filterService.register('dateRangeFilter', (cell, filter) => {\r\n            if (filter == null) {\r\n                return true;\r\n            }\r\n            let start: number = filter[0].getTime();\r\n            let end: number;\r\n            if (filter[1]) {\r\n                end = filter[1].getTime() + 86400000;\r\n            } else {\r\n                end = start + 86400000;\r\n            }\r\n            return cell.value == null ? false : cell.value.getTime() >= start && cell.value.getTime() <= end;\r\n        });\r\n        // Text\r\n        this.filterService.register('textFilter', (cell, filter) => {\r\n            if (filter == null || filter.trim() == '') {\r\n                return true;\r\n            }\r\n            if (cell.value == null) {\r\n                return false;\r\n            }\r\n            return cell.value.toLowerCase().includes(filter.toLowerCase());\r\n        });\r\n        // Number\r\n        this.filterService.register('numberFilter', (cell, filter) => {\r\n            if (filter == null) {\r\n                return true;\r\n            }\r\n            if (cell.value == null) {\r\n                return false;\r\n            }\r\n            return cell.value == filter;\r\n        });\r\n        // Objet\r\n        this.filterService.register('objetFilter', (cell, filter) => {\r\n            return (filter.indexOf(cell.value) != -1);\r\n        });\r\n        // Liste\r\n        this.filterService.register('listeFilter', (cell, filter) => {\r\n            let ok: boolean = false;\r\n            filter.forEach(val => {\r\n                if (cell.value.indexOf(val) != -1) {\r\n                    ok = true;\r\n                }\r\n            });\r\n            return ok;\r\n        });\r\n\r\n        this.columns.forEach(col => {\r\n            if (col.options == null) {\r\n                col.options = { defaultFilters: null };\r\n            }\r\n        });\r\n    }\r\n\r\n    ngAfterViewInit() {\r\n        this.columns.forEach(col => {\r\n            this.filter(col, col.options.defaultFilters, this.getFilterByCol(col), true);\r\n        });\r\n        this.cdRef.detectChanges();\r\n    }\r\n\r\n    // Sort\r\n    customSort(event: SortEvent) {\r\n        console.log(event)\r\n        let col: IColumn = this.columns.find(col => col.id == event.field);\r\n        this.onSort.emit({ column: col, order: event.order })\r\n        let typeCol: ColType = col.type;\r\n        event.data.sort((data1, data2) => {\r\n            let value1 = data1[event.field].value;\r\n            let value2 = data2[event.field].value;\r\n\r\n            let result = null;\r\n            if (value1 == null && value2 != null)\r\n                result = -1;\r\n            else if (value1 != null && value2 == null)\r\n                result = 1;\r\n            else if (value1 == null && value2 == null)\r\n                result = 0;\r\n            else if (typeCol == ColType.Text || typeCol == ColType.File)\r\n                result = value1.localeCompare(value2);\r\n            else if (typeCol == ColType.MultiSelect) {\r\n                result = this.getMultiSelectConcat(value1, this.getOption(col, data1, 'optionLabel')).localeCompare(this.getMultiSelectConcat(value2, this.getOption(col, data2, 'optionLabel')));\r\n            } else if (typeCol == ColType.Dropdown || typeCol == ColType.SelectButton || typeCol == ColType.State) {\r\n                result = value1[this.getOption(col, data1, 'optionLabel')].localeCompare(value2[this.getOption(col, data2, 'optionLabel')]);\r\n            } else if (typeCol == ColType.Number || typeCol == ColType.Date)\r\n                result = (value1 < value2) ? -1 : (value1 > value2) ? 1 : 0;\r\n            else\r\n                result == 0;\r\n\r\n            return (event.order * result);\r\n        });\r\n    }\r\n\r\n    checkType(typeCol: string, col: IColumn) {\r\n        return col['type'] == typeCol;\r\n    }\r\n\r\n    clickById(id: string) {\r\n        document.getElementById(id).click();\r\n    }\r\n\r\n    onEditText(event) {\r\n        let col: IColumn = this.columns.find(col => col.id == event.field);\r\n        this.onEditCell(event.data, col, event.data[event.field].value);\r\n    }\r\n\r\n    onEditCell(row: IRow, column: IColumn, value: any) {\r\n        this.onEdit.emit({ row: row, column: column, value: value });\r\n    }\r\n\r\n    onSelectRow(row: IRow) {\r\n        this.onSelect.emit({ row: row });\r\n    }\r\n\r\n    onUnselectRow(row: IRow) {\r\n        this.onUnselect.emit({ row: row });\r\n    }\r\n\r\n    onDeleteLine(row: IRow) {\r\n        this.confirmationService.confirm({\r\n            key: 'confirm',\r\n            message: 'Êtes-vous sûr de vouloir supprimer cette ligne ?',\r\n            accept: () => {\r\n                console.log(this.values.indexOf(row))\r\n                this.values.splice(this.values.indexOf(row), 1);\r\n                this.values = [...this.values];\r\n                this.onDelete.emit({ row: row });\r\n            }\r\n        });\r\n    }\r\n\r\n    onFocusNumber(rowData, col) {\r\n        this.onEditInitCell({ field: col.id, data: rowData });\r\n    }\r\n\r\n    onEditInitCell(event) {\r\n        let col: IColumn = this.columns.find(col => col.id == event.field);\r\n        this.onEditInit.emit({ row: event.data, column: col, value: event.data[event.field].value });\r\n    }\r\n\r\n    isModeEdition() {\r\n        return this.options.editable;\r\n    }\r\n\r\n    getOption(col, row, option: string) {\r\n        if (row[col.id].options != null) {\r\n            if (row[col.id].options[option] != null) {\r\n                return row[col.id].options[option];\r\n            }\r\n        }\r\n        if (col.options != null) {\r\n            if (col.options[option] != null) {\r\n                return col.options[option]\r\n            }\r\n        }\r\n        return null;\r\n    }\r\n\r\n    getMultiSelectConcat(value, label: string) {\r\n        if (value != null) {\r\n            return value.map(val => { return val[label]; }).join(', ');\r\n        } else {\r\n            return '';\r\n        }\r\n    }\r\n\r\n    getSelectLibelleByValue(row, col) {\r\n        let label: string = '';\r\n        if (row[col.id].value == null) {\r\n            return label;\r\n        }\r\n        if (row[col.id].options != null) {\r\n            label = row[col.id].options['options'].find(opt => opt.value == row[col.id].value)[row[col.id].options.optionLabel];\r\n        } else {\r\n            if (col.options != null) {\r\n                label = col.options['options'].find(opt => opt.value == row[col.id].value)[col.options.optionLabel];\r\n            }\r\n        }\r\n        return label;\r\n    }\r\n\r\n    getFilterByCol(col: IColumn) {\r\n        // Dates (range)\r\n        if (col.type == ColType.Date) {\r\n            return 'dateRangeFilter';\r\n        }\r\n        // Number\r\n        if (col.type == ColType.Number) {\r\n            return 'numberFilter';\r\n        }\r\n        // Objet\r\n        if (col.type == ColType.Dropdown || col.type == ColType.State || col.type == ColType.SelectButton) {\r\n            return 'objetFilter';\r\n        }\r\n        // Liste\r\n        if (col.type == ColType.MultiSelect) {\r\n            return 'listeFilter';\r\n        }\r\n        // Texte\r\n        if (col.type == ColType.File || col.type == ColType.Text) {\r\n            return 'textFilter';\r\n        }\r\n        return null;\r\n    }\r\n\r\n    onFilterCol(event, col: IColumn) {\r\n        // Dates (range)\r\n        if (col.type == ColType.Date) {\r\n            this.filter(col, col.options.defaultFilters, 'dateRangeFilter');\r\n        }\r\n        // Number\r\n        if (col.type == ColType.Number) {\r\n            this.filter(col, event.value, 'numberFilter');\r\n        }\r\n        // Objet\r\n        if (col.type == ColType.Dropdown || col.type == ColType.State || col.type == ColType.SelectButton) {\r\n            this.filter(col, event.value, 'objetFilter');\r\n        }\r\n        // Liste\r\n        if (col.type == ColType.MultiSelect) {\r\n            this.filter(col, event.value, 'listeFilter');\r\n        }\r\n        // Texte\r\n        if (col.type == ColType.File || col.type == ColType.Text) {\r\n            this.filter(col, event.target.value, 'textFilter');\r\n        }\r\n    }\r\n\r\n    filter(col: IColumn, val: any, filter: string, init: boolean = false) {\r\n        this.table.filter(val, col.id, filter);\r\n        if (!init) {\r\n            this.onFilter.emit({ column: col, value: val });\r\n        }\r\n    }\r\n}\r\n","import { Injectable } from '@angular/core';\r\n\n@Injectable({\n    providedIn: 'root'\n})\nexport class CilogTableService {\n\n    constructor() { }\n}\n","import { NgModule, LOCALE_ID } from '@angular/core';\nimport { CilogMessageComponent } from './views/message/message.component';\r\nimport { CilogLibComponent } from './cilog-lib.component';\r\nimport { CommonModule, registerLocaleData } from '@angular/common';\nimport { PrimengModule } from './modules/primeng.module';\r\nimport { CilogMessageService } from './services/message.service';\r\nimport { BrowserModule } from '@angular/platform-browser';\r\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { CilogTableComponent } from './views/table/table.component';\r\nimport { CilogTableService } from './services/table.service';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { ConfirmationService } from 'primeng/api';\r\nimport localeFr from '@angular/common/locales/fr';\r\n\nregisterLocaleData(localeFr);\n\n@NgModule({\n    imports: [\r\n        CommonModule,\r\n        PrimengModule,\r\n        BrowserModule,\n        BrowserAnimationsModule,\r\n        FormsModule,\r\n        ReactiveFormsModule\r\n    ],\r\n    declarations: [\n        CilogLibComponent,\n        CilogMessageComponent,\n        CilogTableComponent\n    ],\n    exports: [\n        CilogMessageComponent,\n        CilogTableComponent\n    ],\n    providers: [\n        CilogMessageService,\n        CilogTableService,\n        ConfirmationService,\n        { provide: LOCALE_ID, useValue: 'fr-FR' },\n    ]\n})\nexport class CilogLibModule { }\n","import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class CilogLibService {\n\n  constructor() { }\n}\n"]}
+{"version":3,"sources":["../../../projects/cilog-lib/src/lib/services/message.service.ts","../../../projects/cilog-lib/src/lib/views/message/message.component.ts","../../../projects/cilog-lib/src/lib/cilog-lib.component.ts","../../../projects/cilog-lib/src/lib/modules/primeng.module.ts","../../../node_modules/tslib/tslib.es6.js","../../../projects/cilog-lib/src/lib/helpers/enums/grille.enum.ts","../../../projects/cilog-lib/src/lib/views/table/table.component.ts","../../../projects/cilog-lib/src/lib/services/table.service.ts","../../../projects/cilog-lib/src/lib/cilog-lib.module.ts","../../../projects/cilog-lib/src/lib/cilog-lib.service.ts"],"names":["CilogMessageService","this","message","BehaviorSubject","display","prototype","showDialog","pContent","pSeverity","pClosable","pRefresh","next","content","severity","closable","refresh","closeDialog","Injectable","CilogMessageComponent","messageService","ngOnInit","_this","subscribe","headerBySeverity","iconBySeverity","classBySeverity","refreshPage","window","location","reload","Component","args","selector","template","CilogLibComponent","NgModule","declarations","exports","DialogModule","ButtonModule","TableModule","InputTextModule","SelectButtonModule","DropdownModule","InputNumberModule","ConfirmDialogModule","MultiSelectModule","CalendarModule","TagModule","TooltipModule","imports","CommonModule","Object","create","__read","o","n","m","Symbol","iterator","r","e","i","call","ar","done","push","value","error","ColType","Severity","CilogTableComponent","confirmationService","filterService","cdRef","onEdit","EventEmitter","onEditInit","onDelete","onSelect","onUnselect","onFilter","onSort","register","cell","filter","end","start","getTime","trim","toLowerCase","includes","indexOf","ok","forEach","val","columns","col","options","defaultFilters","ngAfterViewInit","getFilterByCol","detectChanges","customSort","event","console","log","find","id","field","emit","column","order","typeCol","type","data","sort","data1","data2","value1","value2","result","Text","File","localeCompare","MultiSelect","getMultiSelectConcat","getOption","Dropdown","SelectButton","State","Number","Date","checkType","clickById","document","getElementById","click","onEditText","onEditCell","row","onSelectRow","onUnselectRow","onDeleteLine","confirm","key","accept","values","splice","to","from","pack","arguments","length","l","Array","slice","concat","__spreadArray","onFocusNumber","rowData","onEditInitCell","isModeEdition","editable","option","label","map","join","getSelectLibelleByValue","opt","optionLabel","onFilterCol","target","init","table","ConfirmationService","FilterService","ChangeDetectorRef","Input","Output","ViewChild","static","providedIn","registerLocaleData","localeFr","PrimengModule","BrowserModule","BrowserAnimationsModule","FormsModule","ReactiveFormsModule","providers","CilogTableService","provide","LOCALE_ID","useValue"],"mappings":"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","sourcesContent":["import { Injectable } from '@angular/core';\nimport { BehaviorSubject } from 'rxjs';\r\nimport { IMessage } from '../helpers/interfaces/message.interface';\r\n\n@Injectable()\nexport class CilogMessageService {\n\n    display: BehaviorSubject<boolean>;\n    message: BehaviorSubject<IMessage>;\n\n    constructor() {\n        this.message = new BehaviorSubject<IMessage>(null);\n        this.display = new BehaviorSubject<boolean>(null);\n    }\n\n    showDialog(pContent: string, pSeverity: string, pClosable: boolean = true, pRefresh: boolean = false) {\n        this.message.next({\r\n            content: pContent,\r\n            severity: pSeverity,\r\n            closable: pClosable,\r\n            refresh: pRefresh\r\n        });\r\n        this.display.next(true);\r\n    }\n\n    closeDialog() {\n        this.display.next(false);\r\n    }\n}\n","import { CilogMessageService } from '../../services/message.service';\r\nimport { IMessage } from '../../helpers/interfaces/message.interface';\r\nimport { Component, OnInit } from '@angular/core';\r\n\n@Component({\n    selector: 'cilog-message',\n    templateUrl: './message.component.html',\n    styleUrls: ['./message.component.scss']\n})\nexport class CilogMessageComponent implements OnInit {\n\n    display: boolean;\n    message: IMessage;\n\n    constructor(public messageService: CilogMessageService) { }\n\n    ngOnInit(): void {\n        this.display = false;\n\n        this.messageService.message.subscribe(message => {\n            if (message != null) {\r\n                this.message = message;\r\n            }\r\n        });\n\n        this.messageService.display.subscribe(display => {\n            if (display != null) {\r\n                this.display = display;\r\n            }\r\n        });\n    }\n\n    headerBySeverity(): string {\r\n        if (this.message != null) {\r\n            switch (this.message.severity) {\r\n                case 'warn':\r\n                    return 'Attention';\r\n                case 'error':\r\n                    return 'Erreur'\r\n                case 'success':\r\n                    return 'Succès'\r\n                case 'info':\r\n                    return 'Information'\r\n            }\r\n        }\r\n    }\r\n\r\n    iconBySeverity(): string {\r\n        if (this.message != null) {\r\n            switch (this.message.severity) {\r\n                case 'warn':\r\n                    return 'pi-exclamation-triangle';\r\n                case 'error':\r\n                    return 'pi-exclamation-circle'\r\n                case 'success':\r\n                    return 'pi-check'\r\n                case 'info':\r\n                    return 'pi-info-circle'\r\n            }\r\n        }\r\n    }\r\n\r\n    classBySeverity(): string {\r\n        if (this.message != null) {\r\n            switch (this.message.severity) {\r\n                case 'warn':\r\n                    return 'message_warn';\r\n                case 'error':\r\n                    return 'message_error'\r\n                case 'success':\r\n                    return 'message_success'\r\n                case 'info':\r\n                    return 'message_info'\r\n            }\r\n        }\r\n    }\n\n    refreshPage() {\n        window.location.reload(true);\r\n    }\n}\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n    selector: 'lib-cilog-lib',\n    template: `\n    <p>\n      cilog-lib works!\n    </p>\n  `,\n    styles: [\n    ]\n})\nexport class CilogLibComponent implements OnInit {\n\n    constructor() { }\n\n    ngOnInit(): void {\n    }\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { DialogModule } from 'primeng/dialog';\nimport { ButtonModule } from 'primeng/button';\r\nimport { TableModule } from 'primeng/table';\r\nimport { InputTextModule } from 'primeng/inputtext';\r\nimport { SelectButtonModule } from 'primeng/selectbutton';\r\nimport { DropdownModule } from 'primeng/dropdown';\r\nimport { InputNumberModule } from 'primeng/inputnumber';\r\nimport { ConfirmDialogModule } from 'primeng/confirmdialog';\r\nimport { MultiSelectModule } from 'primeng/multiselect';\r\nimport { CalendarModule } from 'primeng/calendar';\r\nimport { TagModule } from 'primeng/tag';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\n\n@NgModule({\n    declarations: [],\n    exports: [\n        DialogModule,\n        ButtonModule,\n        TableModule,\n        InputTextModule,\n        SelectButtonModule,\n        DropdownModule,\n        InputNumberModule,\n        ConfirmDialogModule,\n        MultiSelectModule,\n        CalendarModule,\n        TagModule,\n        TooltipModule\n    ],\n    imports: [\n        CommonModule\n    ]\n})\nexport class PrimengModule { }\n","/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n","export enum ColType {\r\n    MultiSelect = 'MultiSelect',\r\n    Dropdown = 'Dropdown',\r\n    File = 'File',\r\n    Text = 'Text',\r\n    Number = 'Number',\r\n    SelectButton = 'SelectButton',\r\n    Button = 'Button',\r\n    Image = 'Image',\r\n    Date = 'Date',\r\n    State = 'State'\r\n}\r\n\r\nexport enum Severity {\r\n    Secondary = 'secondary',\r\n    Success = 'success',\r\n    Info = 'info',\r\n    Warning = 'warning',\r\n    Help = 'help',\r\n    Danger = 'danger'\r\n}\r\n","import { Component, OnInit, Input, Output, EventEmitter, ViewChild, ChangeDetectorRef } from '@angular/core';\r\nimport { ConfirmationService, FilterService, FilterMatchMode, SortEvent } from 'primeng/api';\r\nimport { IEdition, ISuppression, ISelection, IFilter, ISort } from '../../helpers/interfaces/edition.interface';\r\nimport { IColumn, IRow, IOptions, IOptionsGrille } from '../../helpers/interfaces/grille.interface';\r\nimport { Table } from 'primeng/table';\r\nimport { ColType } from '../../helpers/enums/grille.enum';\r\n\r\n@Component({\r\n    selector: 'cilog-table',\r\n    templateUrl: './table.component.html',\r\n    styleUrls: ['./table.component.scss']\r\n})\r\nexport class CilogTableComponent implements OnInit {\r\n\r\n    @Input() columns: IColumn[];\r\n    @Input() values: IRow[];\r\n    @Input() options: IOptionsGrille;\r\n\r\n    @Output() onEdit: EventEmitter<IEdition> = new EventEmitter<IEdition>();\r\n    @Output() onEditInit: EventEmitter<IEdition> = new EventEmitter<IEdition>();\r\n    @Output() onDelete: EventEmitter<ISuppression> = new EventEmitter<ISuppression>();\r\n    @Output() onSelect: EventEmitter<ISuppression> = new EventEmitter<ISelection>();\r\n    @Output() onUnselect: EventEmitter<ISuppression> = new EventEmitter<ISelection>();\r\n    @Output() onFilter: EventEmitter<IFilter> = new EventEmitter<IFilter>();\r\n    @Output() onSort: EventEmitter<ISort> = new EventEmitter<ISort>();\r\n\r\n    selectedRow: IRow;\r\n\r\n    filterDatesRange: Date[];\r\n\r\n    @ViewChild('table', { static: true }) table: Table;\r\n\r\n    constructor(\r\n        private confirmationService: ConfirmationService,\r\n        private filterService: FilterService,\r\n        private cdRef: ChangeDetectorRef\r\n    ) { }\r\n\r\n    ngOnInit(): void {\r\n        // Date\r\n        this.filterService.register('dateRangeFilter', (cell, filter) => {\r\n            if (filter == null) {\r\n                return true;\r\n            }\r\n            let start: number = filter[0].getTime();\r\n            let end: number;\r\n            if (filter[1]) {\r\n                end = filter[1].getTime() + 86400000;\r\n            } else {\r\n                end = start + 86400000;\r\n            }\r\n            return cell.value == null ? false : cell.value.getTime() >= start && cell.value.getTime() <= end;\r\n        });\r\n        // Text\r\n        this.filterService.register('textFilter', (cell, filter) => {\r\n            if (filter == null || filter.trim() == '') {\r\n                return true;\r\n            }\r\n            if (cell.value == null) {\r\n                return false;\r\n            }\r\n            return cell.value.toLowerCase().includes(filter.toLowerCase());\r\n        });\r\n        // Number\r\n        this.filterService.register('numberFilter', (cell, filter) => {\r\n            if (filter == null) {\r\n                return true;\r\n            }\r\n            if (cell.value == null) {\r\n                return false;\r\n            }\r\n            return cell.value == filter;\r\n        });\r\n        // Objet\r\n        this.filterService.register('objetFilter', (cell, filter) => {\r\n            return (filter.indexOf(cell.value) != -1);\r\n        });\r\n        // Liste\r\n        this.filterService.register('listeFilter', (cell, filter) => {\r\n            let ok: boolean = false;\r\n            filter.forEach(val => {\r\n                if (cell.value.indexOf(val) != -1) {\r\n                    ok = true;\r\n                }\r\n            });\r\n            return ok;\r\n        });\r\n\r\n        this.columns.forEach(col => {\r\n            if (col.options == null) {\r\n                col.options = { defaultFilters: null };\r\n            }\r\n        });\r\n    }\r\n\r\n    ngAfterViewInit() {\r\n        this.columns.forEach(col => {\r\n            this.filter(col, col.options.defaultFilters, this.getFilterByCol(col), true);\r\n        });\r\n        this.cdRef.detectChanges();\r\n    }\r\n\r\n    // Sort\r\n    customSort(event: SortEvent) {\r\n        console.log(event)\r\n        let col: IColumn = this.columns.find(col => col.id == event.field);\r\n        this.onSort.emit({ column: col, order: event.order })\r\n        let typeCol: ColType = col.type;\r\n        event.data.sort((data1, data2) => {\r\n            let value1 = data1[event.field].value;\r\n            let value2 = data2[event.field].value;\r\n\r\n            let result = null;\r\n            if (value1 == null && value2 != null)\r\n                result = -1;\r\n            else if (value1 != null && value2 == null)\r\n                result = 1;\r\n            else if (value1 == null && value2 == null)\r\n                result = 0;\r\n            else if (typeCol == ColType.Text || typeCol == ColType.File)\r\n                result = value1.localeCompare(value2);\r\n            else if (typeCol == ColType.MultiSelect) {\r\n                result = this.getMultiSelectConcat(value1, this.getOption(col, data1, 'optionLabel')).localeCompare(this.getMultiSelectConcat(value2, this.getOption(col, data2, 'optionLabel')));\r\n            } else if (typeCol == ColType.Dropdown || typeCol == ColType.SelectButton || typeCol == ColType.State) {\r\n                result = value1[this.getOption(col, data1, 'optionLabel')].localeCompare(value2[this.getOption(col, data2, 'optionLabel')]);\r\n            } else if (typeCol == ColType.Number || typeCol == ColType.Date)\r\n                result = (value1 < value2) ? -1 : (value1 > value2) ? 1 : 0;\r\n            else\r\n                result == 0;\r\n\r\n            return (event.order * result);\r\n        });\r\n    }\r\n\r\n    checkType(typeCol: string, col: IColumn) {\r\n        return col['type'] == typeCol;\r\n    }\r\n\r\n    clickById(id: string) {\r\n        document.getElementById(id).click();\r\n    }\r\n\r\n    onEditText(event) {\r\n        let col: IColumn = this.columns.find(col => col.id == event.field);\r\n        this.onEditCell(event.data, col, event.data[event.field].value);\r\n    }\r\n\r\n    onEditCell(row: IRow, column: IColumn, value: any) {\r\n        this.onEdit.emit({ row: row, column: column, value: value });\r\n    }\r\n\r\n    onSelectRow(row: IRow) {\r\n        this.onSelect.emit({ row: row });\r\n    }\r\n\r\n    onUnselectRow(row: IRow) {\r\n        this.onUnselect.emit({ row: row });\r\n    }\r\n\r\n    onDeleteLine(row: IRow) {\r\n        this.confirmationService.confirm({\r\n            key: 'confirm',\r\n            message: 'Êtes-vous sûr de vouloir supprimer cette ligne ?',\r\n            accept: () => {\r\n                console.log(this.values.indexOf(row))\r\n                this.values.splice(this.values.indexOf(row), 1);\r\n                this.values = [...this.values];\r\n                this.onDelete.emit({ row: row });\r\n            }\r\n        });\r\n    }\r\n\r\n    onFocusNumber(rowData, col) {\r\n        this.onEditInitCell({ field: col.id, data: rowData });\r\n    }\r\n\r\n    onEditInitCell(event) {\r\n        let col: IColumn = this.columns.find(col => col.id == event.field);\r\n        this.onEditInit.emit({ row: event.data, column: col, value: event.data[event.field].value });\r\n    }\r\n\r\n    isModeEdition() {\r\n        return this.options.editable;\r\n    }\r\n\r\n    getOption(col, row, option: string) {\r\n        if (row[col.id].options != null) {\r\n            if (row[col.id].options[option] != null) {\r\n                return row[col.id].options[option];\r\n            }\r\n        }\r\n        if (col.options != null) {\r\n            if (col.options[option] != null) {\r\n                return col.options[option]\r\n            }\r\n        }\r\n        return null;\r\n    }\r\n\r\n    getMultiSelectConcat(value, label: string) {\r\n        if (value != null) {\r\n            return value.map(val => { return val[label]; }).join(', ');\r\n        } else {\r\n            return '';\r\n        }\r\n    }\r\n\r\n    getSelectLibelleByValue(row, col) {\r\n        let label: string = '';\r\n        if (row[col.id].value == null) {\r\n            return label;\r\n        }\r\n        if (row[col.id].options != null) {\r\n            label = row[col.id].options['options'].find(opt => opt.value == row[col.id].value)[row[col.id].options.optionLabel];\r\n        } else {\r\n            if (col.options != null) {\r\n                label = col.options['options'].find(opt => opt.value == row[col.id].value)[col.options.optionLabel];\r\n            }\r\n        }\r\n        return label;\r\n    }\r\n\r\n    getFilterByCol(col: IColumn) {\r\n        // Dates (range)\r\n        if (col.type == ColType.Date) {\r\n            return 'dateRangeFilter';\r\n        }\r\n        // Number\r\n        if (col.type == ColType.Number) {\r\n            return 'numberFilter';\r\n        }\r\n        // Objet\r\n        if (col.type == ColType.Dropdown || col.type == ColType.State || col.type == ColType.SelectButton) {\r\n            return 'objetFilter';\r\n        }\r\n        // Liste\r\n        if (col.type == ColType.MultiSelect) {\r\n            return 'listeFilter';\r\n        }\r\n        // Texte\r\n        if (col.type == ColType.File || col.type == ColType.Text) {\r\n            return 'textFilter';\r\n        }\r\n        return null;\r\n    }\r\n\r\n    onFilterCol(event, col: IColumn) {\r\n        // Dates (range)\r\n        if (col.type == ColType.Date) {\r\n            this.filter(col, col.options.defaultFilters, 'dateRangeFilter');\r\n        }\r\n        // Number\r\n        if (col.type == ColType.Number) {\r\n            this.filter(col, event.value, 'numberFilter');\r\n        }\r\n        // Objet\r\n        if (col.type == ColType.Dropdown || col.type == ColType.State || col.type == ColType.SelectButton) {\r\n            this.filter(col, event.value, 'objetFilter');\r\n        }\r\n        // Liste\r\n        if (col.type == ColType.MultiSelect) {\r\n            this.filter(col, event.value, 'listeFilter');\r\n        }\r\n        // Texte\r\n        if (col.type == ColType.File || col.type == ColType.Text) {\r\n            this.filter(col, event.target.value, 'textFilter');\r\n        }\r\n    }\r\n\r\n    filter(col: IColumn, val: any, filter: string, init: boolean = false) {\r\n        this.table.filter(val, col.id, filter);\r\n        if (!init) {\r\n            this.onFilter.emit({ column: col, value: val });\r\n        }\r\n    }\r\n}\r\n","import { Injectable } from '@angular/core';\r\n\n@Injectable({\n    providedIn: 'root'\n})\nexport class CilogTableService {\n\n    constructor() { }\n}\n","import { NgModule, LOCALE_ID } from '@angular/core';\nimport { CilogMessageComponent } from './views/message/message.component';\r\nimport { CilogLibComponent } from './cilog-lib.component';\r\nimport { CommonModule, registerLocaleData } from '@angular/common';\nimport { PrimengModule } from './modules/primeng.module';\r\nimport { CilogMessageService } from './services/message.service';\r\nimport { BrowserModule } from '@angular/platform-browser';\r\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { CilogTableComponent } from './views/table/table.component';\r\nimport { CilogTableService } from './services/table.service';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { ConfirmationService } from 'primeng/api';\r\nimport localeFr from '@angular/common/locales/fr';\r\n\nregisterLocaleData(localeFr);\n\n@NgModule({\n    imports: [\r\n        CommonModule,\r\n        PrimengModule,\r\n        BrowserModule,\n        BrowserAnimationsModule,\r\n        FormsModule,\r\n        ReactiveFormsModule\r\n    ],\r\n    declarations: [\n        CilogLibComponent,\n        CilogMessageComponent,\n        CilogTableComponent\n    ],\n    exports: [\n        CilogMessageComponent,\n        CilogTableComponent\n    ],\n    providers: [\n        CilogMessageService,\n        CilogTableService,\n        ConfirmationService,\n        { provide: LOCALE_ID, useValue: 'fr-FR' },\n    ]\n})\nexport class CilogLibModule { }\n","import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class CilogLibService {\n\n  constructor() { }\n}\n"]}

package/cilog-lib.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"CilogLibModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":8},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":20,"character":8},{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"BrowserAnimationsModule","line":21,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":22,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":23,"character":8}],"declarations":[{"__symbolic":"reference","name":"CilogLibComponent"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}],"exports":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}],"providers":[{"__symbolic":"reference","name":"CilogMessageService"},{"__symbolic":"reference","name":"CilogTableService"},{"__symbolic":"reference","module":"primeng/api","name":"ConfirmationService","line":37,"character":8},{"provide":{"__symbolic":"reference","module":"@angular/core","name":"LOCALE_ID","line":38,"character":19},"useValue":"fr-FR"}]}]}],"members":{}},"CilogLibComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lib-cilog-lib","template":"\n    <p>\n      cilog-lib works!\n    </p>\n  ","styles":[]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"CilogLibService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ɵprov":{}}},"CilogMessageService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"showDialog":[{"__symbolic":"method"}],"closeDialog":[{"__symbolic":"method"}]}},"CilogTableService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ɵprov":{}}},"IGrouping":{"__symbolic":"interface"},"IOptionsGrille":{"__symbolic":"interface"},"IRow":{"__symbolic":"interface"},"ICell":{"__symbolic":"interface"},"IColumn":{"__symbolic":"interface"},"IOptions":{"__symbolic":"interface"},"IOptionsDropdown":{"__symbolic":"interface"},"IOptionsMultiSelect":{"__symbolic":"interface"},"IOptionsNumber":{"__symbolic":"interface"},"IOptionsSelectButton":{"__symbolic":"interface"},"IOptionsButton":{"__symbolic":"interface"},"IOptionsState":{"__symbolic":"interface"},"IMessage":{"__symbolic":"interface"},"IEdition":{"__symbolic":"interface"},"ISuppression":{"__symbolic":"interface"},"ISelection":{"__symbolic":"interface"},"IFilter":{"__symbolic":"interface"},"ISort":{"__symbolic":"interface"},"ColType":{"MultiSelect":"MultiSelect","Dropdown":"Dropdown","File":"File","Text":"Text","Number":"Number","SelectButton":"SelectButton","Button":"Button","Image":"Image","Date":"Date","State":"State"},"Severity":{"Secondary":"secondary","Success":"success","Info":"info","Warning":"warning","Help":"help","Danger":"danger"},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"declarations":[],"exports":[{"__symbolic":"reference","module":"primeng/dialog","name":"DialogModule","line":18,"character":8},{"__symbolic":"reference","module":"primeng/button","name":"ButtonModule","line":19,"character":8},{"__symbolic":"reference","module":"primeng/table","name":"TableModule","line":20,"character":8},{"__symbolic":"reference","module":"primeng/inputtext","name":"InputTextModule","line":21,"character":8},{"__symbolic":"reference","module":"primeng/selectbutton","name":"SelectButtonModule","line":22,"character":8},{"__symbolic":"reference","module":"primeng/dropdown","name":"DropdownModule","line":23,"character":8},{"__symbolic":"reference","module":"primeng/inputnumber","name":"InputNumberModule","line":24,"character":8},{"__symbolic":"reference","module":"primeng/confirmdialog","name":"ConfirmDialogModule","line":25,"character":8},{"__symbolic":"reference","module":"primeng/multiselect","name":"MultiSelectModule","line":26,"character":8},{"__symbolic":"reference","module":"primeng/calendar","name":"CalendarModule","line":27,"character":8},{"__symbolic":"reference","module":"primeng/tag","name":"TagModule","line":28,"character":8},{"__symbolic":"reference","module":"primeng/tooltip","name":"TooltipModule","line":29,"character":8}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":32,"character":8}]}]}],"members":{}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"cilog-message","template":"<p-dialog [styleClass]=\"classBySeverity()\"\r\n          [(visible)]=\"display\"\r\n          [modal]=\"true\"\r\n          [baseZIndex]=\"10000\"\r\n          [closable]=\"false\"\r\n          [resizable]=\"false\"\r\n          [draggable]=\"false\">\r\n\r\n    <!-- Header -->\r\n    <ng-template pTemplate=\"header\">\r\n        <i class=\"pi {{ iconBySeverity() }} header_icon\"></i>\r\n        <span class=\"header_text\">{{ headerBySeverity() }}</span>\r\n    </ng-template>\r\n\r\n    <!-- Content -->\r\n    <p class=\"content\">\r\n        {{ message?.content }}\r\n    </p>\r\n\r\n    <!-- Footer -->\r\n    <ng-template pTemplate=\"footer\">\r\n        <p-button *ngIf=\"message?.closable == true && message?.refresh == false\" icon=\"pi pi-check\" (click)=\"display=false\" label=\"Ok\" styleClass=\"p-button-text\"></p-button>\r\n        <p-button *ngIf=\"message?.refresh == true\" icon=\"pi pi-refresh\" (click)=\"refreshPage()\" label=\"Rafraîchir\" styleClass=\"p-button-text\"></p-button>\r\n    </ng-template>\r\n\r\n</p-dialog>\r\n","styles":[":host ::ng-deep .message_success :nth-child(1n){background-color:#b7fdc0}:host ::ng-deep .message_error :nth-child(1n){background-color:#fdb8b7}:host ::ng-deep .message_warn :nth-child(1n){background-color:#fff5ba}:host ::ng-deep .message_info :nth-child(1n){background-color:#b7eefd}:host ::ng-deep .p-dialog-content,:host ::ng-deep .p-dialog-footer,:host ::ng-deep .p-dialog-header{padding:10px}:host ::ng-deep .content{margin:4px}:host ::ng-deep .p-button-text{padding-bottom:3px;padding-top:0}:host ::ng-deep .header_text{font-size:1.25rem;font-weight:500;margin-left:10px}:host ::ng-deep .header_icon{font-size:1.5rem}:host ::ng-deep .p-dialog-header{justify-content:inherit}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"CilogMessageService"}]}],"ngOnInit":[{"__symbolic":"method"}],"headerBySeverity":[{"__symbolic":"method"}],"iconBySeverity":[{"__symbolic":"method"}],"classBySeverity":[{"__symbolic":"method"}],"refreshPage":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"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         (onRowUnselect)=\"onUnselectRow($event)\"\r\n         (sortFunction)=\"customSort($event)\"\r\n         [customSort]=\"options.grouping == null ? true : false\"\r\n         [scrollable]=\"true\"\r\n         [scrollHeight]=\"options.scrollHeight != null ? options.scrollHeight : null\"\r\n         [rowGroupMode]=\"options.grouping != null ? 'subheader' : null\"\r\n         [groupRowsBy]=\"options.grouping != null ? options.grouping.obj + '.' + options.grouping.id : null\">\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.grouping != null || !options.sortable\"\r\n                id=\"{{ col.id }}\">\r\n                {{ col.libelle }}\r\n                <p-sortIcon *ngIf=\"options.sortable && options.grouping == null\" [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ésultat\"\r\n                                   itemSize=\"30\"\r\n                                   selectedItemsLabel=\"{0} selectionnés\"\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    <!-- Groupheader -->\r\n    <ng-template pTemplate=\"groupheader\" let-rowData>\r\n        <tr pRowGroupHeader class=\"row_grouping\">\r\n            <td [attr.colspan]=\"columns.length + 1\">\r\n                <span class=\"text_bold\">{{ rowData[options.grouping.obj][options.grouping.libelle] }}</span>\r\n            </td>\r\n        </tr>\r\n    </ng-template>\r\n\r\n    <!-- Body -->\r\n    <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\r\n        <tr id=\"{{ rowData.id }}\"\r\n            [ngStyle]=\"{ 'background-color': rowData.color ? rowData.color : null }\"\r\n            [pSelectableRow]=\"rowData\"\r\n            [pSelectableRowDisabled]=\"!options.selectable || 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ésultat\"\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ésultat\"\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és\"\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-' + getOption(col, rowData, 'severity')\"\r\n                            [label]=\"getOption(col, rowData, 'label')\"\r\n                            [icon]=\"getOption(col, rowData, 'icon')\"\r\n                            (click)=\"rowData[col.id].value()\"\r\n                            [pTooltip]=\"getOption(col, rowData, 'label')\"\r\n                            [tooltipDisabled]=\"!col.tooltip\">\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 .p-datatable-tbody>tr>td>span,:host ::ng-deep .p-datatable-thead>tr>th>span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}:host ::ng-deep .row_grouping{background:#faeada!important}:host ::ng-deep .text_bold{font-weight:700!important}:host ::ng-deep .cellDelete{flex:0 0 50px!important}:host ::ng-deep .p-datatable .p-sortable-column.p-highlight,:host ::ng-deep .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon{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;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;min-width:0!important}: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:4px 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:4px 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}}"]}]}],"members":{"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"values":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"onEdit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":5}}]}],"onEditInit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":5}}]}],"onDelete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":5}}]}],"onSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":5}}]}],"onUnselect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":5}}]}],"onFilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":5}}]}],"onSort":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":5}}]}],"table":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":30,"character":5},"arguments":["table",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"primeng/api","name":"ConfirmationService","line":33,"character":37},{"__symbolic":"reference","module":"primeng/api","name":"FilterService","line":34,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":35,"character":23}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"customSort":[{"__symbolic":"method"}],"checkType":[{"__symbolic":"method"}],"clickById":[{"__symbolic":"method"}],"onEditText":[{"__symbolic":"method"}],"onEditCell":[{"__symbolic":"method"}],"onSelectRow":[{"__symbolic":"method"}],"onUnselectRow":[{"__symbolic":"method"}],"onDeleteLine":[{"__symbolic":"method"}],"onFocusNumber":[{"__symbolic":"method"}],"onEditInitCell":[{"__symbolic":"method"}],"isModeEdition":[{"__symbolic":"method"}],"getOption":[{"__symbolic":"method"}],"getMultiSelectConcat":[{"__symbolic":"method"}],"getSelectLibelleByValue":[{"__symbolic":"method"}],"getFilterByCol":[{"__symbolic":"method"}],"onFilterCol":[{"__symbolic":"method"}],"filter":[{"__symbolic":"method"}]}}},"origins":{"CilogLibModule":"./lib/cilog-lib.module","CilogLibComponent":"./lib/cilog-lib.component","CilogLibService":"./lib/cilog-lib.service","CilogMessageService":"./lib/services/message.service","CilogTableService":"./lib/services/table.service","IGrouping":"./lib/helpers/interfaces/grille.interface","IOptionsGrille":"./lib/helpers/interfaces/grille.interface","IRow":"./lib/helpers/interfaces/grille.interface","ICell":"./lib/helpers/interfaces/grille.interface","IColumn":"./lib/helpers/interfaces/grille.interface","IOptions":"./lib/helpers/interfaces/grille.interface","IOptionsDropdown":"./lib/helpers/interfaces/grille.interface","IOptionsMultiSelect":"./lib/helpers/interfaces/grille.interface","IOptionsNumber":"./lib/helpers/interfaces/grille.interface","IOptionsSelectButton":"./lib/helpers/interfaces/grille.interface","IOptionsButton":"./lib/helpers/interfaces/grille.interface","IOptionsState":"./lib/helpers/interfaces/grille.interface","IMessage":"./lib/helpers/interfaces/message.interface","IEdition":"./lib/helpers/interfaces/edition.interface","ISuppression":"./lib/helpers/interfaces/edition.interface","ISelection":"./lib/helpers/interfaces/edition.interface","IFilter":"./lib/helpers/interfaces/edition.interface","ISort":"./lib/helpers/interfaces/edition.interface","ColType":"./lib/helpers/enums/grille.enum","Severity":"./lib/helpers/enums/grille.enum","ɵa":"./lib/modules/primeng.module","ɵb":"./lib/views/message/message.component","ɵc":"./lib/views/table/table.component"},"importAs":"cilog-lib"}
+{"__symbolic":"module","version":4,"metadata":{"CilogLibModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":8},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":20,"character":8},{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"BrowserAnimationsModule","line":21,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":22,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":23,"character":8}],"declarations":[{"__symbolic":"reference","name":"CilogLibComponent"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}],"exports":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}],"providers":[{"__symbolic":"reference","name":"CilogMessageService"},{"__symbolic":"reference","name":"CilogTableService"},{"__symbolic":"reference","module":"primeng/api","name":"ConfirmationService","line":37,"character":8},{"provide":{"__symbolic":"reference","module":"@angular/core","name":"LOCALE_ID","line":38,"character":19},"useValue":"fr-FR"}]}]}],"members":{}},"CilogLibComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lib-cilog-lib","template":"\n    <p>\n      cilog-lib works!\n    </p>\n  ","styles":[]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"CilogLibService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ɵprov":{}}},"CilogMessageService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"showDialog":[{"__symbolic":"method"}],"closeDialog":[{"__symbolic":"method"}]}},"CilogTableService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ɵprov":{}}},"IGrouping":{"__symbolic":"interface"},"IOptionsGrille":{"__symbolic":"interface"},"IRow":{"__symbolic":"interface"},"ICell":{"__symbolic":"interface"},"IColumn":{"__symbolic":"interface"},"IOptions":{"__symbolic":"interface"},"IOptionsDropdown":{"__symbolic":"interface"},"IOptionsMultiSelect":{"__symbolic":"interface"},"IOptionsNumber":{"__symbolic":"interface"},"IOptionsSelectButton":{"__symbolic":"interface"},"IOptionsButton":{"__symbolic":"interface"},"IOptionsState":{"__symbolic":"interface"},"IMessage":{"__symbolic":"interface"},"IEdition":{"__symbolic":"interface"},"ISuppression":{"__symbolic":"interface"},"ISelection":{"__symbolic":"interface"},"IFilter":{"__symbolic":"interface"},"ISort":{"__symbolic":"interface"},"ColType":{"MultiSelect":"MultiSelect","Dropdown":"Dropdown","File":"File","Text":"Text","Number":"Number","SelectButton":"SelectButton","Button":"Button","Image":"Image","Date":"Date","State":"State"},"Severity":{"Secondary":"secondary","Success":"success","Info":"info","Warning":"warning","Help":"help","Danger":"danger"},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"declarations":[],"exports":[{"__symbolic":"reference","module":"primeng/dialog","name":"DialogModule","line":18,"character":8},{"__symbolic":"reference","module":"primeng/button","name":"ButtonModule","line":19,"character":8},{"__symbolic":"reference","module":"primeng/table","name":"TableModule","line":20,"character":8},{"__symbolic":"reference","module":"primeng/inputtext","name":"InputTextModule","line":21,"character":8},{"__symbolic":"reference","module":"primeng/selectbutton","name":"SelectButtonModule","line":22,"character":8},{"__symbolic":"reference","module":"primeng/dropdown","name":"DropdownModule","line":23,"character":8},{"__symbolic":"reference","module":"primeng/inputnumber","name":"InputNumberModule","line":24,"character":8},{"__symbolic":"reference","module":"primeng/confirmdialog","name":"ConfirmDialogModule","line":25,"character":8},{"__symbolic":"reference","module":"primeng/multiselect","name":"MultiSelectModule","line":26,"character":8},{"__symbolic":"reference","module":"primeng/calendar","name":"CalendarModule","line":27,"character":8},{"__symbolic":"reference","module":"primeng/tag","name":"TagModule","line":28,"character":8},{"__symbolic":"reference","module":"primeng/tooltip","name":"TooltipModule","line":29,"character":8}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":32,"character":8}]}]}],"members":{}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"cilog-message","template":"<p-dialog [styleClass]=\"classBySeverity()\"\r\n          [(visible)]=\"display\"\r\n          [modal]=\"true\"\r\n          [baseZIndex]=\"10000\"\r\n          [closable]=\"false\"\r\n          [resizable]=\"false\"\r\n          [draggable]=\"false\">\r\n\r\n    <!-- Header -->\r\n    <ng-template pTemplate=\"header\">\r\n        <i class=\"pi {{ iconBySeverity() }} header_icon\"></i>\r\n        <span class=\"header_text\">{{ headerBySeverity() }}</span>\r\n    </ng-template>\r\n\r\n    <!-- Content -->\r\n    <p class=\"content\">\r\n        {{ message?.content }}\r\n    </p>\r\n\r\n    <!-- Footer -->\r\n    <ng-template pTemplate=\"footer\">\r\n        <p-button *ngIf=\"message?.closable == true && message?.refresh == false\" icon=\"pi pi-check\" (click)=\"display=false\" label=\"Ok\" styleClass=\"p-button-text\"></p-button>\r\n        <p-button *ngIf=\"message?.refresh == true\" icon=\"pi pi-refresh\" (click)=\"refreshPage()\" label=\"Rafraîchir\" styleClass=\"p-button-text\"></p-button>\r\n    </ng-template>\r\n\r\n</p-dialog>\r\n","styles":[":host ::ng-deep .message_success :nth-child(1n){background-color:#b7fdc0}:host ::ng-deep .message_error :nth-child(1n){background-color:#fdb8b7}:host ::ng-deep .message_warn :nth-child(1n){background-color:#fff5ba}:host ::ng-deep .message_info :nth-child(1n){background-color:#b7eefd}:host ::ng-deep .p-dialog-content,:host ::ng-deep .p-dialog-footer,:host ::ng-deep .p-dialog-header{padding:10px}:host ::ng-deep .content{margin:4px}:host ::ng-deep .p-button-text{padding-bottom:3px;padding-top:0}:host ::ng-deep .header_text{font-size:1.25rem;font-weight:500;margin-left:10px}:host ::ng-deep .header_icon{font-size:1.5rem}:host ::ng-deep .p-dialog-header{justify-content:inherit}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"CilogMessageService"}]}],"ngOnInit":[{"__symbolic":"method"}],"headerBySeverity":[{"__symbolic":"method"}],"iconBySeverity":[{"__symbolic":"method"}],"classBySeverity":[{"__symbolic":"method"}],"refreshPage":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"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         (onRowUnselect)=\"onUnselectRow($event)\"\r\n         (sortFunction)=\"customSort($event)\"\r\n         [customSort]=\"options.grouping == null ? true : false\"\r\n         [scrollable]=\"true\"\r\n         [scrollHeight]=\"options.scrollHeight != null ? options.scrollHeight : null\"\r\n         [rowGroupMode]=\"options.grouping != null ? 'subheader' : null\"\r\n         [groupRowsBy]=\"options.grouping != null ? options.grouping.obj + '.' + options.grouping.id : null\">\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.grouping != null || !options.sortable\"\r\n                id=\"{{ col.id }}\">\r\n                {{ col.libelle }}\r\n                <p-sortIcon *ngIf=\"options.sortable && options.grouping == null\" [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ésultat\"\r\n                                   itemSize=\"30\"\r\n                                   selectedItemsLabel=\"{0} selectionnés\"\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    <!-- Groupheader -->\r\n    <ng-template pTemplate=\"groupheader\" let-rowData>\r\n        <tr pRowGroupHeader class=\"row_grouping\">\r\n            <td [attr.colspan]=\"columns.length + 1\">\r\n                <span class=\"text_bold\">{{ rowData[options.grouping.obj][options.grouping.libelle] }}</span>\r\n            </td>\r\n        </tr>\r\n    </ng-template>\r\n\r\n    <!-- Body -->\r\n    <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\r\n        <tr id=\"{{ rowData.id }}\"\r\n            [ngStyle]=\"{ 'background-color': rowData.color ? rowData.color : null }\"\r\n            [pSelectableRow]=\"rowData\"\r\n            [pSelectableRowDisabled]=\"!options.selectable || 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ésultat\"\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ésultat\"\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és\"\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-' + getOption(col, rowData, 'severity')\"\r\n                            [label]=\"getOption(col, rowData, 'label')\"\r\n                            [icon]=\"getOption(col, rowData, 'icon')\"\r\n                            (click)=\"rowData[col.id].value()\"\r\n                            [pTooltip]=\"getOption(col, rowData, 'label')\"\r\n                            [tooltipDisabled]=\"!col.tooltip\">\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 .p-datatable-table{width:100%!important}:host ::ng-deep .p-datatable-tbody>tr>td>span,:host ::ng-deep .p-datatable-thead>tr>th>span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}:host ::ng-deep .row_grouping{background:#faeada!important}:host ::ng-deep .text_bold{font-weight:700!important}:host ::ng-deep .cellDelete{flex:0 0 50px!important}:host ::ng-deep .p-datatable .p-sortable-column.p-highlight,:host ::ng-deep .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon{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;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;min-width:0!important}: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:4px 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:4px 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}}"]}]}],"members":{"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"values":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"onEdit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":5}}]}],"onEditInit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":5}}]}],"onDelete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":5}}]}],"onSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":5}}]}],"onUnselect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":5}}]}],"onFilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":5}}]}],"onSort":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":5}}]}],"table":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":30,"character":5},"arguments":["table",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"primeng/api","name":"ConfirmationService","line":33,"character":37},{"__symbolic":"reference","module":"primeng/api","name":"FilterService","line":34,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":35,"character":23}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"customSort":[{"__symbolic":"method"}],"checkType":[{"__symbolic":"method"}],"clickById":[{"__symbolic":"method"}],"onEditText":[{"__symbolic":"method"}],"onEditCell":[{"__symbolic":"method"}],"onSelectRow":[{"__symbolic":"method"}],"onUnselectRow":[{"__symbolic":"method"}],"onDeleteLine":[{"__symbolic":"method"}],"onFocusNumber":[{"__symbolic":"method"}],"onEditInitCell":[{"__symbolic":"method"}],"isModeEdition":[{"__symbolic":"method"}],"getOption":[{"__symbolic":"method"}],"getMultiSelectConcat":[{"__symbolic":"method"}],"getSelectLibelleByValue":[{"__symbolic":"method"}],"getFilterByCol":[{"__symbolic":"method"}],"onFilterCol":[{"__symbolic":"method"}],"filter":[{"__symbolic":"method"}]}}},"origins":{"CilogLibModule":"./lib/cilog-lib.module","CilogLibComponent":"./lib/cilog-lib.component","CilogLibService":"./lib/cilog-lib.service","CilogMessageService":"./lib/services/message.service","CilogTableService":"./lib/services/table.service","IGrouping":"./lib/helpers/interfaces/grille.interface","IOptionsGrille":"./lib/helpers/interfaces/grille.interface","IRow":"./lib/helpers/interfaces/grille.interface","ICell":"./lib/helpers/interfaces/grille.interface","IColumn":"./lib/helpers/interfaces/grille.interface","IOptions":"./lib/helpers/interfaces/grille.interface","IOptionsDropdown":"./lib/helpers/interfaces/grille.interface","IOptionsMultiSelect":"./lib/helpers/interfaces/grille.interface","IOptionsNumber":"./lib/helpers/interfaces/grille.interface","IOptionsSelectButton":"./lib/helpers/interfaces/grille.interface","IOptionsButton":"./lib/helpers/interfaces/grille.interface","IOptionsState":"./lib/helpers/interfaces/grille.interface","IMessage":"./lib/helpers/interfaces/message.interface","IEdition":"./lib/helpers/interfaces/edition.interface","ISuppression":"./lib/helpers/interfaces/edition.interface","ISelection":"./lib/helpers/interfaces/edition.interface","IFilter":"./lib/helpers/interfaces/edition.interface","ISort":"./lib/helpers/interfaces/edition.interface","ColType":"./lib/helpers/enums/grille.enum","Severity":"./lib/helpers/enums/grille.enum","ɵa":"./lib/modules/primeng.module","ɵb":"./lib/views/message/message.component","ɵc":"./lib/views/table/table.component"},"importAs":"cilog-lib"}

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

@@ -240,7 +240,7 @@ 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         (onRowUnselect)=\"onUnselectRow($event)\"\r\n         (sortFunction)=\"customSort($event)\"\r\n         [customSort]=\"options.grouping == null ? true : false\"\r\n         [scrollable]=\"true\"\r\n         [scrollHeight]=\"options.scrollHeight != null ? options.scrollHeight : null\"\r\n         [rowGroupMode]=\"options.grouping != null ? 'subheader' : null\"\r\n         [groupRowsBy]=\"options.grouping != null ? options.grouping.obj + '.' + options.grouping.id : null\">\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.grouping != null || !options.sortable\"\r\n                id=\"{{ col.id }}\">\r\n                {{ col.libelle }}\r\n                <p-sortIcon *ngIf=\"options.sortable && options.grouping == null\" [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    <!-- Groupheader -->\r\n    <ng-template pTemplate=\"groupheader\" let-rowData>\r\n        <tr pRowGroupHeader class=\"row_grouping\">\r\n            <td [attr.colspan]=\"columns.length + 1\">\r\n                <span class=\"text_bold\">{{ rowData[options.grouping.obj][options.grouping.libelle] }}</span>\r\n            </td>\r\n        </tr>\r\n    </ng-template>\r\n\r\n    <!-- Body -->\r\n    <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\r\n        <tr id=\"{{ rowData.id }}\"\r\n            [ngStyle]=\"{ 'background-color': rowData.color ? rowData.color : null }\"\r\n            [pSelectableRow]=\"rowData\"\r\n            [pSelectableRowDisabled]=\"!options.selectable || 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-' + getOption(col, rowData, 'severity')\"\r\n                            [label]=\"getOption(col, rowData, 'label')\"\r\n                            [icon]=\"getOption(col, rowData, 'icon')\"\r\n                            (click)=\"rowData[col.id].value()\"\r\n                            [pTooltip]=\"getOption(col, rowData, 'label')\"\r\n                            [tooltipDisabled]=\"!col.tooltip\">\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 .p-datatable-tbody>tr>td>span,:host ::ng-deep .p-datatable-thead>tr>th>span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}:host ::ng-deep .row_grouping{background:#faeada!important}:host ::ng-deep .text_bold{font-weight:700!important}:host ::ng-deep .cellDelete{flex:0 0 50px!important}:host ::ng-deep .p-datatable .p-sortable-column.p-highlight,:host ::ng-deep .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon{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;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;min-width:0!important}: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:4px 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:4px 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}}"]
+                styles: ["::ng-deep .p-tooltip .p-tooltip-text{overflow-wrap:break-word!important}:host ::ng-deep .p-datatable-table{width:100%!important}:host ::ng-deep .p-datatable-tbody>tr>td>span,:host ::ng-deep .p-datatable-thead>tr>th>span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}:host ::ng-deep .row_grouping{background:#faeada!important}:host ::ng-deep .text_bold{font-weight:700!important}:host ::ng-deep .cellDelete{flex:0 0 50px!important}:host ::ng-deep .p-datatable .p-sortable-column.p-highlight,:host ::ng-deep .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon{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;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;min-width:0!important}: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:4px 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:4px 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 = () => [

package/fesm2015/cilog-lib.js

@@ -420,7 +420,7 @@ 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         (onRowUnselect)=\"onUnselectRow($event)\"\r\n         (sortFunction)=\"customSort($event)\"\r\n         [customSort]=\"options.grouping == null ? true : false\"\r\n         [scrollable]=\"true\"\r\n         [scrollHeight]=\"options.scrollHeight != null ? options.scrollHeight : null\"\r\n         [rowGroupMode]=\"options.grouping != null ? 'subheader' : null\"\r\n         [groupRowsBy]=\"options.grouping != null ? options.grouping.obj + '.' + options.grouping.id : null\">\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.grouping != null || !options.sortable\"\r\n                id=\"{{ col.id }}\">\r\n                {{ col.libelle }}\r\n                <p-sortIcon *ngIf=\"options.sortable && options.grouping == null\" [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    <!-- Groupheader -->\r\n    <ng-template pTemplate=\"groupheader\" let-rowData>\r\n        <tr pRowGroupHeader class=\"row_grouping\">\r\n            <td [attr.colspan]=\"columns.length + 1\">\r\n                <span class=\"text_bold\">{{ rowData[options.grouping.obj][options.grouping.libelle] }}</span>\r\n            </td>\r\n        </tr>\r\n    </ng-template>\r\n\r\n    <!-- Body -->\r\n    <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\r\n        <tr id=\"{{ rowData.id }}\"\r\n            [ngStyle]=\"{ 'background-color': rowData.color ? rowData.color : null }\"\r\n            [pSelectableRow]=\"rowData\"\r\n            [pSelectableRowDisabled]=\"!options.selectable || 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-' + getOption(col, rowData, 'severity')\"\r\n                            [label]=\"getOption(col, rowData, 'label')\"\r\n                            [icon]=\"getOption(col, rowData, 'icon')\"\r\n                            (click)=\"rowData[col.id].value()\"\r\n                            [pTooltip]=\"getOption(col, rowData, 'label')\"\r\n                            [tooltipDisabled]=\"!col.tooltip\">\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 .p-datatable-tbody>tr>td>span,:host ::ng-deep .p-datatable-thead>tr>th>span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}:host ::ng-deep .row_grouping{background:#faeada!important}:host ::ng-deep .text_bold{font-weight:700!important}:host ::ng-deep .cellDelete{flex:0 0 50px!important}:host ::ng-deep .p-datatable .p-sortable-column.p-highlight,:host ::ng-deep .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon{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;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;min-width:0!important}: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:4px 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:4px 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}}"]
+                styles: ["::ng-deep .p-tooltip .p-tooltip-text{overflow-wrap:break-word!important}:host ::ng-deep .p-datatable-table{width:100%!important}:host ::ng-deep .p-datatable-tbody>tr>td>span,:host ::ng-deep .p-datatable-thead>tr>th>span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}:host ::ng-deep .row_grouping{background:#faeada!important}:host ::ng-deep .text_bold{font-weight:700!important}:host ::ng-deep .cellDelete{flex:0 0 50px!important}:host ::ng-deep .p-datatable .p-sortable-column.p-highlight,:host ::ng-deep .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon{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;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;min-width:0!important}: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:4px 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:4px 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 = () => [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cilog-lib",
-  "version": "0.2.8",
+  "version": "0.2.9",
   "peerDependencies": {
     "@angular/cdk": "11.0.3",
     "@angular/common": "12.2.13",