cilog-lib 0.2.3 → 0.2.4

package/bundles/cilog-lib.umd.js

@@ -416,7 +416,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         [virtualScroll]=\"options.scrollHeight != null && options.grouping == null ? true : false\"\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            [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 .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;overflow:hidden;padding-bottom:8px!important;padding-top:8px!important;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .p-datatable-tbody>tr{height:35px!important}:host ::ng-deep .p-datatable-tbody>tr>td{border:1px solid rgba(0,0,0,.12)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .centerText{justify-content:center!important}:host ::ng-deep .p-button{padding-bottom:1px;padding-top:1px}:host ::ng-deep .p-calendar,:host ::ng-deep p-calendar,:host ::ng-deep p-dropdown,:host ::ng-deep p-inputNumber,:host ::ng-deep p-multiselect,:host ::ng-deep p-selectButton{width:100%!important}:host ::ng-deep .p-inputtext{height:25px!important;padding:0 5px!important;width:100%!important}:host ::ng-deep .p-inputnumber{height:25px;padding:0!important;width:100%}:host ::ng-deep .p-inputnumber-input{padding:0 5px!important;width:100%}:host ::ng-deep .p-inputgroup .p-inputtext{height:25px;padding:0 5px!important;width:100%}:host ::ng-deep .p-dropdown{vertical-align:middle;width:100%}:host ::ng-deep .p-dropdown-label{padding-bottom:2px;padding-top:2px}:host ::ng-deep .p-multiselect{vertical-align:middle;width:100%}:host ::ng-deep .p-multiselect-label{padding-bottom:2px;padding-top:2px}:host ::ng-deep .p-editable-column,:host ::ng-deep .paddingCell{padding:3px 10px!important}:host ::ng-deep .p-selectbutton>.p-button{height:25px;width:50%}:host ::ng-deep .p-inputgroup>.p-button{height:25px}:host ::ng-deep .buttonDelete{height:20px;width:100%}:host ::ng-deep .p-column-title{display:none}@media screen and (max-width:650px){:host ::ng-deep .p-datatable-tfoot>tr>td,:host ::ng-deep .p-datatable-thead>tr>th{display:none!important;width:inherit!important}:host ::ng-deep .p-datatable-tbody>tr{border:2px solid rgba(0,0,0,.12);flex-direction:column;height:inherit!important;padding-top:12px!important}:host ::ng-deep .p-datatable-tbody>tr>td{border:0!important;flex-basis:auto!important;width:100%!important}:host ::ng-deep td .p-column-title{display:inline-block!important;font-weight:700;margin:-.4rem 1rem -.4rem -.4rem;min-width:35%;padding:.4rem}:host ::ng-deep .centerText{justify-content:inherit!important}}"]
+                    styles: ["::ng-deep .p-tooltip .p-tooltip-text{overflow-wrap:break-word!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;overflow:hidden;padding-bottom:8px!important;padding-top:8px!important;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .p-datatable-tbody>tr{height:35px!important}:host ::ng-deep .p-datatable-tbody>tr>td{border:1px solid rgba(0,0,0,.12)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .centerText{justify-content:center!important}:host ::ng-deep .p-button{padding-bottom:1px;padding-top:1px}:host ::ng-deep .p-calendar,:host ::ng-deep p-calendar,:host ::ng-deep p-dropdown,:host ::ng-deep p-inputNumber,:host ::ng-deep p-multiselect,:host ::ng-deep p-selectButton{width:100%!important}:host ::ng-deep .p-inputtext{height:25px!important;padding: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,w,m,h,f,y,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,M,F=function(){};F.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,w.TagModule,m.TooltipModule],imports:[n.CommonModule]}]}],(I=t.ColType||(t.ColType={})).MultiSelect="MultiSelect",I.Dropdown="Dropdown",I.File="File",I.Text="Text",I.Number="Number",I.SelectButton="SelectButton",I.Button="Button",I.Image="Image",I.Date="Date",I.State="State",(M=t.Severity||(t.Severity={})).Secondary="secondary",M.Success="success",M.Info="info",M.Warning="warning",M.Help="help",M.Danger="danger";var E=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(){e.values.splice(e.values.indexOf(t),1),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}();E.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         [virtualScroll]="options.scrollHeight != null && options.grouping == null ? true : false"\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            [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 .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;overflow:hidden;padding-bottom:8px!important;padding-top:8px!important;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .p-datatable-tbody>tr{height:35px!important}:host ::ng-deep .p-datatable-tbody>tr>td{border:1px solid rgba(0,0,0,.12)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .centerText{justify-content:center!important}:host ::ng-deep .p-button{padding-bottom:1px;padding-top:1px}:host ::ng-deep .p-calendar,:host ::ng-deep p-calendar,:host ::ng-deep p-dropdown,:host ::ng-deep p-inputNumber,:host ::ng-deep p-multiselect,:host ::ng-deep p-selectButton{width:100%!important}:host ::ng-deep .p-inputtext{height:25px!important;padding:0 5px!important;width:100%!important}:host ::ng-deep .p-inputnumber{height:25px;padding:0!important;width:100%}:host ::ng-deep .p-inputnumber-input{padding:0 5px!important;width:100%}:host ::ng-deep .p-inputgroup .p-inputtext{height:25px;padding:0 5px!important;width:100%}:host ::ng-deep .p-dropdown{vertical-align:middle;width:100%}:host ::ng-deep .p-dropdown-label{padding-bottom:2px;padding-top:2px}:host ::ng-deep .p-multiselect{vertical-align:middle;width:100%}:host ::ng-deep .p-multiselect-label{padding-bottom:2px;padding-top:2px}:host ::ng-deep .p-editable-column,:host ::ng-deep .paddingCell{padding:3px 10px!important}:host ::ng-deep .p-selectbutton>.p-button{height:25px;width:50%}:host ::ng-deep .p-inputgroup>.p-button{height:25px}:host ::ng-deep .buttonDelete{height:20px;width:100%}:host ::ng-deep .p-column-title{display:none}@media screen and (max-width:650px){:host ::ng-deep .p-datatable-tfoot>tr>td,:host ::ng-deep .p-datatable-thead>tr>th{display:none!important;width:inherit!important}:host ::ng-deep .p-datatable-tbody>tr{border:2px solid rgba(0,0,0,.12);flex-direction:column;height:inherit!important;padding-top:12px!important}:host ::ng-deep .p-datatable-tbody>tr>td{border:0!important;flex-basis:auto!important;width:100%!important}:host ::ng-deep td .p-column-title{display:inline-block!important;font-weight:700;margin:-.4rem 1rem -.4rem -.4rem;min-width:35%;padding:.4rem}:host ::ng-deep .centerText{justify-content:inherit!important}}"]}]}],E.ctorParameters=function(){return[{type:y.ConfirmationService},{type:y.FilterService},{type:e.ChangeDetectorRef}]},E.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 O=function(){};O.decorators=[{type:e.NgModule,args:[{imports:[n.CommonModule,F,h.BrowserModule,f.BrowserAnimationsModule,b.FormsModule,b.ReactiveFormsModule],declarations:[T,S,E],exports:[S,E],providers:[C,k,y.ConfirmationService,{provide:e.LOCALE_ID,useValue:"fr-FR"}]}]}];var B=function(){};B.ɵprov=e.ɵɵdefineInjectable({factory:function(){return new B},token:B,providedIn:"root"}),B.decorators=[{type:e.Injectable,args:[{providedIn:"root"}]}],B.ctorParameters=function(){return[]},t.CilogLibComponent=T,t.CilogLibModule=O,t.CilogLibService=B,t.CilogMessageService=C,t.CilogTableService=k,t.ɵa=F,t.ɵb=S,t.ɵc=E,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,w,m,h,f,y,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,M,F=function(){};F.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,w.TagModule,m.TooltipModule],imports:[n.CommonModule]}]}],(I=t.ColType||(t.ColType={})).MultiSelect="MultiSelect",I.Dropdown="Dropdown",I.File="File",I.Text="Text",I.Number="Number",I.SelectButton="SelectButton",I.Button="Button",I.Image="Image",I.Date="Date",I.State="State",(M=t.Severity||(t.Severity={})).Secondary="secondary",M.Success="success",M.Info="info",M.Warning="warning",M.Help="help",M.Danger="danger";var E=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(){e.values.splice(e.values.indexOf(t),1),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}();E.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         [virtualScroll]="options.scrollHeight != null && options.grouping == null ? true : false"\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            [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 .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;overflow:hidden;padding-bottom:8px!important;padding-top:8px!important;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .p-datatable-tbody>tr{height:35px!important}:host ::ng-deep .p-datatable-tbody>tr>td{border:1px solid rgba(0,0,0,.12)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .centerText{justify-content:center!important}:host ::ng-deep .p-button{padding-bottom:1px;padding-top:1px}:host ::ng-deep .p-calendar,:host ::ng-deep p-calendar,:host ::ng-deep p-dropdown,:host ::ng-deep p-inputNumber,:host ::ng-deep p-multiselect,:host ::ng-deep p-selectButton{width:100%!important}:host ::ng-deep .p-inputtext{height:25px!important;padding: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}}"]}]}],E.ctorParameters=function(){return[{type:y.ConfirmationService},{type:y.FilterService},{type:e.ChangeDetectorRef}]},E.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 O=function(){};O.decorators=[{type:e.NgModule,args:[{imports:[n.CommonModule,F,h.BrowserModule,f.BrowserAnimationsModule,b.FormsModule,b.ReactiveFormsModule],declarations:[T,S,E],exports:[S,E],providers:[C,k,y.ConfirmationService,{provide:e.LOCALE_ID,useValue:"fr-FR"}]}]}];var B=function(){};B.ɵprov=e.ɵɵdefineInjectable({factory:function(){return new B},token:B,providedIn:"root"}),B.decorators=[{type:e.Injectable,args:[{providedIn:"root"}]}],B.ctorParameters=function(){return[]},t.CilogLibComponent=T,t.CilogLibModule=O,t.CilogLibService=B,t.CilogMessageService=C,t.CilogTableService=k,t.ɵa=F,t.ɵb=S,t.ɵc=E,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/helpers/enums/grille.enum.ts","../../../projects/cilog-lib/src/lib/modules/primeng.module.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","ColType","Severity","NgModule","declarations","exports","DialogModule","ButtonModule","TableModule","InputTextModule","SelectButtonModule","DropdownModule","InputNumberModule","ConfirmDialogModule","MultiSelectModule","CalendarModule","TagModule","TooltipModule","imports","CommonModule","CilogTableComponent","confirmationService","filterService","cdRef","onEdit","EventEmitter","onEditInit","onDelete","onSelect","onUnselect","onFilter","onSort","register","cell","filter","end","start","getTime","value","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","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","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 { 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","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                this.values.splice(this.values.indexOf(row), 1);\r\n                this.onDelete.emit({ row: row });\r\n            }\r\n        });\r\n    }\r\n\r\n    onFocusNumber(rowData, col) {\r\n        this.onEditInitCell({ field: col.id, data: rowData });\r\n    }\r\n\r\n    onEditInitCell(event) {\r\n        let col: IColumn = this.columns.find(col => col.id == event.field);\r\n        this.onEditInit.emit({ row: event.data, column: col, value: event.data[event.field].value });\r\n    }\r\n\r\n    isModeEdition() {\r\n        return this.options.editable;\r\n    }\r\n\r\n    getOption(col, row, option: string) {\r\n        if (row[col.id].options != null) {\r\n            if (row[col.id].options[option] != null) {\r\n                return row[col.id].options[option];\r\n            }\r\n        }\r\n        if (col.options != null) {\r\n            if (col.options[option] != null) {\r\n                return col.options[option]\r\n            }\r\n        }\r\n        return null;\r\n    }\r\n\r\n    getMultiSelectConcat(value, label: string) {\r\n        if (value != null) {\r\n            return value.map(val => { return val[label]; }).join(', ');\r\n        } else {\r\n            return '';\r\n        }\r\n    }\r\n\r\n    getSelectLibelleByValue(row, col) {\r\n        let label: string = '';\r\n        if (row[col.id].value == null) {\r\n            return label;\r\n        }\r\n        if (row[col.id].options != null) {\r\n            label = row[col.id].options['options'].find(opt => opt.value == row[col.id].value)[row[col.id].options.optionLabel];\r\n        } else {\r\n            if (col.options != null) {\r\n                label = col.options['options'].find(opt => opt.value == row[col.id].value)[col.options.optionLabel];\r\n            }\r\n        }\r\n        return label;\r\n    }\r\n\r\n    getFilterByCol(col: IColumn) {\r\n        // Dates (range)\r\n        if (col.type == ColType.Date) {\r\n            return 'dateRangeFilter';\r\n        }\r\n        // Number\r\n        if (col.type == ColType.Number) {\r\n            return 'numberFilter';\r\n        }\r\n        // Objet\r\n        if (col.type == ColType.Dropdown || col.type == ColType.State || col.type == ColType.SelectButton) {\r\n            return 'objetFilter';\r\n        }\r\n        // Liste\r\n        if (col.type == ColType.MultiSelect) {\r\n            return 'listeFilter';\r\n        }\r\n        // Texte\r\n        if (col.type == ColType.File || col.type == ColType.Text) {\r\n            return 'textFilter';\r\n        }\r\n        return null;\r\n    }\r\n\r\n    onFilterCol(event, col: IColumn) {\r\n        // Dates (range)\r\n        if (col.type == ColType.Date) {\r\n            this.filter(col, col.options.defaultFilters, 'dateRangeFilter');\r\n        }\r\n        // Number\r\n        if (col.type == ColType.Number) {\r\n            this.filter(col, event.value, 'numberFilter');\r\n        }\r\n        // Objet\r\n        if (col.type == ColType.Dropdown || col.type == ColType.State || col.type == ColType.SelectButton) {\r\n            this.filter(col, event.value, 'objetFilter');\r\n        }\r\n        // Liste\r\n        if (col.type == ColType.MultiSelect) {\r\n            this.filter(col, event.value, 'listeFilter');\r\n        }\r\n        // Texte\r\n        if (col.type == ColType.File || col.type == ColType.Text) {\r\n            this.filter(col, event.target.value, 'textFilter');\r\n        }\r\n    }\r\n\r\n    filter(col: IColumn, val: any, filter: string, 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/helpers/enums/grille.enum.ts","../../../projects/cilog-lib/src/lib/modules/primeng.module.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","ColType","Severity","NgModule","declarations","exports","DialogModule","ButtonModule","TableModule","InputTextModule","SelectButtonModule","DropdownModule","InputNumberModule","ConfirmDialogModule","MultiSelectModule","CalendarModule","TagModule","TooltipModule","imports","CommonModule","CilogTableComponent","confirmationService","filterService","cdRef","onEdit","EventEmitter","onEditInit","onDelete","onSelect","onUnselect","onFilter","onSort","register","cell","filter","end","start","getTime","value","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","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","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 { 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","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                this.values.splice(this.values.indexOf(row), 1);\r\n                this.onDelete.emit({ row: row });\r\n            }\r\n        });\r\n    }\r\n\r\n    onFocusNumber(rowData, col) {\r\n        this.onEditInitCell({ field: col.id, data: rowData });\r\n    }\r\n\r\n    onEditInitCell(event) {\r\n        let col: IColumn = this.columns.find(col => col.id == event.field);\r\n        this.onEditInit.emit({ row: event.data, column: col, value: event.data[event.field].value });\r\n    }\r\n\r\n    isModeEdition() {\r\n        return this.options.editable;\r\n    }\r\n\r\n    getOption(col, row, option: string) {\r\n        if (row[col.id].options != null) {\r\n            if (row[col.id].options[option] != null) {\r\n                return row[col.id].options[option];\r\n            }\r\n        }\r\n        if (col.options != null) {\r\n            if (col.options[option] != null) {\r\n                return col.options[option]\r\n            }\r\n        }\r\n        return null;\r\n    }\r\n\r\n    getMultiSelectConcat(value, label: string) {\r\n        if (value != null) {\r\n            return value.map(val => { return val[label]; }).join(', ');\r\n        } else {\r\n            return '';\r\n        }\r\n    }\r\n\r\n    getSelectLibelleByValue(row, col) {\r\n        let label: string = '';\r\n        if (row[col.id].value == null) {\r\n            return label;\r\n        }\r\n        if (row[col.id].options != null) {\r\n            label = row[col.id].options['options'].find(opt => opt.value == row[col.id].value)[row[col.id].options.optionLabel];\r\n        } else {\r\n            if (col.options != null) {\r\n                label = col.options['options'].find(opt => opt.value == row[col.id].value)[col.options.optionLabel];\r\n            }\r\n        }\r\n        return label;\r\n    }\r\n\r\n    getFilterByCol(col: IColumn) {\r\n        // Dates (range)\r\n        if (col.type == ColType.Date) {\r\n            return 'dateRangeFilter';\r\n        }\r\n        // Number\r\n        if (col.type == ColType.Number) {\r\n            return 'numberFilter';\r\n        }\r\n        // Objet\r\n        if (col.type == ColType.Dropdown || col.type == ColType.State || col.type == ColType.SelectButton) {\r\n            return 'objetFilter';\r\n        }\r\n        // Liste\r\n        if (col.type == ColType.MultiSelect) {\r\n            return 'listeFilter';\r\n        }\r\n        // Texte\r\n        if (col.type == ColType.File || col.type == ColType.Text) {\r\n            return 'textFilter';\r\n        }\r\n        return null;\r\n    }\r\n\r\n    onFilterCol(event, col: IColumn) {\r\n        // Dates (range)\r\n        if (col.type == ColType.Date) {\r\n            this.filter(col, col.options.defaultFilters, 'dateRangeFilter');\r\n        }\r\n        // Number\r\n        if (col.type == ColType.Number) {\r\n            this.filter(col, event.value, 'numberFilter');\r\n        }\r\n        // Objet\r\n        if (col.type == ColType.Dropdown || col.type == ColType.State || col.type == ColType.SelectButton) {\r\n            this.filter(col, event.value, 'objetFilter');\r\n        }\r\n        // Liste\r\n        if (col.type == ColType.MultiSelect) {\r\n            this.filter(col, event.value, 'listeFilter');\r\n        }\r\n        // Texte\r\n        if (col.type == ColType.File || col.type == ColType.Text) {\r\n            this.filter(col, event.target.value, 'textFilter');\r\n        }\r\n    }\r\n\r\n    filter(col: IColumn, val: any, filter: string, 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         [virtualScroll]=\"options.scrollHeight != null && options.grouping == null ? true : false\"\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            [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 .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;overflow:hidden;padding-bottom:8px!important;padding-top:8px!important;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .p-datatable-tbody>tr{height:35px!important}:host ::ng-deep .p-datatable-tbody>tr>td{border:1px solid rgba(0,0,0,.12)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .centerText{justify-content:center!important}:host ::ng-deep .p-button{padding-bottom:1px;padding-top:1px}:host ::ng-deep .p-calendar,:host ::ng-deep p-calendar,:host ::ng-deep p-dropdown,:host ::ng-deep p-inputNumber,:host ::ng-deep p-multiselect,:host ::ng-deep p-selectButton{width:100%!important}:host ::ng-deep .p-inputtext{height:25px!important;padding:0 5px!important;width:100%!important}:host ::ng-deep .p-inputnumber{height:25px;padding:0!important;width:100%}:host ::ng-deep .p-inputnumber-input{padding:0 5px!important;width:100%}:host ::ng-deep .p-inputgroup .p-inputtext{height:25px;padding:0 5px!important;width:100%}:host ::ng-deep .p-dropdown{vertical-align:middle;width:100%}:host ::ng-deep .p-dropdown-label{padding-bottom:2px;padding-top:2px}:host ::ng-deep .p-multiselect{vertical-align:middle;width:100%}:host ::ng-deep .p-multiselect-label{padding-bottom:2px;padding-top:2px}:host ::ng-deep .p-editable-column,:host ::ng-deep .paddingCell{padding:3px 10px!important}:host ::ng-deep .p-selectbutton>.p-button{height:25px;width:50%}:host ::ng-deep .p-inputgroup>.p-button{height:25px}:host ::ng-deep .buttonDelete{height:20px;width:100%}:host ::ng-deep .p-column-title{display:none}@media screen and (max-width:650px){:host ::ng-deep .p-datatable-tfoot>tr>td,:host ::ng-deep .p-datatable-thead>tr>th{display:none!important;width:inherit!important}:host ::ng-deep .p-datatable-tbody>tr{border:2px solid rgba(0,0,0,.12);flex-direction:column;height:inherit!important;padding-top:12px!important}:host ::ng-deep .p-datatable-tbody>tr>td{border:0!important;flex-basis:auto!important;width:100%!important}:host ::ng-deep td .p-column-title{display:inline-block!important;font-weight:700;margin:-.4rem 1rem -.4rem -.4rem;min-width:35%;padding:.4rem}:host ::ng-deep .centerText{justify-content:inherit!important}}"]}]}],"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         [virtualScroll]=\"options.scrollHeight != null && options.grouping == null ? true : false\"\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            [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 .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;overflow:hidden;padding-bottom:8px!important;padding-top:8px!important;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .p-datatable-tbody>tr{height:35px!important}:host ::ng-deep .p-datatable-tbody>tr>td{border:1px solid rgba(0,0,0,.12)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .centerText{justify-content:center!important}:host ::ng-deep .p-button{padding-bottom:1px;padding-top:1px}:host ::ng-deep .p-calendar,:host ::ng-deep p-calendar,:host ::ng-deep p-dropdown,:host ::ng-deep p-inputNumber,:host ::ng-deep p-multiselect,:host ::ng-deep p-selectButton{width:100%!important}:host ::ng-deep .p-inputtext{height:25px!important;padding: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

@@ -238,7 +238,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         [virtualScroll]=\"options.scrollHeight != null && options.grouping == null ? true : false\"\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            [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 .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;overflow:hidden;padding-bottom:8px!important;padding-top:8px!important;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .p-datatable-tbody>tr{height:35px!important}:host ::ng-deep .p-datatable-tbody>tr>td{border:1px solid rgba(0,0,0,.12)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .centerText{justify-content:center!important}:host ::ng-deep .p-button{padding-bottom:1px;padding-top:1px}:host ::ng-deep .p-calendar,:host ::ng-deep p-calendar,:host ::ng-deep p-dropdown,:host ::ng-deep p-inputNumber,:host ::ng-deep p-multiselect,:host ::ng-deep p-selectButton{width:100%!important}:host ::ng-deep .p-inputtext{height:25px!important;padding:0 5px!important;width:100%!important}:host ::ng-deep .p-inputnumber{height:25px;padding:0!important;width:100%}:host ::ng-deep .p-inputnumber-input{padding:0 5px!important;width:100%}:host ::ng-deep .p-inputgroup .p-inputtext{height:25px;padding:0 5px!important;width:100%}:host ::ng-deep .p-dropdown{vertical-align:middle;width:100%}:host ::ng-deep .p-dropdown-label{padding-bottom:2px;padding-top:2px}:host ::ng-deep .p-multiselect{vertical-align:middle;width:100%}:host ::ng-deep .p-multiselect-label{padding-bottom:2px;padding-top:2px}:host ::ng-deep .p-editable-column,:host ::ng-deep .paddingCell{padding:3px 10px!important}:host ::ng-deep .p-selectbutton>.p-button{height:25px;width:50%}:host ::ng-deep .p-inputgroup>.p-button{height:25px}:host ::ng-deep .buttonDelete{height:20px;width:100%}:host ::ng-deep .p-column-title{display:none}@media screen and (max-width:650px){:host ::ng-deep .p-datatable-tfoot>tr>td,:host ::ng-deep .p-datatable-thead>tr>th{display:none!important;width:inherit!important}:host ::ng-deep .p-datatable-tbody>tr{border:2px solid rgba(0,0,0,.12);flex-direction:column;height:inherit!important;padding-top:12px!important}:host ::ng-deep .p-datatable-tbody>tr>td{border:0!important;flex-basis:auto!important;width:100%!important}:host ::ng-deep td .p-column-title{display:inline-block!important;font-weight:700;margin:-.4rem 1rem -.4rem -.4rem;min-width:35%;padding:.4rem}:host ::ng-deep .centerText{justify-content:inherit!important}}"]
+                styles: ["::ng-deep .p-tooltip .p-tooltip-text{overflow-wrap:break-word!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;overflow:hidden;padding-bottom:8px!important;padding-top:8px!important;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .p-datatable-tbody>tr{height:35px!important}:host ::ng-deep .p-datatable-tbody>tr>td{border:1px solid rgba(0,0,0,.12)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .centerText{justify-content:center!important}:host ::ng-deep .p-button{padding-bottom:1px;padding-top:1px}:host ::ng-deep .p-calendar,:host ::ng-deep p-calendar,:host ::ng-deep p-dropdown,:host ::ng-deep p-inputNumber,:host ::ng-deep p-multiselect,:host ::ng-deep p-selectButton{width:100%!important}:host ::ng-deep .p-inputtext{height:25px!important;padding: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

@@ -418,7 +418,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         [virtualScroll]=\"options.scrollHeight != null && options.grouping == null ? true : false\"\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            [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 .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;overflow:hidden;padding-bottom:8px!important;padding-top:8px!important;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .p-datatable-tbody>tr{height:35px!important}:host ::ng-deep .p-datatable-tbody>tr>td{border:1px solid rgba(0,0,0,.12)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .centerText{justify-content:center!important}:host ::ng-deep .p-button{padding-bottom:1px;padding-top:1px}:host ::ng-deep .p-calendar,:host ::ng-deep p-calendar,:host ::ng-deep p-dropdown,:host ::ng-deep p-inputNumber,:host ::ng-deep p-multiselect,:host ::ng-deep p-selectButton{width:100%!important}:host ::ng-deep .p-inputtext{height:25px!important;padding:0 5px!important;width:100%!important}:host ::ng-deep .p-inputnumber{height:25px;padding:0!important;width:100%}:host ::ng-deep .p-inputnumber-input{padding:0 5px!important;width:100%}:host ::ng-deep .p-inputgroup .p-inputtext{height:25px;padding:0 5px!important;width:100%}:host ::ng-deep .p-dropdown{vertical-align:middle;width:100%}:host ::ng-deep .p-dropdown-label{padding-bottom:2px;padding-top:2px}:host ::ng-deep .p-multiselect{vertical-align:middle;width:100%}:host ::ng-deep .p-multiselect-label{padding-bottom:2px;padding-top:2px}:host ::ng-deep .p-editable-column,:host ::ng-deep .paddingCell{padding:3px 10px!important}:host ::ng-deep .p-selectbutton>.p-button{height:25px;width:50%}:host ::ng-deep .p-inputgroup>.p-button{height:25px}:host ::ng-deep .buttonDelete{height:20px;width:100%}:host ::ng-deep .p-column-title{display:none}@media screen and (max-width:650px){:host ::ng-deep .p-datatable-tfoot>tr>td,:host ::ng-deep .p-datatable-thead>tr>th{display:none!important;width:inherit!important}:host ::ng-deep .p-datatable-tbody>tr{border:2px solid rgba(0,0,0,.12);flex-direction:column;height:inherit!important;padding-top:12px!important}:host ::ng-deep .p-datatable-tbody>tr>td{border:0!important;flex-basis:auto!important;width:100%!important}:host ::ng-deep td .p-column-title{display:inline-block!important;font-weight:700;margin:-.4rem 1rem -.4rem -.4rem;min-width:35%;padding:.4rem}:host ::ng-deep .centerText{justify-content:inherit!important}}"]
+                styles: ["::ng-deep .p-tooltip .p-tooltip-text{overflow-wrap:break-word!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;overflow:hidden;padding-bottom:8px!important;padding-top:8px!important;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .p-datatable-tbody>tr{height:35px!important}:host ::ng-deep .p-datatable-tbody>tr>td{border:1px solid rgba(0,0,0,.12)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .centerText{justify-content:center!important}:host ::ng-deep .p-button{padding-bottom:1px;padding-top:1px}:host ::ng-deep .p-calendar,:host ::ng-deep p-calendar,:host ::ng-deep p-dropdown,:host ::ng-deep p-inputNumber,:host ::ng-deep p-multiselect,:host ::ng-deep p-selectButton{width:100%!important}:host ::ng-deep .p-inputtext{height:25px!important;padding: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.3",
+  "version": "0.2.4",
   "peerDependencies": {
     "@angular/cdk": "11.0.3",
     "@angular/common": "12.2.13",