cilog-lib 0.1.4 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/bundles/cilog-lib.umd.js +73 -23
  2. package/bundles/cilog-lib.umd.js.map +1 -1
  3. package/bundles/cilog-lib.umd.min.js +1 -1
  4. package/bundles/cilog-lib.umd.min.js.map +1 -1
  5. package/cilog-lib.metadata.json +1 -1
  6. package/esm2015/lib/cilog-lib.module.js +2 -2
  7. package/esm2015/lib/helpers/interfaces/edition.interface.js +1 -1
  8. package/esm2015/lib/helpers/interfaces/grille.interface.js +1 -1
  9. package/esm2015/lib/modules/primeng.module.js +4 -2
  10. package/esm2015/lib/views/message/message.component.js +2 -2
  11. package/esm2015/lib/views/table/table.component.js +68 -19
  12. package/fesm2015/cilog-lib.js +71 -20
  13. package/fesm2015/cilog-lib.js.map +1 -1
  14. package/lib/helpers/interfaces/edition.interface.d.ts +8 -0
  15. package/lib/helpers/interfaces/grille.interface.d.ts +5 -1
  16. package/lib/views/message/message.component.d.ts +1 -1
  17. package/lib/views/table/table.component.d.ts +11 -4
  18. package/package.json +6 -6
package/bundles/cilog-lib.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
- !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(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("@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","@angular/platform-browser","@angular/platform-browser/animations","primeng/api","@angular/forms","@angular/common/locales/fr"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self)["cilog-lib"]={},e.ng.core,e.rxjs,e.ng.common,e.dialog,e.button,e.table,e.inputtext,e.selectbutton,e.dropdown,e.inputnumber,e.confirmdialog,e.multiselect,e.calendar,e.tag,e.ng.platformBrowser,e.ng.platformBrowser.animations,e.api,e.ng.forms,e.ng.common.locales.fr)}(this,(function(e,t,n,o,l,r,i,a,d,c,p,s,u,g,w,m,h,f,y,b){"use strict";function D(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=D(b),x=function(){function e(){this.message=new n.BehaviorSubject(null),this.display=new n.BehaviorSubject(null)}return e.prototype.showDialog=function(e,t,n,o){void 0===n&&(n=!0),void 0===o&&(o=!1),this.message.next({content:e,severity:t,closable:n,refresh:o}),this.display.next(!0)},e.prototype.closeDialog=function(){this.display.next(!1)},e}();x.decorators=[{type:t.Injectable}],x.ctorParameters=function(){return[]};var C=function(){function e(e){this.messageService=e}return e.prototype.ngOnInit=function(){var e=this;this.display=!1,this.messageService.message.subscribe((function(t){null!=t&&(e.message=t)})),this.messageService.display.subscribe((function(t){null!=t&&(e.display=t)}))},e.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"}},e.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"}},e.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"}},e.prototype.refreshPage=function(){window.location.reload(!0)},e}();C.decorators=[{type:t.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}"]}]}],C.ctorParameters=function(){return[{type:x}]};var S=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();S.decorators=[{type:t.Component,args:[{selector:"lib-cilog-lib",template:"\n <p>\n cilog-lib works!\n </p>\n "}]}],S.ctorParameters=function(){return[]};var I,T,M=function(){};M.decorators=[{type:t.NgModule,args:[{declarations:[],exports:[l.DialogModule,r.ButtonModule,i.TableModule,a.InputTextModule,d.SelectButtonModule,c.DropdownModule,p.InputNumberModule,s.ConfirmDialogModule,u.MultiSelectModule,g.CalendarModule,w.TagModule],imports:[o.CommonModule]}]}],(I=e.ColType||(e.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",(T=e.Severity||(e.Severity={})).Secondary="secondary",T.Success="success",T.Info="info",T.Warning="warning",T.Help="help",T.Danger="danger";var E=function(){function n(e,n){this.confirmationService=e,this.filterService=n,this.onEdit=new t.EventEmitter,this.onEditInit=new t.EventEmitter,this.onDelete=new t.EventEmitter,this.onSelect=new t.EventEmitter}return n.prototype.ngOnInit=function(){var e=this;this.filterService.register("dateRangeFilter",(function(t,n){if(null==e.filterDatesRange)return!0;var o,l=e.filterDatesRange[0].getTime();return o=e.filterDatesRange[1]?e.filterDatesRange[1].getTime()+864e5:l+864e5,t.value.getTime()>=l&&t.value.getTime()<=o})),this.filterService.register("textFilter",(function(e,t){return null==t||""==t.trim()||null!=e.value&&e.value.toLowerCase().includes(t.toLowerCase())})),this.filterService.register("numberFilter",(function(e,t){return null==t||null!=e.value&&e.value==t})),this.filterService.register("objetFilter",(function(e,t){return-1!=t.indexOf(e.value)})),this.filterService.register("listeFilter",(function(e,t){var n=!1;return t.forEach((function(t){-1!=e.value.indexOf(t)&&(n=!0)})),n}))},n.prototype.customSort=function(t){var n=this,o=this.columns.find((function(e){return e.id==t.field})),l=o.type;t.data.sort((function(r,i){var a=r[t.field].value,d=i[t.field].value,c=null;return null==a&&null!=d?c=-1:null!=a&&null==d?c=1:null==a&&null==d?c=0:l==e.ColType.Text||l==e.ColType.File?c=a.localeCompare(d):l==e.ColType.MultiSelect?c=n.getMultiSelectConcat(a,n.getOption(o,r,"optionLabel")).localeCompare(n.getMultiSelectConcat(d,n.getOption(o,i,"optionLabel"))):l==e.ColType.Dropdown||l==e.ColType.SelectButton||l==e.ColType.State?c=a[n.getOption(o,r,"optionLabel")].localeCompare(d[n.getOption(o,i,"optionLabel")]):l!=e.ColType.Number&&l!=e.ColType.Date||(c=a<d?-1:a>d?1:0),t.order*c}))},n.prototype.checkType=function(e,t){return t.type==e},n.prototype.clickById=function(e){document.getElementById(e).click()},n.prototype.onEditText=function(e){var t=this.columns.find((function(t){return t.id==e.field}));this.onEditCell(e.data,t,e.data[e.field].value)},n.prototype.onEditCell=function(e,t,n){this.onEdit.emit({row:e,column:t,value:n})},n.prototype.onSelectRow=function(e){this.onSelect.emit({row:e})},n.prototype.onDeleteLine=function(e){var t=this;this.confirmationService.confirm({key:"confirm",message:"Êtes-vous sûr de vouloir supprimer cette ligne ?",accept:function(){t.values.splice(t.values.indexOf(e),1),t.onDelete.emit({row:e})}})},n.prototype.onEditInitCell=function(e){var t=this.columns.find((function(t){return t.id==e.field}));this.onEditInit.emit({row:e.data,column:t,value:e.data[e.field].value})},n.prototype.isModeEdition=function(){return this.options.editable},n.prototype.getOption=function(e,t,n){return null!=t[e.id].options&&null!=t[e.id].options[n]?t[e.id].options[n]:null!=e.options&&null!=e.options[n]?e.options[n]:null},n.prototype.getMultiSelectConcat=function(e,t){return null!=e?e.map((function(e){return e[t]})).join(", "):""},n.prototype.getSelectLibelleByValue=function(e,t){var n="";return null!=e[t.id].options?n=e[t.id].options.options.find((function(n){return n.value==e[t.id].value}))[e[t.id].options.optionLabel]:null!=t.options&&(n=t.options.options.find((function(n){return n.value==e[t.id].value}))[t.options.optionLabel]),n},n.prototype.filter=function(t,n){n.type==e.ColType.Date&&this.table.filter(t,n.id,"dateRangeFilter"),n.type==e.ColType.Number&&this.table.filter(t.value,n.id,"numberFilter"),n.type!=e.ColType.Dropdown&&n.type!=e.ColType.State&&n.type!=e.ColType.SelectButton||this.table.filter(t.value,n.id,"objetFilter"),n.type==e.ColType.MultiSelect&&this.table.filter(t.value,n.id,"listeFilter"),n.type!=e.ColType.File&&n.type!=e.ColType.Text||this.table.filter(t.target.value,n.id,"textFilter")},n}();E.decorators=[{type:t.Component,args:[{selector:"cilog-table",template:'<p-table #table\r\n [columns]="columns"\r\n [value]="values"\r\n (onEditComplete)="onEditText($event)"\r\n (onEditInit)="onEditInitCell($event)"\r\n dataKey="id"\r\n [selectionMode]="options.selectable && !isModeEdition() ? \'single\' : null"\r\n [(selection)]="selectedRow"\r\n (onRowSelect)="onSelectRow($event)"\r\n (sortFunction)="customSort($event)"\r\n [customSort]="true">\r\n\r\n \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 [ngStyle]="{ \'width\' : col.width ? col.width : null }"\r\n [pSortableColumn]="col.id"\r\n [pSortableColumnDisabled]="!options.sortable"\r\n id="{{ col.id }}">\r\n {{ col.libelle }}\r\n <p-sortIcon *ngIf="options.sortable" [field]="col.id"></p-sortIcon>\r\n </th>\r\n <th style="width: 50px;" *ngIf="options.rowsDeletable"></th>\r\n </tr>\r\n \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)="filter($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 firstDayOfWeek="1"\r\n [readonlyInput]="true"\r\n appendTo="body"\r\n selectionMode="range"\r\n [(ngModel)]="filterDatesRange"\r\n (onSelect)="filter($event, col)"\r\n showButtonBar="true"\r\n (onClearClick)="filter($event, col)">\r\n </p-calendar>\r\n </th>\r\n\r\n \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)="filter($event, col)"\r\n (onFocus)="onEditInitCell($event)">\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)="filter($event, col)">\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 style="width: 50px;" *ngIf="options.rowsDeletable"></th>\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 <span class="p-column-title">{{ col.libelle }} : </span>\r\n <p-cellEditor *ngIf="rowData[col.id] != null">\r\n <ng-template pTemplate="input">\r\n <input pInputText type="text" [(ngModel)]="rowData[col.id].value">\r\n </ng-template>\r\n <ng-template pTemplate="output">\r\n {{ rowData[col.id].value }}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n <td *ngIf="checkType(\'Text\', col) && (!isModeEdition() || rowData.readonly || rowData[col.id]?.readonly)"\r\n [ngStyle]="{ \'width\' : col.width ? col.width : null }"\r\n id="{{ rowData[col.id] != null ? rowData[col.id].id : \'\' }}"\r\n [ngClass]="{ \'paddingCell\': rowData[col.id] != null }">\r\n <span class="p-column-title">{{ col.libelle }} : </span>\r\n <span *ngIf="rowData[col.id]">{{ rowData[col.id].value }}</span>\r\n </td>\r\n\r\n \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 <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 <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 <span class="p-column-title">{{ col.libelle }} : </span>\r\n <p-inputNumber *ngIf="rowData[col.id] && !rowData.readonly && !rowData[col.id]?.readonly"\r\n mode="decimal"\r\n locale="fr-FR"\r\n [(ngModel)]="rowData[col.id].value"\r\n [showButtons]="getOption(col, rowData, \'showButtons\')"\r\n [minFractionDigits]="2"\r\n [maxFractionDigits]="getOption(col, rowData, \'maxDecimales\') != null ? getOption(col, rowData, \'maxDecimales\') : 2 "\r\n (ngModelChange)="onEditCell(rowData, col, rowData[col.id].value)">\r\n </p-inputNumber>\r\n </td>\r\n <td *ngIf="checkType(\'Number\', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())"\r\n [ngStyle]="{ \'width\' : col.width ? col.width : null }"\r\n id="{{ rowData[col.id] != null ? rowData[col.id].id : \'\' }}"\r\n [ngClass]="rowData[col.id] != null ? \'paddingCell\' : null">\r\n <span class="p-column-title">{{ col.libelle }} : </span>\r\n <span *ngIf="rowData[col.id]">{{ rowData[col.id].value | number }}</span>\r\n </td>\r\n\r\n \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 <span class="p-column-title">{{ col.libelle }} : </span>\r\n <p-calendar [(ngModel)]="rowData[col.id].value"\r\n dateFormat="dd/mm/yy"\r\n firstDayOfWeek="1"\r\n (onSelect)="onEditCell(rowData, col, rowData[col.id].value)"\r\n [readonlyInput]="true"\r\n appendTo="body">\r\n </p-calendar>\r\n </td>\r\n <td *ngIf="checkType(\'Date\', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())"\r\n [ngStyle]="{ \'width\' : col.width ? col.width : null }"\r\n id="{{ rowData[col.id] != null ? rowData[col.id].id : \'\' }}"\r\n [ngClass]="rowData[col.id] != null ? \'paddingCell\' : null">\r\n <span class="p-column-title">{{ col.libelle }} : </span>\r\n <span *ngIf="rowData[col.id]">{{ rowData[col.id].value | date: \'dd/MM/yyyy\' }}</span>\r\n </td>\r\n\r\n \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 <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 <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-\' + (col.options ? col.options.severity : rowData[col.id].options?.severity)"\r\n [label]="col.options ? col.options.label : rowData[col.id].options?.label"\r\n [icon]="col.options ? col.options.icon : rowData[col.id].options?.icon"\r\n (click)="rowData[col.id].value()">\r\n </button>\r\n </td>\r\n\r\n \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 [(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 <span class="p-column-title">{{ col.libelle }} : </span>\r\n <div class="p-inputgroup" *ngIf="rowData[col.id] != null">\r\n <button type="button"\r\n pButton\r\n pRipple\r\n icon="pi pi-upload"\r\n (click)="clickById(\'input_\' + rowData[col.id].id)"\r\n [disabled]="rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()">\r\n </button>\r\n <input id="{{\'output_\' + rowData[col.id].id}}" pInputText type="text" value="{{ rowData[col.id].value != null ? rowData[col.id].value : \'\' }}" readonly>\r\n </div>\r\n <input *ngIf="rowData[col.id]" id="{{\'input_\' + rowData[col.id].id}}" #inputFile pInputText type="file" hidden (change)="rowData[col.id].value = inputFile.files[0].name; onEditCell(rowData, col, inputFile.files[0])">\r\n </td>\r\n <td *ngIf="checkType(\'File\', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())"\r\n [ngStyle]="{ \'width\' : col.width ? col.width : null }"\r\n id="{{ rowData[col.id] != null ? rowData[col.id].id : \'\' }}"\r\n [ngClass]="rowData[col.id] != null ? \'paddingCell\' : null">\r\n <span class="p-column-title">{{ col.libelle }} : </span>\r\n <span *ngIf="rowData[col.id]">{{ rowData[col.id].value ? rowData[col.id].value : \'\' }}</span>\r\n </td>\r\n\r\n \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 style="width: 50px;"\r\n [ngClass]="rowData.deletable ? \'paddingCell\' : null">\r\n <button *ngIf="rowData.deletable"\r\n pButton\r\n type="button"\r\n icon="pi pi-times"\r\n class="p-button-danger buttonDelete p-button-text"\r\n [disabled]="rowData.readonly"\r\n (click)="onDeleteLine(rowData)">\r\n </button>\r\n </td>\r\n\r\n </tr>\r\n </ng-template>\r\n</p-table>\r\n',styles:[":host ::ng-deep .p-datatable-thead>tr>th{background:#dedddd!important;border:1px solid rgba(0,0,0,.12)!important;color:#495057!important;font-weight:600!important;padding-bottom:8px!important;padding-top:8px!important}:host ::ng-deep .p-datatable-tbody>tr{height:35px!important}:host ::ng-deep .p-datatable-tbody>tr>td{border:1px solid rgba(0,0,0,.12)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .centerText{text-align:center!important}:host ::ng-deep .p-button{padding-bottom:1px;padding-top:1px}:host ::ng-deep .p-calendar,:host ::ng-deep p-dropdown,:host ::ng-deep p-inputNumber,:host ::ng-deep p-multiselect,:host ::ng-deep p-selectButton{width:100%!important}:host ::ng-deep .p-inputtext{height:25px!important;padding:0 5px!important;width:100%!important}:host ::ng-deep .p-inputnumber{height:25px}:host ::ng-deep .p-inputnumber,:host ::ng-deep .p-inputnumber-input{padding:0 5px!important;width:100%}:host ::ng-deep .p-inputgroup .p-inputtext{height:25px;padding:0 5px!important;width:100%}:host ::ng-deep .p-dropdown{vertical-align:middle;width:100%}:host ::ng-deep .p-dropdown-label{padding-bottom:2px;padding-top:2px}:host ::ng-deep .p-multiselect{vertical-align:middle;width:100%}:host ::ng-deep .p-multiselect-label{padding-bottom:2px;padding-top:2px}:host ::ng-deep .p-editable-column,:host ::ng-deep .paddingCell{padding:3px 10px!important}:host ::ng-deep .p-selectbutton>.p-button{height:25px;width:50%}:host ::ng-deep .p-inputgroup>.p-button{height:25px}:host ::ng-deep .buttonDelete{height:20px;width:100%}:host ::ng-deep .p-column-title{display:none}@media screen and (max-width:800px){:host ::ng-deep .p-datatable-tfoot>tr>td,:host ::ng-deep .p-datatable-thead>tr>th{display:none!important;width:inherit!important}:host ::ng-deep .p-datatable-tbody>tr{border:2px solid rgba(0,0,0,.12)}:host ::ng-deep .p-datatable-tbody>tr>td{align-items:center;border:0!important;display:flex;text-align:left;width:100%;width:inherit!important}:host ::ng-deep td .p-column-title{display:inline-block;font-weight:700;margin:-.4rem 1rem -.4rem -.4rem;min-width:35%;padding:.4rem}}"]}]}],E.ctorParameters=function(){return[{type:f.ConfirmationService},{type:f.FilterService}]},E.propDecorators={columns:[{type:t.Input}],values:[{type:t.Input}],options:[{type:t.Input}],onEdit:[{type:t.Output}],onEditInit:[{type:t.Output}],onDelete:[{type:t.Output}],onSelect:[{type:t.Output}],table:[{type:t.ViewChild,args:["table",{static:!1}]}]};var k=function(){};k.ɵprov=t.ɵɵdefineInjectable({factory:function(){return new k},token:k,providedIn:"root"}),k.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],k.ctorParameters=function(){return[]},o.registerLocaleData(v.default);var B=function(){};B.decorators=[{type:t.NgModule,args:[{imports:[o.CommonModule,M,m.BrowserModule,h.BrowserAnimationsModule,y.FormsModule,y.ReactiveFormsModule],declarations:[S,C,E],exports:[C,E],providers:[x,k,f.ConfirmationService,{provide:t.LOCALE_ID,useValue:"fr-FR"}]}]}];var F=function(){};F.ɵprov=t.ɵɵdefineInjectable({factory:function(){return new F},token:F,providedIn:"root"}),F.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],F.ctorParameters=function(){return[]},e.CilogLibComponent=S,e.CilogLibModule=B,e.CilogLibService=F,e.CilogMessageService=x,e.CilogTableService=k,e.ɵa=M,e.ɵb=C,e.ɵc=E,Object.defineProperty(e,"__esModule",{value:!0})}));
1
+ !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,y,f,D,b){"use strict";function v(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var x=v(b),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.onFilter=new e.EventEmitter,this.onSort=new e.EventEmitter}return o.prototype.ngOnInit=function(){var t=this;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(e){null==e.options&&(e.options={defaultFilters:null}),t.filter(e,e.options.defaultFilters,t.getFilterByCol(e))}))},o.prototype.ngAfterViewChecked=function(){this.cdRef.detectChanges()},o.prototype.customSort=function(e){var o=this,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.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){this.table.filter(e,t.id,o),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 (sortFunction)="customSort($event)"\r\n [customSort]="true"\r\n [scrollable]="true"\r\n [scrollHeight]="options.scrollHeight"\r\n [virtualScroll]="true"\r\n [virtualRowHeight]="34">\r\n\r\n \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.sortable"\r\n id="{{ col.id }}">\r\n {{ col.libelle }}\r\n <p-sortIcon *ngIf="options.sortable" [field]="col.id"></p-sortIcon>\r\n </th>\r\n <th class="cellDelete" *ngIf="options.rowsDeletable"></th>\r\n </tr>\r\n \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!-- 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-\' + (col.options ? col.options.severity : rowData[col.id].options?.severity)"\r\n [label]="col.options ? col.options.label : rowData[col.id].options?.label"\r\n [icon]="col.options ? col.options.icon : rowData[col.id].options?.icon"\r\n (click)="rowData[col.id].value()">\r\n </button>\r\n </td>\r\n\r\n \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 .cellDelete{flex:0 0 50px!important}:host ::ng-deep .p-datatable .p-sortable-column.p-highlight{color:#2196f3!important}:host ::ng-deep .p-tooltip .p-tooltip-text{background-color:red!important}:host ::ng-deep .p-datatable-thead>tr>th{background:#dedddd!important;border:1px solid rgba(0,0,0,.12)!important;color:#495057!important;font-weight:600!important;overflow:hidden;padding-bottom:8px!important;padding-top:8px!important;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .p-datatable-tbody>tr{height:35px!important}:host ::ng-deep .p-datatable-tbody>tr>td{border:1px solid rgba(0,0,0,.12)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .centerText{justify-content:center!important}:host ::ng-deep .p-button{padding-bottom:1px;padding-top:1px}:host ::ng-deep .p-calendar,:host ::ng-deep p-calendar,:host ::ng-deep p-dropdown,:host ::ng-deep p-inputNumber,:host ::ng-deep p-multiselect,:host ::ng-deep p-selectButton{width:100%!important}:host ::ng-deep .p-inputtext{height:25px!important;padding:0 5px!important;width:100%!important}:host ::ng-deep .p-inputnumber{height:25px;padding:0!important;width:100%}:host ::ng-deep .p-inputnumber-input{padding:0 5px!important;width:100%}:host ::ng-deep .p-inputgroup .p-inputtext{height:25px;padding:0 5px!important;width:100%}:host ::ng-deep .p-dropdown{vertical-align:middle;width:100%}:host ::ng-deep .p-dropdown-label{padding-bottom:2px;padding-top:2px}:host ::ng-deep .p-multiselect{vertical-align:middle;width:100%}:host ::ng-deep .p-multiselect-label{padding-bottom:2px;padding-top:2px}:host ::ng-deep .p-editable-column,:host ::ng-deep .paddingCell{padding:3px 10px!important}:host ::ng-deep .p-selectbutton>.p-button{height:25px;width:50%}:host ::ng-deep .p-inputgroup>.p-button{height:25px}:host ::ng-deep .buttonDelete{height:20px;width:100%}:host ::ng-deep .p-column-title{display:none}@media screen and (max-width:650px){:host ::ng-deep .p-datatable-tfoot>tr>td,:host ::ng-deep .p-datatable-thead>tr>th{display:none!important;width:inherit!important}:host ::ng-deep .p-datatable-tbody>tr{border:2px solid rgba(0,0,0,.12);flex-direction:column;height:inherit!important;padding-top:12px!important}:host ::ng-deep .p-datatable-tbody>tr>td{border:0!important;flex-basis:auto!important;width:100%!important}:host ::ng-deep td .p-column-title{display:inline-block!important;font-weight:700;margin:-.4rem 1rem -.4rem -.4rem;min-width:35%;padding:.4rem}:host ::ng-deep .centerText{justify-content:inherit!important}}"]}]}],E.ctorParameters=function(){return[{type:f.ConfirmationService},{type:f.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}],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,y.BrowserAnimationsModule,D.FormsModule,D.ReactiveFormsModule],declarations:[T,S,E],exports:[S,E],providers:[C,k,f.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})}));
2
2
  //# sourceMappingURL=cilog-lib.umd.min.js.map
package/bundles/cilog-lib.umd.min.js.map CHANGED
@@ -1 +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","imports","CommonModule","CilogTableComponent","confirmationService","filterService","onEdit","EventEmitter","onEditInit","onDelete","onSelect","register","cell","filter","filterDatesRange","end","start","getTime","value","trim","toLowerCase","includes","indexOf","ok","forEach","val","customSort","event","col","columns","find","id","field","typeCol","type","data","sort","data1","data2","value1","value2","result","Text","File","localeCompare","MultiSelect","getMultiSelectConcat","getOption","Dropdown","SelectButton","State","Number","Date","order","checkType","clickById","document","getElementById","click","onEditText","onEditCell","row","column","emit","onSelectRow","onDeleteLine","confirm","key","accept","values","splice","onEditInitCell","isModeEdition","options","editable","option","label","map","join","getSelectLibelleByValue","opt","optionLabel","table","target","ConfirmationService","FilterService","Input","Output","ViewChild","static","providedIn","registerLocaleData","localeFr","PrimengModule","BrowserModule","BrowserAnimationsModule","FormsModule","ReactiveFormsModule","providers","CilogTableService","provide","LOCALE_ID","useValue"],"mappings":"kiDAUI,SAAAA,IACIC,KAAKC,QAAU,IAAIC,EAAAA,gBAA0B,MAC7CF,KAAKG,QAAU,IAAID,EAAAA,gBAAyB,aAGhDH,EAAAK,UAAAC,WAAA,SAAWC,EAAkBC,EAAmBC,EAA2BC,QAA3B,IAAAD,IAAAA,GAAA,QAA2B,IAAAC,IAAAA,GAAA,GACvET,KAAKC,QAAQS,KAAK,CACdC,QAASL,EACTM,SAAUL,EACVM,SAAUL,EACVM,QAASL,IAEbT,KAAKG,QAAQO,MAAK,IAGtBX,EAAAK,UAAAW,YAAA,WACIf,KAAKG,QAAQO,MAAK,6BAtBzBM,EAAAA,oECUG,SAAAC,EAAmBC,GAAAlB,KAAAkB,eAAAA,SAEnBD,EAAAb,UAAAe,SAAA,WAAA,IAAAC,EAAApB,KACIA,KAAKG,SAAU,EAEfH,KAAKkB,eAAejB,QAAQoB,WAAU,SAAApB,GACnB,MAAXA,IACAmB,EAAKnB,QAAUA,MAIvBD,KAAKkB,eAAef,QAAQkB,WAAU,SAAAlB,GACnB,MAAXA,IACAiB,EAAKjB,QAAUA,OAK3Bc,EAAAb,UAAAkB,iBAAA,WACI,GAAoB,MAAhBtB,KAAKC,QACL,OAAQD,KAAKC,QAAQW,UACjB,IAAK,OACD,MAAO,YACX,IAAK,QACD,MAAO,SACX,IAAK,UACD,MAAO,SACX,IAAK,OACD,MAAO,gBAKvBK,EAAAb,UAAAmB,eAAA,WACI,GAAoB,MAAhBvB,KAAKC,QACL,OAAQD,KAAKC,QAAQW,UACjB,IAAK,OACD,MAAO,0BACX,IAAK,QACD,MAAO,wBACX,IAAK,UACD,MAAO,WACX,IAAK,OACD,MAAO,mBAKvBK,EAAAb,UAAAoB,gBAAA,WACI,GAAoB,MAAhBxB,KAAKC,QACL,OAAQD,KAAKC,QAAQW,UACjB,IAAK,OACD,MAAO,eACX,IAAK,QACD,MAAO,gBACX,IAAK,UACD,MAAO,kBACX,IAAK,OACD,MAAO,iBAKvBK,EAAAb,UAAAqB,YAAA,WACIC,OAAOC,SAASC,QAAO,6BA1E9BC,EAAAA,UAASC,KAAA,CAAC,CACPC,SAAU,gBACVC,SAAA,suDALKjC,sBCaL,SAAAkC,YAEAA,EAAA7B,UAAAe,SAAA,sCAdHU,EAAAA,UAASC,KAAA,CAAC,CACPC,SAAU,gBACVC,SAAU,gGCJFE,EAaAC,ICoBZ,iCAnBCC,EAAAA,SAAQN,KAAA,CAAC,CACNO,aAAc,GACdC,QAAS,CACLC,EAAAA,aACAC,EAAAA,aACAC,EAAAA,YACAC,EAAAA,gBACAC,EAAAA,mBACAC,EAAAA,eACAC,EAAAA,kBACAC,EAAAA,oBACAC,EAAAA,kBACAC,EAAAA,eACAC,EAAAA,WAEJC,QAAS,CACLC,EAAAA,mBD9BIjB,EAAAA,EAAAA,UAAAA,EAAAA,QAAO,KACf,YAAA,cACAA,EAAA,SAAA,WACAA,EAAA,KAAA,OACAA,EAAA,KAAA,OACAA,EAAA,OAAA,SACAA,EAAA,aAAA,eACAA,EAAA,OAAA,SACAA,EAAA,MAAA,QACAA,EAAA,KAAA,OACAA,EAAA,MAAA,SAGQC,EAAAA,EAAAA,WAAAA,EAAAA,SAAQ,KAChB,UAAA,YACAA,EAAA,QAAA,UACAA,EAAA,KAAA,OACAA,EAAA,QAAA,UACAA,EAAA,KAAA,OACAA,EAAA,OAAA,0BEUA,SAAAiB,EACYC,EACAC,GADAtD,KAAAqD,oBAAAA,EACArD,KAAAsD,cAAAA,EAbFtD,KAAAuD,OAAiC,IAAIC,EAAAA,aACrCxD,KAAAyD,WAAqC,IAAID,EAAAA,aACzCxD,KAAA0D,SAAuC,IAAIF,EAAAA,aAC3CxD,KAAA2D,SAAuC,IAAIH,EAAAA,oBAYrDJ,EAAAhD,UAAAe,SAAA,WAAA,IAAAC,EAAApB,KAEIA,KAAKsD,cAAcM,SAAS,mBAAmB,SAACC,EAAMC,GAClD,GAA6B,MAAzB1C,EAAK2C,iBACL,OAAO,EAEX,IACIC,EADAC,EAAgB7C,EAAK2C,iBAAiB,GAAGG,UAO7C,OAJIF,EADA5C,EAAK2C,iBAAiB,GAChB3C,EAAK2C,iBAAiB,GAAGG,UAAY,MAErCD,EAAQ,MAEXJ,EAAKM,MAAMD,WAAaD,GAASJ,EAAKM,MAAMD,WAAaF,KAGpEhE,KAAKsD,cAAcM,SAAS,cAAc,SAACC,EAAMC,GAC7C,OAAc,MAAVA,GAAmC,IAAjBA,EAAOM,QAGX,MAAdP,EAAKM,OAGFN,EAAKM,MAAME,cAAcC,SAASR,EAAOO,kBAGpDrE,KAAKsD,cAAcM,SAAS,gBAAgB,SAACC,EAAMC,GAC/C,OAAc,MAAVA,GAGc,MAAdD,EAAKM,OAGFN,EAAKM,OAASL,KAGzB9D,KAAKsD,cAAcM,SAAS,eAAe,SAACC,EAAMC,GAC9C,OAAuC,GAA/BA,EAAOS,QAAQV,EAAKM,UAGhCnE,KAAKsD,cAAcM,SAAS,eAAe,SAACC,EAAMC,GAC9C,IAAIU,GAAc,EAMlB,OALAV,EAAOW,SAAQ,SAAAC,IACqB,GAA5Bb,EAAKM,MAAMI,QAAQG,KACnBF,GAAK,MAGNA,MAKfpB,EAAAhD,UAAAuE,WAAA,SAAWC,GAAX,IAAAxD,EAAApB,KACQ6E,EAAe7E,KAAK8E,QAAQC,MAAK,SAAAF,GAAO,OAAAA,EAAIG,IAAMJ,EAAMK,SACxDC,EAAmBL,EAAIM,KAC3BP,EAAMQ,KAAKC,MAAK,SAACC,EAAOC,GACpB,IAAIC,EAASF,EAAMV,EAAMK,OAAOd,MAC5BsB,EAASF,EAAMX,EAAMK,OAAOd,MAE5BuB,EAAS,KAkBb,OAjBc,MAAVF,GAA4B,MAAVC,EAClBC,GAAU,EACK,MAAVF,GAA4B,MAAVC,EACvBC,EAAS,EACM,MAAVF,GAA4B,MAAVC,EACvBC,EAAS,EACJR,GAAWhD,EAAAA,QAAQyD,MAAQT,GAAWhD,EAAAA,QAAQ0D,KACnDF,EAASF,EAAOK,cAAcJ,GACzBP,GAAWhD,EAAAA,QAAQ4D,YACxBJ,EAAStE,EAAK2E,qBAAqBP,EAAQpE,EAAK4E,UAAUnB,EAAKS,EAAO,gBAAgBO,cAAczE,EAAK2E,qBAAqBN,EAAQrE,EAAK4E,UAAUnB,EAAKU,EAAO,iBAC1JL,GAAWhD,EAAAA,QAAQ+D,UAAYf,GAAWhD,EAAAA,QAAQgE,cAAgBhB,GAAWhD,EAAAA,QAAQiE,MAC5FT,EAASF,EAAOpE,EAAK4E,UAAUnB,EAAKS,EAAO,gBAAgBO,cAAcJ,EAAOrE,EAAK4E,UAAUnB,EAAKU,EAAO,iBACpGL,GAAWhD,EAAAA,QAAQkE,QAAUlB,GAAWhD,EAAAA,QAAQmE,OACvDX,EAAUF,EAASC,GAAW,EAAKD,EAASC,EAAU,EAAI,GAItDb,EAAM0B,MAAQZ,MAI9BtC,EAAAhD,UAAAmG,UAAA,SAAUrB,EAAiBL,GACvB,OAAOA,EAAU,MAAKK,GAG1B9B,EAAAhD,UAAAoG,UAAA,SAAUxB,GACNyB,SAASC,eAAe1B,GAAI2B,SAGhCvD,EAAAhD,UAAAwG,WAAA,SAAWhC,GACP,IAAIC,EAAe7E,KAAK8E,QAAQC,MAAK,SAAAF,GAAO,OAAAA,EAAIG,IAAMJ,EAAMK,SAC5DjF,KAAK6G,WAAWjC,EAAMQ,KAAMP,EAAKD,EAAMQ,KAAKR,EAAMK,OAAOd,QAG7Df,EAAAhD,UAAAyG,WAAA,SAAWC,EAAWC,EAAiB5C,GACnCnE,KAAKuD,OAAOyD,KAAK,CAAEF,IAAKA,EAAKC,OAAQA,EAAQ5C,MAAOA,KAGxDf,EAAAhD,UAAA6G,YAAA,SAAYH,GACR9G,KAAK2D,SAASqD,KAAK,CAAEF,IAAKA,KAG9B1D,EAAAhD,UAAA8G,aAAA,SAAaJ,GAAb,IAAA1F,EAAApB,KACIA,KAAKqD,oBAAoB8D,QAAQ,CAC7BC,IAAK,UACLnH,QAAS,mDACToH,OAAQ,WACJjG,EAAKkG,OAAOC,OAAOnG,EAAKkG,OAAO/C,QAAQuC,GAAM,GAC7C1F,EAAKsC,SAASsD,KAAK,CAAEF,IAAKA,QAKtC1D,EAAAhD,UAAAoH,eAAA,SAAe5C,GACX,IAAIC,EAAe7E,KAAK8E,QAAQC,MAAK,SAAAF,GAAO,OAAAA,EAAIG,IAAMJ,EAAMK,SAC5DjF,KAAKyD,WAAWuD,KAAK,CAAEF,IAAKlC,EAAMQ,KAAM2B,OAAQlC,EAAKV,MAAOS,EAAMQ,KAAKR,EAAMK,OAAOd,SAGxFf,EAAAhD,UAAAqH,cAAA,WACI,OAAOzH,KAAK0H,QAAQC,UAGxBvE,EAAAhD,UAAA4F,UAAA,SAAUnB,EAAKiC,EAAKc,GAChB,OAA2B,MAAvBd,EAAIjC,EAAIG,IAAI0C,SACuB,MAA/BZ,EAAIjC,EAAIG,IAAI0C,QAAQE,GACbd,EAAIjC,EAAIG,IAAI0C,QAAQE,GAGhB,MAAf/C,EAAI6C,SACuB,MAAvB7C,EAAI6C,QAAQE,GACL/C,EAAI6C,QAAQE,GAGpB,MAGXxE,EAAAhD,UAAA2F,qBAAA,SAAqB5B,EAAO0D,GACxB,OAAa,MAAT1D,EACOA,EAAM2D,KAAI,SAAApD,GAAS,OAAOA,EAAImD,MAAWE,KAAK,MAE9C,IAIf3E,EAAAhD,UAAA4H,wBAAA,SAAwBlB,EAAKjC,GACzB,IAAIgD,EAAgB,GAQpB,OAP2B,MAAvBf,EAAIjC,EAAIG,IAAI0C,QACZG,EAAQf,EAAIjC,EAAIG,IAAI0C,QAAiB,QAAE3C,MAAK,SAAAkD,GAAO,OAAAA,EAAI9D,OAAS2C,EAAIjC,EAAIG,IAAIb,SAAO2C,EAAIjC,EAAIG,IAAI0C,QAAQQ,aAEpF,MAAfrD,EAAI6C,UACJG,EAAQhD,EAAI6C,QAAiB,QAAE3C,MAAK,SAAAkD,GAAO,OAAAA,EAAI9D,OAAS2C,EAAIjC,EAAIG,IAAIb,SAAOU,EAAI6C,QAAQQ,cAGxFL,GAGXzE,EAAAhD,UAAA0D,OAAA,SAAOc,EAAOC,GAENA,EAAIM,MAAQjD,EAAAA,QAAQmE,MACpBrG,KAAKmI,MAAMrE,OAAOc,EAAOC,EAAIG,GAAI,mBAGjCH,EAAIM,MAAQjD,EAAAA,QAAQkE,QACpBpG,KAAKmI,MAAMrE,OAAOc,EAAMT,MAAOU,EAAIG,GAAI,gBAGvCH,EAAIM,MAAQjD,EAAAA,QAAQ+D,UAAYpB,EAAIM,MAAQjD,EAAAA,QAAQiE,OAAStB,EAAIM,MAAQjD,EAAAA,QAAQgE,cACjFlG,KAAKmI,MAAMrE,OAAOc,EAAMT,MAAOU,EAAIG,GAAI,eAGvCH,EAAIM,MAAQjD,EAAAA,QAAQ4D,aACpB9F,KAAKmI,MAAMrE,OAAOc,EAAMT,MAAOU,EAAIG,GAAI,eAGvCH,EAAIM,MAAQjD,EAAAA,QAAQ0D,MAAQf,EAAIM,MAAQjD,EAAAA,QAAQyD,MAChD3F,KAAKmI,MAAMrE,OAAOc,EAAMwD,OAAOjE,MAAOU,EAAIG,GAAI,wCAzMzDnD,EAAAA,UAASC,KAAA,CAAC,CACPC,SAAU,cACVC,SAAA,uxsBARKqG,EAAAA,2BAAqBC,EAAAA,kDAazBC,EAAAA,sBACAA,EAAAA,uBACAA,EAAAA,sBAEAC,EAAAA,2BACAA,EAAAA,yBACAA,EAAAA,yBACAA,EAAAA,sBAMAC,EAAAA,UAAS3G,KAAA,CAAC,QAAS,CAAE4G,QAAQ,aCpB9B,4HALH1H,EAAAA,WAAUc,KAAA,CAAC,CACR6G,WAAY,iDCWhBC,EAAAA,mBAAmBC,EAAAA,eA2BnB,iCAzBCzG,EAAAA,SAAQN,KAAA,CAAC,CACNoB,QAAS,CACLC,EAAAA,aACA2F,EACAC,EAAAA,cACAC,EAAAA,wBACAC,EAAAA,YACAC,EAAAA,qBAEJ7G,aAAc,CACVJ,EACAhB,EACAmC,GAEJd,QAAS,CACLrB,EACAmC,GAEJ+F,UAAW,CACPpJ,EACAqJ,EACAf,EAAAA,oBACA,CAAEgB,QAASC,EAAAA,UAAWC,SAAU,oBC/BtC,4HALDvI,EAAAA,WAAUc,KAAA,CAAC,CACV6G,WAAY","sourcesContent":["import { Injectable } from '@angular/core';\nimport { BehaviorSubject } from 'rxjs';\r\nimport { IMessage } from '../helpers/interfaces/message.interface';\r\n\n@Injectable()\nexport class CilogMessageService {\n\n display: BehaviorSubject<boolean>;\n message: BehaviorSubject<IMessage>;\n\n constructor() {\n this.message = new BehaviorSubject<IMessage>(null);\n this.display = new BehaviorSubject<boolean>(null);\n }\n\n showDialog(pContent: string, pSeverity: string, pClosable: boolean = true, pRefresh: boolean = false) {\n this.message.next({\r\n content: pContent,\r\n severity: pSeverity,\r\n closable: pClosable,\r\n refresh: pRefresh\r\n });\r\n this.display.next(true);\r\n }\n\n closeDialog() {\n this.display.next(false);\r\n }\n}\n","import { Component, OnInit } from '@angular/core';\r\nimport { CilogMessageService } from '../../services/message.service';\r\nimport { IMessage } from '../../helpers/interfaces/message.interface';\r\n\n@Component({\n selector: 'cilog-message',\n templateUrl: './message.component.html',\n styleUrls: ['./message.component.scss']\n})\nexport class CilogMessageComponent implements OnInit {\n\n display: boolean;\n message: IMessage;\n\n constructor(public messageService: CilogMessageService) { }\n\n ngOnInit(): void {\n this.display = false;\n\n this.messageService.message.subscribe(message => {\n if (message != null) {\r\n this.message = message;\r\n }\r\n });\n\n this.messageService.display.subscribe(display => {\n if (display != null) {\r\n this.display = display;\r\n }\r\n });\n }\n\n headerBySeverity(): string {\r\n if (this.message != null) {\r\n switch (this.message.severity) {\r\n case 'warn':\r\n return 'Attention';\r\n case 'error':\r\n return 'Erreur'\r\n case 'success':\r\n return 'Succès'\r\n case 'info':\r\n return 'Information'\r\n }\r\n }\r\n }\r\n\r\n iconBySeverity(): string {\r\n if (this.message != null) {\r\n switch (this.message.severity) {\r\n case 'warn':\r\n return 'pi-exclamation-triangle';\r\n case 'error':\r\n return 'pi-exclamation-circle'\r\n case 'success':\r\n return 'pi-check'\r\n case 'info':\r\n return 'pi-info-circle'\r\n }\r\n }\r\n }\r\n\r\n classBySeverity(): string {\r\n if (this.message != null) {\r\n switch (this.message.severity) {\r\n case 'warn':\r\n return 'message_warn';\r\n case 'error':\r\n return 'message_error'\r\n case 'success':\r\n return 'message_success'\r\n case 'info':\r\n return 'message_info'\r\n }\r\n }\r\n }\n\n refreshPage() {\n window.location.reload(true);\r\n }\n}\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'lib-cilog-lib',\n template: `\n <p>\n cilog-lib works!\n </p>\n `,\n styles: [\n ]\n})\nexport class CilogLibComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","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\n\n@NgModule({\n declarations: [],\n exports: [\n DialogModule,\n ButtonModule,\n TableModule,\n InputTextModule,\n SelectButtonModule,\n DropdownModule,\n InputNumberModule,\n ConfirmDialogModule,\n MultiSelectModule,\n CalendarModule,\n TagModule\n ],\n imports: [\n CommonModule\n ]\n})\nexport class PrimengModule { }\n","import { Component, OnInit, Input, Output, EventEmitter, ViewChild } from '@angular/core';\r\nimport { ConfirmationService, FilterService, FilterMatchMode, SortEvent } from 'primeng/api';\r\nimport { IEdition, ISuppression, ISelection } from '../../helpers/interfaces/edition.interface';\r\nimport { IColumn, IRow, IOptions, IOptionsGrille } from '../../helpers/interfaces/grille.interface';\r\nimport { Table } from 'primeng/table';\r\nimport { ColType } from '../../helpers/enums/grille.enum';\r\n\r\n@Component({\r\n selector: 'cilog-table',\r\n templateUrl: './table.component.html',\r\n styleUrls: ['./table.component.scss']\r\n})\r\nexport class CilogTableComponent implements OnInit {\r\n\r\n @Input() columns: IColumn[];\r\n @Input() values: IRow[];\r\n @Input() options: IOptionsGrille;\r\n\r\n @Output() onEdit: EventEmitter<IEdition> = new EventEmitter<IEdition>();\r\n @Output() onEditInit: EventEmitter<IEdition> = new EventEmitter<IEdition>();\r\n @Output() onDelete: EventEmitter<ISuppression> = new EventEmitter<ISuppression>();\r\n @Output() onSelect: EventEmitter<ISuppression> = new EventEmitter<ISelection>();\r\n\r\n selectedRow: IRow;\r\n\r\n filterDatesRange: Date[];\r\n\r\n @ViewChild('table', { static: false }) table: Table;\r\n\r\n constructor(\r\n private confirmationService: ConfirmationService,\r\n private filterService: FilterService) { }\r\n\r\n ngOnInit(): void {\r\n // Date\r\n this.filterService.register('dateRangeFilter', (cell, filter) => {\r\n if (this.filterDatesRange == null) {\r\n return true;\r\n }\r\n let start: number = this.filterDatesRange[0].getTime();\r\n let end: number;\r\n if (this.filterDatesRange[1]) {\r\n end = this.filterDatesRange[1].getTime() + 86400000;\r\n } else {\r\n end = start + 86400000;\r\n }\r\n return cell.value.getTime() >= start && cell.value.getTime() <= end;\r\n });\r\n // Text\r\n this.filterService.register('textFilter', (cell, filter) => {\r\n if (filter == null || filter.trim() == '') {\r\n return true;\r\n }\r\n if (cell.value == null) {\r\n return false;\r\n }\r\n return cell.value.toLowerCase().includes(filter.toLowerCase());\r\n });\r\n // Number\r\n this.filterService.register('numberFilter', (cell, filter) => {\r\n if (filter == null) {\r\n return true;\r\n }\r\n if (cell.value == null) {\r\n return false;\r\n }\r\n return cell.value == filter;\r\n });\r\n // Objet\r\n this.filterService.register('objetFilter', (cell, filter) => {\r\n return (filter.indexOf(cell.value) != -1);\r\n });\r\n // Liste\r\n this.filterService.register('listeFilter', (cell, filter) => {\r\n let ok: boolean = false;\r\n filter.forEach(val => {\r\n if (cell.value.indexOf(val) != -1) {\r\n ok = true;\r\n }\r\n });\r\n return ok;\r\n });\r\n }\r\n\r\n // Sort\r\n customSort(event: SortEvent) {\r\n let col: IColumn = this.columns.find(col => col.id == event.field);\r\n let typeCol: ColType = col.type;\r\n event.data.sort((data1, data2) => {\r\n let value1 = data1[event.field].value;\r\n let value2 = data2[event.field].value;\r\n\r\n let result = null;\r\n if (value1 == null && value2 != null)\r\n result = -1;\r\n else if (value1 != null && value2 == null)\r\n result = 1;\r\n else if (value1 == null && value2 == null)\r\n result = 0;\r\n else if (typeCol == ColType.Text || typeCol == ColType.File)\r\n result = value1.localeCompare(value2);\r\n else if (typeCol == ColType.MultiSelect) {\r\n result = this.getMultiSelectConcat(value1, this.getOption(col, data1, 'optionLabel')).localeCompare(this.getMultiSelectConcat(value2, this.getOption(col, data2, 'optionLabel')));\r\n } else if (typeCol == ColType.Dropdown || typeCol == ColType.SelectButton || typeCol == ColType.State) {\r\n result = value1[this.getOption(col, data1, 'optionLabel')].localeCompare(value2[this.getOption(col, data2, 'optionLabel')]);\r\n } else if (typeCol == ColType.Number || typeCol == ColType.Date)\r\n result = (value1 < value2) ? -1 : (value1 > value2) ? 1 : 0;\r\n else\r\n result == 0;\r\n\r\n return (event.order * result);\r\n });\r\n }\r\n\r\n checkType(typeCol: string, col: IColumn) {\r\n return col['type'] == typeCol;\r\n }\r\n\r\n clickById(id: string) {\r\n document.getElementById(id).click();\r\n }\r\n\r\n onEditText(event) {\r\n let col: IColumn = this.columns.find(col => col.id == event.field);\r\n this.onEditCell(event.data, col, event.data[event.field].value);\r\n }\r\n\r\n onEditCell(row: IRow, column: IColumn, value: any) {\r\n this.onEdit.emit({ row: row, column: column, value: value });\r\n }\r\n\r\n onSelectRow(row: IRow) {\r\n this.onSelect.emit({ row: row });\r\n }\r\n\r\n onDeleteLine(row: IRow) {\r\n this.confirmationService.confirm({\r\n key: 'confirm',\r\n message: 'Êtes-vous sûr de vouloir supprimer cette ligne ?',\r\n accept: () => {\r\n this.values.splice(this.values.indexOf(row), 1);\r\n this.onDelete.emit({ row: row });\r\n }\r\n });\r\n }\r\n\r\n onEditInitCell(event) {\r\n let col: IColumn = this.columns.find(col => col.id == event.field);\r\n this.onEditInit.emit({ row: event.data, column: col, value: event.data[event.field].value });\r\n }\r\n\r\n isModeEdition() {\r\n return this.options.editable;\r\n }\r\n\r\n getOption(col, row, option: string) {\r\n if (row[col.id].options != null) {\r\n if (row[col.id].options[option] != null) {\r\n return row[col.id].options[option];\r\n }\r\n }\r\n if (col.options != null) {\r\n if (col.options[option] != null) {\r\n return col.options[option]\r\n }\r\n }\r\n return null;\r\n }\r\n\r\n getMultiSelectConcat(value, label: string) {\r\n if (value != null) {\r\n return value.map(val => { return val[label]; }).join(', ');\r\n } else {\r\n return '';\r\n }\r\n }\r\n\r\n getSelectLibelleByValue(row, col) {\r\n let label: string = '';\r\n if (row[col.id].options != null) {\r\n label = row[col.id].options['options'].find(opt => opt.value == row[col.id].value)[row[col.id].options.optionLabel];\r\n } else {\r\n if (col.options != null) {\r\n label = col.options['options'].find(opt => opt.value == row[col.id].value)[col.options.optionLabel];\r\n }\r\n }\r\n return label;\r\n }\r\n\r\n filter(event, col: IColumn) {\r\n // Dates (range) (PROBLEME SI PLUSIEURS CHAMPS DATES !!!)\r\n if (col.type == ColType.Date) {\r\n this.table.filter(event, col.id, 'dateRangeFilter')\r\n }\r\n // Number\r\n if (col.type == ColType.Number) {\r\n this.table.filter(event.value, col.id, 'numberFilter')\r\n }\r\n // Objet\r\n if (col.type == ColType.Dropdown || col.type == ColType.State || col.type == ColType.SelectButton) {\r\n this.table.filter(event.value, col.id, 'objetFilter')\r\n }\r\n // Liste\r\n if (col.type == ColType.MultiSelect) {\r\n this.table.filter(event.value, col.id, 'listeFilter')\r\n }\r\n // Texte\r\n if (col.type == ColType.File || col.type == ColType.Text) {\r\n this.table.filter(event.target.value, col.id, 'textFilter')\r\n }\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\n\n@Injectable({\n providedIn: 'root'\n})\nexport class CilogTableService {\n\n constructor() { }\n}\n","import { NgModule, LOCALE_ID } from '@angular/core';\nimport { CilogMessageComponent } from './views/message/message.component';\r\nimport { CilogLibComponent } from './cilog-lib.component';\r\nimport { CommonModule, registerLocaleData } from '@angular/common';\nimport { PrimengModule } from './modules/primeng.module';\r\nimport { CilogMessageService } from './services/message.service';\r\nimport { BrowserModule } from '@angular/platform-browser';\r\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { CilogTableComponent } from './views/table/table.component';\r\nimport { CilogTableService } from './services/table.service';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { ConfirmationService } from 'primeng/api';\r\nimport localeFr from '@angular/common/locales/fr';\r\n\nregisterLocaleData(localeFr);\n\n@NgModule({\n imports: [\r\n CommonModule,\r\n PrimengModule,\r\n BrowserModule,\n BrowserAnimationsModule,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n ],\r\n declarations: [\n CilogLibComponent,\n CilogMessageComponent,\n CilogTableComponent\n ],\n exports: [\n CilogMessageComponent,\n CilogTableComponent\n ],\n providers: [\n CilogMessageService,\n CilogTableService,\n ConfirmationService,\n { provide: LOCALE_ID, useValue: 'fr-FR' },\n ]\n})\nexport class CilogLibModule { }\n","import { Injectable } from '@angular/core';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class CilogLibService {\n\n constructor() { }\n}\n"]}
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","onFilter","onSort","register","cell","filter","end","start","getTime","value","trim","toLowerCase","includes","indexOf","ok","forEach","val","columns","col","options","defaultFilters","getFilterByCol","ngAfterViewChecked","detectChanges","customSort","event","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","onDeleteLine","confirm","key","accept","values","splice","onFocusNumber","rowData","onEditInitCell","isModeEdition","editable","option","label","map","join","getSelectLibelleByValue","opt","optionLabel","onFilterCol","target","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() onFilter: EventEmitter<IFilter> = new EventEmitter<IFilter>();\r\n @Output() onSort: EventEmitter<ISort> = new EventEmitter<ISort>();\r\n\r\n selectedRow: IRow;\r\n\r\n filterDatesRange: Date[];\r\n\r\n @ViewChild('table', { static: true }) table: Table;\r\n\r\n constructor(\r\n private confirmationService: ConfirmationService,\r\n private filterService: FilterService,\r\n private cdRef: ChangeDetectorRef\r\n ) { }\r\n\r\n ngOnInit(): void {\r\n // Date\r\n this.filterService.register('dateRangeFilter', (cell, filter) => {\r\n if (filter == null) {\r\n return true;\r\n }\r\n let start: number = filter[0].getTime();\r\n let end: number;\r\n if (filter[1]) {\r\n end = filter[1].getTime() + 86400000;\r\n } else {\r\n end = start + 86400000;\r\n }\r\n return cell.value == null ? false : cell.value.getTime() >= start && cell.value.getTime() <= end;\r\n });\r\n // Text\r\n this.filterService.register('textFilter', (cell, filter) => {\r\n if (filter == null || filter.trim() == '') {\r\n return true;\r\n }\r\n if (cell.value == null) {\r\n return false;\r\n }\r\n return cell.value.toLowerCase().includes(filter.toLowerCase());\r\n });\r\n // Number\r\n this.filterService.register('numberFilter', (cell, filter) => {\r\n if (filter == null) {\r\n return true;\r\n }\r\n if (cell.value == null) {\r\n return false;\r\n }\r\n return cell.value == filter;\r\n });\r\n // Objet\r\n this.filterService.register('objetFilter', (cell, filter) => {\r\n return (filter.indexOf(cell.value) != -1);\r\n });\r\n // Liste\r\n this.filterService.register('listeFilter', (cell, filter) => {\r\n let ok: boolean = false;\r\n filter.forEach(val => {\r\n if (cell.value.indexOf(val) != -1) {\r\n ok = true;\r\n }\r\n });\r\n return ok;\r\n });\r\n\r\n this.columns.forEach(col => {\r\n if (col.options == null) {\r\n col.options = { defaultFilters: null };\r\n }\r\n this.filter(col, col.options.defaultFilters, this.getFilterByCol(col));\r\n });\r\n }\r\n\r\n ngAfterViewChecked() {\r\n this.cdRef.detectChanges();\r\n }\r\n\r\n // Sort\r\n customSort(event: SortEvent) {\r\n let col: IColumn = this.columns.find(col => col.id == event.field);\r\n this.onSort.emit({ column: col, order: event.order })\r\n let typeCol: ColType = col.type;\r\n event.data.sort((data1, data2) => {\r\n let value1 = data1[event.field].value;\r\n let value2 = data2[event.field].value;\r\n\r\n let result = null;\r\n if (value1 == null && value2 != null)\r\n result = -1;\r\n else if (value1 != null && value2 == null)\r\n result = 1;\r\n else if (value1 == null && value2 == null)\r\n result = 0;\r\n else if (typeCol == ColType.Text || typeCol == ColType.File)\r\n result = value1.localeCompare(value2);\r\n else if (typeCol == ColType.MultiSelect) {\r\n result = this.getMultiSelectConcat(value1, this.getOption(col, data1, 'optionLabel')).localeCompare(this.getMultiSelectConcat(value2, this.getOption(col, data2, 'optionLabel')));\r\n } else if (typeCol == ColType.Dropdown || typeCol == ColType.SelectButton || typeCol == ColType.State) {\r\n result = value1[this.getOption(col, data1, 'optionLabel')].localeCompare(value2[this.getOption(col, data2, 'optionLabel')]);\r\n } else if (typeCol == ColType.Number || typeCol == ColType.Date)\r\n result = (value1 < value2) ? -1 : (value1 > value2) ? 1 : 0;\r\n else\r\n result == 0;\r\n\r\n return (event.order * result);\r\n });\r\n }\r\n\r\n checkType(typeCol: string, col: IColumn) {\r\n return col['type'] == typeCol;\r\n }\r\n\r\n clickById(id: string) {\r\n document.getElementById(id).click();\r\n }\r\n\r\n onEditText(event) {\r\n let col: IColumn = this.columns.find(col => col.id == event.field);\r\n this.onEditCell(event.data, col, event.data[event.field].value);\r\n }\r\n\r\n onEditCell(row: IRow, column: IColumn, value: any) {\r\n this.onEdit.emit({ row: row, column: column, value: value });\r\n }\r\n\r\n onSelectRow(row: IRow) {\r\n this.onSelect.emit({ row: row });\r\n }\r\n\r\n onDeleteLine(row: IRow) {\r\n this.confirmationService.confirm({\r\n key: 'confirm',\r\n message: 'Êtes-vous sûr de vouloir supprimer cette ligne ?',\r\n accept: () => {\r\n this.values.splice(this.values.indexOf(row), 1);\r\n this.onDelete.emit({ row: row });\r\n }\r\n });\r\n }\r\n\r\n onFocusNumber(rowData, col) {\r\n this.onEditInitCell({ field: col.id, data: rowData });\r\n }\r\n\r\n onEditInitCell(event) {\r\n let col: IColumn = this.columns.find(col => col.id == event.field);\r\n this.onEditInit.emit({ row: event.data, column: col, value: event.data[event.field].value });\r\n }\r\n\r\n isModeEdition() {\r\n return this.options.editable;\r\n }\r\n\r\n getOption(col, row, option: string) {\r\n if (row[col.id].options != null) {\r\n if (row[col.id].options[option] != null) {\r\n return row[col.id].options[option];\r\n }\r\n }\r\n if (col.options != null) {\r\n if (col.options[option] != null) {\r\n return col.options[option]\r\n }\r\n }\r\n return null;\r\n }\r\n\r\n getMultiSelectConcat(value, label: string) {\r\n if (value != null) {\r\n return value.map(val => { return val[label]; }).join(', ');\r\n } else {\r\n return '';\r\n }\r\n }\r\n\r\n getSelectLibelleByValue(row, col) {\r\n let label: string = '';\r\n if (row[col.id].value == null) {\r\n return label;\r\n }\r\n if (row[col.id].options != null) {\r\n label = row[col.id].options['options'].find(opt => opt.value == row[col.id].value)[row[col.id].options.optionLabel];\r\n } else {\r\n if (col.options != null) {\r\n label = col.options['options'].find(opt => opt.value == row[col.id].value)[col.options.optionLabel];\r\n }\r\n }\r\n return label;\r\n }\r\n\r\n getFilterByCol(col: IColumn) {\r\n // Dates (range)\r\n if (col.type == ColType.Date) {\r\n return 'dateRangeFilter';\r\n }\r\n // Number\r\n if (col.type == ColType.Number) {\r\n return 'numberFilter';\r\n }\r\n // Objet\r\n if (col.type == ColType.Dropdown || col.type == ColType.State || col.type == ColType.SelectButton) {\r\n return 'objetFilter';\r\n }\r\n // Liste\r\n if (col.type == ColType.MultiSelect) {\r\n return 'listeFilter';\r\n }\r\n // Texte\r\n if (col.type == ColType.File || col.type == ColType.Text) {\r\n return 'textFilter';\r\n }\r\n return null;\r\n }\r\n\r\n onFilterCol(event, col: IColumn) {\r\n // Dates (range)\r\n if (col.type == ColType.Date) {\r\n this.filter(col, col.options.defaultFilters, 'dateRangeFilter');\r\n }\r\n // Number\r\n if (col.type == ColType.Number) {\r\n this.filter(col, event.value, 'numberFilter');\r\n }\r\n // Objet\r\n if (col.type == ColType.Dropdown || col.type == ColType.State || col.type == ColType.SelectButton) {\r\n this.filter(col, event.value, 'objetFilter');\r\n }\r\n // Liste\r\n if (col.type == ColType.MultiSelect) {\r\n this.filter(col, event.value, 'listeFilter');\r\n }\r\n // Texte\r\n if (col.type == ColType.File || col.type == ColType.Text) {\r\n this.filter(col, event.target.value, 'textFilter');\r\n }\r\n }\r\n\r\n filter(col: IColumn, val: any, filter: string) {\r\n this.table.filter(val, col.id, filter);\r\n this.onFilter.emit({ column: col, value: val });\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\n\n@Injectable({\n providedIn: 'root'\n})\nexport class CilogTableService {\n\n constructor() { }\n}\n","import { NgModule, LOCALE_ID } from '@angular/core';\nimport { CilogMessageComponent } from './views/message/message.component';\r\nimport { CilogLibComponent } from './cilog-lib.component';\r\nimport { CommonModule, registerLocaleData } from '@angular/common';\nimport { PrimengModule } from './modules/primeng.module';\r\nimport { CilogMessageService } from './services/message.service';\r\nimport { BrowserModule } from '@angular/platform-browser';\r\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { CilogTableComponent } from './views/table/table.component';\r\nimport { CilogTableService } from './services/table.service';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { ConfirmationService } from 'primeng/api';\r\nimport localeFr from '@angular/common/locales/fr';\r\n\nregisterLocaleData(localeFr);\n\n@NgModule({\n imports: [\r\n CommonModule,\r\n PrimengModule,\r\n BrowserModule,\n BrowserAnimationsModule,\r\n FormsModule,\r\n ReactiveFormsModule\r\n ],\r\n declarations: [\n CilogLibComponent,\n CilogMessageComponent,\n CilogTableComponent\n ],\n exports: [\n CilogMessageComponent,\n CilogTableComponent\n ],\n providers: [\n CilogMessageService,\n CilogTableService,\n ConfirmationService,\n { provide: LOCALE_ID, useValue: 'fr-FR' },\n ]\n})\nexport class CilogLibModule { }\n","import { Injectable } from '@angular/core';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class CilogLibService {\n\n constructor() { }\n}\n"]}
package/cilog-lib.metadata.json CHANGED
@@ -1 +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":{}}},"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"},"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":14,"character":1},"arguments":[{"declarations":[],"exports":[{"__symbolic":"reference","module":"primeng/dialog","name":"DialogModule","line":17,"character":8},{"__symbolic":"reference","module":"primeng/button","name":"ButtonModule","line":18,"character":8},{"__symbolic":"reference","module":"primeng/table","name":"TableModule","line":19,"character":8},{"__symbolic":"reference","module":"primeng/inputtext","name":"InputTextModule","line":20,"character":8},{"__symbolic":"reference","module":"primeng/selectbutton","name":"SelectButtonModule","line":21,"character":8},{"__symbolic":"reference","module":"primeng/dropdown","name":"DropdownModule","line":22,"character":8},{"__symbolic":"reference","module":"primeng/inputnumber","name":"InputNumberModule","line":23,"character":8},{"__symbolic":"reference","module":"primeng/confirmdialog","name":"ConfirmDialogModule","line":24,"character":8},{"__symbolic":"reference","module":"primeng/multiselect","name":"MultiSelectModule","line":25,"character":8},{"__symbolic":"reference","module":"primeng/calendar","name":"CalendarModule","line":26,"character":8},{"__symbolic":"reference","module":"primeng/tag","name":"TagModule","line":27,"character":8}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":30,"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 (sortFunction)=\"customSort($event)\"\r\n [customSort]=\"true\">\r\n\r\n <!-- Header -->\r\n <ng-template pTemplate=\"header\" let-columns>\r\n <tr>\r\n <th *ngFor=\"let col of columns\"\r\n [ngClass]=\"{ 'centerText' : options.centerHeaders }\"\r\n [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n [pSortableColumn]=\"col.id\"\r\n [pSortableColumnDisabled]=\"!options.sortable\"\r\n id=\"{{ col.id }}\">\r\n {{ col.libelle }}\r\n <p-sortIcon *ngIf=\"options.sortable\" [field]=\"col.id\"></p-sortIcon>\r\n </th>\r\n <th style=\"width: 50px;\" *ngIf=\"options.rowsDeletable\"></th>\r\n </tr>\r\n <!-- FILTRES -->\r\n <tr *ngIf=\"options.filterable\">\r\n <ng-container *ngFor=\"let col of columns\">\r\n <!-- Text -->\r\n <th *ngIf=\"checkType('Text', col) || checkType('File', col)\">\r\n <input pInputText\r\n type=\"text\"\r\n (input)=\"filter($event, col)\">\r\n </th>\r\n\r\n <!-- Date -->\r\n <th *ngIf=\"checkType('Date', col)\">\r\n <p-calendar dateFormat=\"dd/mm/yy\"\r\n firstDayOfWeek=\"1\"\r\n [readonlyInput]=\"true\"\r\n appendTo=\"body\"\r\n selectionMode=\"range\"\r\n [(ngModel)]=\"filterDatesRange\"\r\n (onSelect)=\"filter($event, col)\"\r\n showButtonBar=\"true\"\r\n (onClearClick)=\"filter($event, col)\">\r\n </p-calendar>\r\n </th>\r\n\r\n <!-- Number -->\r\n <th *ngIf=\"checkType('Number', col)\">\r\n <p-inputNumber mode=\"decimal\"\r\n locale=\"fr-FR\"\r\n [minFractionDigits]=\"2\"\r\n [showButtons]=\"true\"\r\n (onInput)=\"filter($event, col)\"\r\n (onFocus)=\"onEditInitCell($event)\">\r\n </p-inputNumber>\r\n </th>\r\n\r\n <!-- Liste -->\r\n <th *ngIf=\"checkType('Dropdown', col) || checkType('MultiSelect', col) || checkType('SelectButton', col) || checkType('State', col)\">\r\n <p-multiSelect [options]=\"col.options?.options\"\r\n [filter]=\"true\"\r\n [optionLabel]=\"col.options?.optionLabel\"\r\n appendTo=\"body\"\r\n emptyFilterMessage=\"Aucun résultat\"\r\n itemSize=\"30\"\r\n selectedItemsLabel=\"{0} selectionnés\"\r\n (onChange)=\"filter($event, col)\">\r\n </p-multiSelect>\r\n </th>\r\n\r\n <!-- Non filtrable -->\r\n <th *ngIf=\"checkType('Button', col) || checkType('Image', col)\">\r\n\r\n </th>\r\n </ng-container>\r\n <th style=\"width: 50px;\" *ngIf=\"options.rowsDeletable\"></th>\r\n </tr>\r\n </ng-template>\r\n\r\n <!-- Body -->\r\n <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\r\n <tr id=\"{{ rowData.id }}\"\r\n [pSelectableRow]=\"rowData\"\r\n [pSelectableRowDisabled]=\"!options.selectable || isModeEdition()\">\r\n <ng-container *ngFor=\"let col of columns\">\r\n\r\n <!-- Text -->\r\n <td *ngIf=\"checkType('Text', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n [pEditableColumn]=\"rowData\"\r\n [pEditableColumnField]=\"col.id\">\r\n <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n <p-cellEditor *ngIf=\"rowData[col.id] != null\">\r\n <ng-template pTemplate=\"input\">\r\n <input pInputText type=\"text\" [(ngModel)]=\"rowData[col.id].value\">\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{ rowData[col.id].value }}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n <td *ngIf=\"checkType('Text', col) && (!isModeEdition() || rowData.readonly || rowData[col.id]?.readonly)\"\r\n [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n [ngClass]=\"{ 'paddingCell': rowData[col.id] != null }\">\r\n <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n <span *ngIf=\"rowData[col.id]\">{{ rowData[col.id].value }}</span>\r\n </td>\r\n\r\n <!-- Dropdown -->\r\n <td *ngIf=\"checkType('Dropdown', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\">\r\n <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n <p-dropdown *ngIf=\"rowData[col.id] != null\"\r\n [options]=\"getOption(col, rowData, 'options')\"\r\n [filter]=\"getOption(col, rowData, 'filter')\"\r\n [optionLabel]=\"getOption(col, rowData, 'optionLabel')\"\r\n [(ngModel)]=\"rowData[col.id].value\"\r\n [autoDisplayFirst]=\"false\"\r\n appendTo=\"body\"\r\n emptyFilterMessage=\"Aucun ré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 <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n <span *ngIf=\"rowData[col.id]\">{{ rowData[col.id].value != null ? rowData[col.id].value[getOption(col, rowData, 'optionLabel')] : '' }}</span>\r\n </td>\r\n\r\n <!-- Number -->\r\n <td *ngIf=\"checkType('Number', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\">\r\n <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n <p-inputNumber *ngIf=\"rowData[col.id] && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n mode=\"decimal\"\r\n locale=\"fr-FR\"\r\n [(ngModel)]=\"rowData[col.id].value\"\r\n [showButtons]=\"getOption(col, rowData, 'showButtons')\"\r\n [minFractionDigits]=\"2\"\r\n [maxFractionDigits]=\"getOption(col, rowData, 'maxDecimales') != null ? getOption(col, rowData, 'maxDecimales') : 2 \"\r\n (ngModelChange)=\"onEditCell(rowData, col, rowData[col.id].value)\">\r\n </p-inputNumber>\r\n </td>\r\n <td *ngIf=\"checkType('Number', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\">\r\n <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n <span *ngIf=\"rowData[col.id]\">{{ rowData[col.id].value | number }}</span>\r\n </td>\r\n\r\n <!-- Date -->\r\n <td *ngIf=\"checkType('Date', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\">\r\n <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n <p-calendar [(ngModel)]=\"rowData[col.id].value\"\r\n dateFormat=\"dd/mm/yy\"\r\n firstDayOfWeek=\"1\"\r\n (onSelect)=\"onEditCell(rowData, col, rowData[col.id].value)\"\r\n [readonlyInput]=\"true\"\r\n appendTo=\"body\">\r\n </p-calendar>\r\n </td>\r\n <td *ngIf=\"checkType('Date', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\">\r\n <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n <span *ngIf=\"rowData[col.id]\">{{ rowData[col.id].value | date: 'dd/MM/yyyy' }}</span>\r\n </td>\r\n\r\n <!-- MultiSelect -->\r\n <td *ngIf=\"checkType('MultiSelect', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\">\r\n <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n <p-multiSelect *ngIf=\"rowData[col.id] != null\"\r\n [options]=\"getOption(col, rowData, 'options')\"\r\n [filter]=\"getOption(col, rowData, 'filter')\"\r\n [optionLabel]=\"getOption(col, rowData, 'optionLabel')\"\r\n [(ngModel)]=\"rowData[col.id].value\"\r\n appendTo=\"body\"\r\n emptyFilterMessage=\"Aucun ré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 <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n <span *ngIf=\"rowData[col.id]\">{{ getMultiSelectConcat(rowData[col.id].value, getOption(col, rowData, 'optionLabel')) }}</span>\r\n </td>\r\n\r\n <!-- Image -->\r\n <td *ngIf=\"checkType('Image', col)\"\r\n [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n class=\"centerText\">\r\n <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n <img *ngIf=\"rowData[col.id]\" style=\"vertical-align: middle; width: 40px;\" src=\"{{ rowData[col.id].value }}\" />\r\n </td>\r\n\r\n <!-- Button -->\r\n <td *ngIf=\"checkType('Button', col)\"\r\n class=\"paddingCell centerText\">\r\n <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n <button pButton\r\n [disabled]=\"rowData.readonly || rowData[col.id]?.readonly\"\r\n [ngClass]=\"'p-button-' + (col.options ? col.options.severity : rowData[col.id].options?.severity)\"\r\n [label]=\"col.options ? col.options.label : rowData[col.id].options?.label\"\r\n [icon]=\"col.options ? col.options.icon : rowData[col.id].options?.icon\"\r\n (click)=\"rowData[col.id].value()\">\r\n </button>\r\n </td>\r\n\r\n <!-- SelectButton -->\r\n <td *ngIf=\"checkType('SelectButton', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\">\r\n <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n <p-selectButton *ngIf=\"rowData[col.id] != null\"\r\n [options]=\"getOption(col, rowData, 'options')\"\r\n [optionLabel]=\"getOption(col, rowData, 'optionLabel')\"\r\n [(ngModel)]=\"rowData[col.id].value\"\r\n [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\"\r\n (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\">\r\n </p-selectButton>\r\n </td>\r\n <td *ngIf=\"checkType('SelectButton', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\">\r\n <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n <span *ngIf=\"rowData[col.id]\">{{ getSelectLibelleByValue(rowData, col) }}</span>\r\n </td>\r\n\r\n <!-- File -->\r\n <td *ngIf=\"checkType('File', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\">\r\n <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n <div class=\"p-inputgroup\" *ngIf=\"rowData[col.id] != null\">\r\n <button type=\"button\"\r\n pButton\r\n pRipple\r\n icon=\"pi pi-upload\"\r\n (click)=\"clickById('input_' + rowData[col.id].id)\"\r\n [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\">\r\n </button>\r\n <input id=\"{{'output_' + rowData[col.id].id}}\" pInputText type=\"text\" value=\"{{ rowData[col.id].value != null ? rowData[col.id].value : '' }}\" readonly>\r\n </div>\r\n <input *ngIf=\"rowData[col.id]\" id=\"{{'input_' + rowData[col.id].id}}\" #inputFile pInputText type=\"file\" hidden (change)=\"rowData[col.id].value = inputFile.files[0].name; onEditCell(rowData, col, inputFile.files[0])\">\r\n </td>\r\n <td *ngIf=\"checkType('File', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\">\r\n <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n <span *ngIf=\"rowData[col.id]\">{{ rowData[col.id].value ? rowData[col.id].value : '' }}</span>\r\n </td>\r\n\r\n <!-- State -->\r\n <td *ngIf=\"checkType('State', col)\"\r\n [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n class=\"centerText\">\r\n <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n <p-tag [value]=\"rowData[col.id].value[getOption(col, rowData, 'optionLabel')]\"\r\n [severity]=\"rowData[col.id].value.severity\"\r\n [icon]=\"rowData[col.id].value.icon\">\r\n </p-tag>\r\n </td>\r\n\r\n </ng-container>\r\n\r\n <!-- Deletion -->\r\n <td *ngIf=\"options.rowsDeletable\"\r\n style=\"width: 50px;\"\r\n [ngClass]=\"rowData.deletable ? 'paddingCell' : null\">\r\n <button *ngIf=\"rowData.deletable\"\r\n pButton\r\n type=\"button\"\r\n icon=\"pi pi-times\"\r\n class=\"p-button-danger buttonDelete p-button-text\"\r\n [disabled]=\"rowData.readonly\"\r\n (click)=\"onDeleteLine(rowData)\">\r\n </button>\r\n </td>\r\n\r\n </tr>\r\n </ng-template>\r\n</p-table>\r\n","styles":[":host ::ng-deep .p-datatable-thead>tr>th{background:#dedddd!important;border:1px solid rgba(0,0,0,.12)!important;color:#495057!important;font-weight:600!important;padding-bottom:8px!important;padding-top:8px!important}:host ::ng-deep .p-datatable-tbody>tr{height:35px!important}:host ::ng-deep .p-datatable-tbody>tr>td{border:1px solid rgba(0,0,0,.12)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .centerText{text-align:center!important}:host ::ng-deep .p-button{padding-bottom:1px;padding-top:1px}:host ::ng-deep .p-calendar,:host ::ng-deep p-dropdown,:host ::ng-deep p-inputNumber,:host ::ng-deep p-multiselect,:host ::ng-deep p-selectButton{width:100%!important}:host ::ng-deep .p-inputtext{height:25px!important;padding:0 5px!important;width:100%!important}:host ::ng-deep .p-inputnumber{height:25px}:host ::ng-deep .p-inputnumber,:host ::ng-deep .p-inputnumber-input{padding:0 5px!important;width:100%}:host ::ng-deep .p-inputgroup .p-inputtext{height:25px;padding:0 5px!important;width:100%}:host ::ng-deep .p-dropdown{vertical-align:middle;width:100%}:host ::ng-deep .p-dropdown-label{padding-bottom:2px;padding-top:2px}:host ::ng-deep .p-multiselect{vertical-align:middle;width:100%}:host ::ng-deep .p-multiselect-label{padding-bottom:2px;padding-top:2px}:host ::ng-deep .p-editable-column,:host ::ng-deep .paddingCell{padding:3px 10px!important}:host ::ng-deep .p-selectbutton>.p-button{height:25px;width:50%}:host ::ng-deep .p-inputgroup>.p-button{height:25px}:host ::ng-deep .buttonDelete{height:20px;width:100%}:host ::ng-deep .p-column-title{display:none}@media screen and (max-width:800px){:host ::ng-deep .p-datatable-tfoot>tr>td,:host ::ng-deep .p-datatable-thead>tr>th{display:none!important;width:inherit!important}:host ::ng-deep .p-datatable-tbody>tr{border:2px solid rgba(0,0,0,.12)}:host ::ng-deep .p-datatable-tbody>tr>td{align-items:center;border:0!important;display:flex;text-align:left;width:100%;width:inherit!important}:host ::ng-deep td .p-column-title{display:inline-block;font-weight:700;margin:-.4rem 1rem -.4rem -.4rem;min-width:35%;padding:.4rem}}"]}]}],"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}}]}],"table":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":27,"character":5},"arguments":["table",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"primeng/api","name":"ConfirmationService","line":30,"character":37},{"__symbolic":"reference","module":"primeng/api","name":"FilterService","line":31,"character":31}]}],"ngOnInit":[{"__symbolic":"method"}],"customSort":[{"__symbolic":"method"}],"checkType":[{"__symbolic":"method"}],"clickById":[{"__symbolic":"method"}],"onEditText":[{"__symbolic":"method"}],"onEditCell":[{"__symbolic":"method"}],"onSelectRow":[{"__symbolic":"method"}],"onDeleteLine":[{"__symbolic":"method"}],"onEditInitCell":[{"__symbolic":"method"}],"isModeEdition":[{"__symbolic":"method"}],"getOption":[{"__symbolic":"method"}],"getMultiSelectConcat":[{"__symbolic":"method"}],"getSelectLibelleByValue":[{"__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","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","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"}
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":{}}},"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 (sortFunction)=\"customSort($event)\"\r\n [customSort]=\"true\"\r\n [scrollable]=\"true\"\r\n [scrollHeight]=\"options.scrollHeight\"\r\n [virtualScroll]=\"true\"\r\n [virtualRowHeight]=\"34\">\r\n\r\n <!-- Header -->\r\n <ng-template pTemplate=\"header\" let-columns>\r\n <tr>\r\n <th *ngFor=\"let col of columns\"\r\n [ngClass]=\"{ 'centerText' : options.centerHeaders }\"\r\n [pSortableColumn]=\"col.id\"\r\n [pSortableColumnDisabled]=\"!options.sortable\"\r\n id=\"{{ col.id }}\">\r\n {{ col.libelle }}\r\n <p-sortIcon *ngIf=\"options.sortable\" [field]=\"col.id\"></p-sortIcon>\r\n </th>\r\n <th class=\"cellDelete\" *ngIf=\"options.rowsDeletable\"></th>\r\n </tr>\r\n <!-- FILTRES -->\r\n <tr *ngIf=\"options.filterable\">\r\n <ng-container *ngFor=\"let col of columns\">\r\n <!-- Text -->\r\n <th *ngIf=\"checkType('Text', col) || checkType('File', col)\">\r\n <input pInputText\r\n type=\"text\"\r\n (input)=\"onFilterCol($event, col)\">\r\n </th>\r\n\r\n <!-- Date -->\r\n <th *ngIf=\"checkType('Date', col)\">\r\n <p-calendar dateFormat=\"dd/mm/yy\"\r\n [inputId]=\"col.id + '_filter'\"\r\n firstDayOfWeek=\"1\"\r\n [readonlyInput]=\"true\"\r\n appendTo=\"body\"\r\n selectionMode=\"range\"\r\n (onSelect)=\"onFilterCol($event, col)\"\r\n showButtonBar=\"true\"\r\n (onClearClick)=\"onFilterCol($event, col)\"\r\n [(ngModel)]=\"col.options.defaultFilters\">\r\n </p-calendar>\r\n </th>\r\n\r\n <!-- Number -->\r\n <th *ngIf=\"checkType('Number', col)\">\r\n <p-inputNumber mode=\"decimal\"\r\n locale=\"fr-FR\"\r\n [minFractionDigits]=\"2\"\r\n [showButtons]=\"true\"\r\n (onInput)=\"onFilterCol($event, col)\"\r\n [(ngModel)]=\"col.options.defaultFilters\">\r\n </p-inputNumber>\r\n </th>\r\n\r\n <!-- Liste -->\r\n <th *ngIf=\"checkType('Dropdown', col) || checkType('MultiSelect', col) || checkType('SelectButton', col) || checkType('State', col)\">\r\n <p-multiSelect [options]=\"col.options?.options\"\r\n [filter]=\"true\"\r\n [optionLabel]=\"col.options?.optionLabel\"\r\n appendTo=\"body\"\r\n emptyFilterMessage=\"Aucun ré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 <!-- 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-' + (col.options ? col.options.severity : rowData[col.id].options?.severity)\"\r\n [label]=\"col.options ? col.options.label : rowData[col.id].options?.label\"\r\n [icon]=\"col.options ? col.options.icon : rowData[col.id].options?.icon\"\r\n (click)=\"rowData[col.id].value()\">\r\n </button>\r\n </td>\r\n\r\n <!-- SelectButton -->\r\n <td *ngIf=\"checkType('SelectButton', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\">\r\n <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n <p-selectButton *ngIf=\"rowData[col.id] != null\"\r\n [options]=\"getOption(col, rowData, 'options')\"\r\n [optionLabel]=\"getOption(col, rowData, 'optionLabel')\"\r\n [optionValue]=\"getOption(col, rowData, 'optionValue') != null ? getOption(col, rowData, 'optionValue') : 'value'\"\r\n [(ngModel)]=\"rowData[col.id].value\"\r\n [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\"\r\n (onChange)=\"onEditCell(rowData, col, rowData[col.id].value)\">\r\n </p-selectButton>\r\n </td>\r\n <td *ngIf=\"checkType('SelectButton', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\">\r\n <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n <span *ngIf=\"rowData[col.id]\">{{ getSelectLibelleByValue(rowData, col) }}</span>\r\n </td>\r\n\r\n <!-- File -->\r\n <td *ngIf=\"checkType('File', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly\"\r\n [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n [pTooltip]=\"rowData[col.id].value ? rowData[col.id].value : ''\"\r\n [tooltipDisabled]=\"!col.tooltip\">\r\n <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n <div class=\"p-inputgroup\" *ngIf=\"rowData[col.id] != null\">\r\n <button type=\"button\"\r\n pButton\r\n pRipple\r\n icon=\"pi pi-upload\"\r\n (click)=\"clickById('input_' + rowData[col.id].id)\"\r\n [disabled]=\"rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()\">\r\n </button>\r\n <input id=\"{{'output_' + rowData[col.id].id}}\" pInputText type=\"text\" value=\"{{ rowData[col.id].value != null ? rowData[col.id].value : '' }}\" readonly>\r\n </div>\r\n <input *ngIf=\"rowData[col.id]\" id=\"{{'input_' + rowData[col.id].id}}\" #inputFile pInputText type=\"file\" hidden (change)=\"rowData[col.id].value = inputFile.files[0].name; onEditCell(rowData, col, inputFile.files[0])\">\r\n </td>\r\n <td *ngIf=\"checkType('File', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())\"\r\n [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n [pTooltip]=\"rowData[col.id].value ? rowData[col.id].value : ''\"\r\n [tooltipDisabled]=\"!col.tooltip\"\r\n tooltipPosition=\"bottom\">\r\n <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n <span *ngIf=\"rowData[col.id]\">{{ rowData[col.id].value ? rowData[col.id].value : '' }}</span>\r\n </td>\r\n\r\n <!-- State -->\r\n <td *ngIf=\"checkType('State', col)\"\r\n [ngStyle]=\"{ 'width' : col.width ? col.width : null }\"\r\n id=\"{{ rowData[col.id] != null ? rowData[col.id].id : '' }}\"\r\n [ngClass]=\"rowData[col.id] != null ? 'paddingCell' : null\"\r\n class=\"centerText\">\r\n <span class=\"p-column-title\">{{ col.libelle }} : </span>\r\n <p-tag [value]=\"rowData[col.id].value[getOption(col, rowData, 'optionLabel')]\"\r\n [severity]=\"rowData[col.id].value.severity\"\r\n [icon]=\"rowData[col.id].value.icon\">\r\n </p-tag>\r\n </td>\r\n\r\n </ng-container>\r\n\r\n <!-- Deletion -->\r\n <td *ngIf=\"options.rowsDeletable\"\r\n class=\"cellDelete\"\r\n [ngClass]=\"rowData.deletable ? 'paddingCell' : null\">\r\n <button *ngIf=\"rowData.deletable\"\r\n pButton\r\n type=\"button\"\r\n icon=\"pi pi-times\"\r\n class=\"p-button-danger buttonDelete p-button-text\"\r\n [disabled]=\"rowData.readonly\"\r\n (click)=\"onDeleteLine(rowData)\">\r\n </button>\r\n </td>\r\n\r\n </tr>\r\n </ng-template>\r\n</p-table>\r\n","styles":["::ng-deep .p-tooltip .p-tooltip-text{overflow-wrap:break-word!important}:host ::ng-deep .cellDelete{flex:0 0 50px!important}:host ::ng-deep .p-datatable .p-sortable-column.p-highlight{color:#2196f3!important}:host ::ng-deep .p-tooltip .p-tooltip-text{background-color:red!important}:host ::ng-deep .p-datatable-thead>tr>th{background:#dedddd!important;border:1px solid rgba(0,0,0,.12)!important;color:#495057!important;font-weight:600!important;overflow:hidden;padding-bottom:8px!important;padding-top:8px!important;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .p-datatable-tbody>tr{height:35px!important}:host ::ng-deep .p-datatable-tbody>tr>td{border:1px solid rgba(0,0,0,.12)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .centerText{justify-content:center!important}:host ::ng-deep .p-button{padding-bottom:1px;padding-top:1px}:host ::ng-deep .p-calendar,:host ::ng-deep p-calendar,:host ::ng-deep p-dropdown,:host ::ng-deep p-inputNumber,:host ::ng-deep p-multiselect,:host ::ng-deep p-selectButton{width:100%!important}:host ::ng-deep .p-inputtext{height:25px!important;padding:0 5px!important;width:100%!important}:host ::ng-deep .p-inputnumber{height:25px;padding:0!important;width:100%}:host ::ng-deep .p-inputnumber-input{padding:0 5px!important;width:100%}:host ::ng-deep .p-inputgroup .p-inputtext{height:25px;padding:0 5px!important;width:100%}:host ::ng-deep .p-dropdown{vertical-align:middle;width:100%}:host ::ng-deep .p-dropdown-label{padding-bottom:2px;padding-top:2px}:host ::ng-deep .p-multiselect{vertical-align:middle;width:100%}:host ::ng-deep .p-multiselect-label{padding-bottom:2px;padding-top:2px}:host ::ng-deep .p-editable-column,:host ::ng-deep .paddingCell{padding:3px 10px!important}:host ::ng-deep .p-selectbutton>.p-button{height:25px;width:50%}:host ::ng-deep .p-inputgroup>.p-button{height:25px}:host ::ng-deep .buttonDelete{height:20px;width:100%}:host ::ng-deep .p-column-title{display:none}@media screen and (max-width:650px){:host ::ng-deep .p-datatable-tfoot>tr>td,:host ::ng-deep .p-datatable-thead>tr>th{display:none!important;width:inherit!important}:host ::ng-deep .p-datatable-tbody>tr{border:2px solid rgba(0,0,0,.12);flex-direction:column;height:inherit!important;padding-top:12px!important}:host ::ng-deep .p-datatable-tbody>tr>td{border:0!important;flex-basis:auto!important;width:100%!important}:host ::ng-deep td .p-column-title{display:inline-block!important;font-weight:700;margin:-.4rem 1rem -.4rem -.4rem;min-width:35%;padding:.4rem}:host ::ng-deep .centerText{justify-content:inherit!important}}"]}]}],"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}}]}],"onFilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":5}}]}],"onSort":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":5}}]}],"table":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":29,"character":5},"arguments":["table",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"primeng/api","name":"ConfirmationService","line":32,"character":37},{"__symbolic":"reference","module":"primeng/api","name":"FilterService","line":33,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":34,"character":23}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"customSort":[{"__symbolic":"method"}],"checkType":[{"__symbolic":"method"}],"clickById":[{"__symbolic":"method"}],"onEditText":[{"__symbolic":"method"}],"onEditCell":[{"__symbolic":"method"}],"onSelectRow":[{"__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","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"}