{"__symbolic":"module","version":4,"metadata":{"AngularMaterialDatatableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"mat-datatable","template":"<div class=\"tableCont\">\n    <div *ngIf=\"search\" class=\"searchCont\">\n      <mat-form-field class=\"example-full-width\">\n        <i matPrefix class=\"fa fa-search\" style=\"padding-right: 10px;\"></i>\n        <input type=\"search\" matInput placeholder=\"Search\" [(ngModel)]=\"datatablesearch\" (keyup.enter)=\"loadCandidats()\">\n      </mat-form-field>\n    </div>\n    <div class=\"tableSubCont\">\n      <table mat-table [dataSource]=\"datas\" matSort class=\"mat-elevation-z8 matDataTable {{cssClass}}\">\n  \n        <ng-container\n          *ngFor=\"let column of columns\"\n          matColumnDef=\"{{column.key}}\"\n        >\n          <th class=\"tableTH\" mat-header-cell *matHeaderCellDef mat-sort-header [style.width]=\"column.width\">\n            {{column.value}}\n          </th>\n          <td mat-cell *matCellDef=\"let element\" class=\"tableTD\">\n            <span *ngIf=\"column.key === 'actions';else templateName\">\n              <button \n                mat-flat-button color=\"primary\"\n                *ngFor=\"let action of actions\" \n                (click)=\"fireSendAction(action.code, element)\"  \n                matTooltip=\"{{action.name}}\" \n                class=\"matDataTableBtn {{action.classe}}\">\n                  <mat-icon class=\"matDataTableIcon\" aria-hidden=\"false\">{{action.icone}}</mat-icon>\n              </button>\n            </span>\n            <ng-template #templateName>\n              {{element[column.key]}}\n            </ng-template>\n            \n          </td>\n        </ng-container>\n\n        <tr mat-header-row *matHeaderRowDef=\"displaycolumns\"></tr>\n        <tr mat-row *matRowDef=\"let row; columns: displaycolumns;\"></tr>\n      </table>\n    </div>\n    <mat-progress-bar *ngIf=\"loading\" class=\"progressBarClass\" color=\"accent\" bufferValue=\"75\" mode=\"indeterminate\"></mat-progress-bar>\n    <mat-paginator [length]=\"paginatorData.totalData\"\n      [pageSize]=\"paginatorData.dataSize\"\n      [pageSizeOptions]=\"pageSizeOptions\"\n      (page)=\"pageEvent = loadCandidats()\"\n      class=\"paginatorClass {{cssClass}}\">\n    </mat-paginator>\n</div>","styles":[".matDataTable{width:100%;box-shadow:none;border-spacing:0;table-layout:fixed}.matDataTableBtn{padding:0;margin:3px;border-radius:2px;cursor:pointer}.searchCont{text-align:right;width:100%}.tableCont{padding-left:5px;padding-right:5px}.tableSubCont{overflow-x:auto}.matDataTableIcon{font-size:18px;width:20px!important;height:20px!important;padding:1px}.progressBarClass{width:100%}.tableTH{font-weight:900;font-size:14px;padding-left:4px;padding-right:4px}.tableTD{font-size:13px;padding-left:4px;padding-right:4px}"]}]}],"members":{"datasource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"cssClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"actions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"sendAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"sort":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":26,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MatSort","line":26,"character":13},{"static":false}]}]}],"paginator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":27,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MatPaginator","line":27,"character":13},{"static":false}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"loadCandidats":[{"__symbolic":"method"}],"fireSendAction":[{"__symbolic":"method"}]}},"AngularMaterialDatatableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"AngularMaterialDatatableComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/material/paginator","name":"MatPaginatorModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/material/sort","name":"MatSortModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/material/table","name":"MatTableModule","line":21,"character":4},{"__symbolic":"reference","module":"@angular/material/card","name":"MatCardModule","line":22,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":25,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":26,"character":4},{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"BrowserAnimationsModule","line":27,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":28,"character":4},{"__symbolic":"reference","module":"@angular/material/progress-bar","name":"MatProgressBarModule","line":29,"character":4}],"exports":[{"__symbolic":"reference","name":"AngularMaterialDatatableComponent"}]}]}],"members":{}}},"origins":{"AngularMaterialDatatableComponent":"./lib/angular-material-datatable.component","AngularMaterialDatatableModule":"./lib/angular-material-datatable.module"},"importAs":"@thecreatiiives/angular-material-datatable"}