[{"__symbolic":"module","version":3,"metadata":{"DataGridTableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"[euiDataGridTable]","template":"\n\t\t<colgroup>\n\t\t\t<col *ngFor=\"let col of columns\" [style.width]=\"col.width\">\n\t\t</colgroup>\n\t\t<tbody>\n\t\t\t<ng-container *ngFor=\"let row of rows;let rowIndex=index\">\n\t\t\t<tr *ngIf=\"grid.isGroupRow(row)\" class=\"datagrid-row datagrid-group-row\"\n\t\t\t\t\t[ngClass]=\"grid.groupTemplate && grid.groupTemplate.groupCls\"\n\t\t\t\t\t[ngStyle]=\"grid.groupTemplate && grid.groupTemplate.groupStyle\">\n\t\t\t\t<td class=\"datagrid-td-group\" [attr.colspan]=\"columns.length\">\n\t\t\t\t\t<div class=\"datagrid-group f-row\">\n\t\t\t\t\t\t<span *ngIf=\"showExpandIcon\" \n\t\t\t\t\t\t\t\tclass=\"datagrid-group-expander f-row f-content-center f-noshrink\" \n\t\t\t\t\t\t\t\t[style.width.px]=\"grid.expanderWidth\"\n\t\t\t\t\t\t\t\t(click)=\"onGroupExpanderClick(row.value, $event)\">\n\t\t\t\t\t\t\t<span class=\"datagrid-row-expander\"\n\t\t\t\t\t\t\t\t\t[class.datagrid-row-expand]=\"row.collapsed\"\n\t\t\t\t\t\t\t\t\t[class.datagrid-row-collapse]=\"!row.collapsed\">\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<div #groupTitle class=\"datagrid-group-title\" [style.left.px]=\"-titleLeft\">\n\t\t\t\t\t\t\t<span *ngIf=\"!grid.groupTemplate\">{{row.value}}</span>\n\t\t\t\t\t\t\t<ng-template *ngIf=\"grid.groupTemplate\" [euiDataGridGroupTemplate]=\"grid.groupTemplate.template\" [value]=\"row.value\" [rows]=\"row.rows\"></ng-template>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\t\t\t</tr>\n\t\t\t<tr #rowEl *ngIf=\"!grid.isGroupRow(row)\" class=\"datagrid-row\"\n\t\t\t\t\t[ngClass]=\"getRowClass(row)\"\n\t\t\t\t\t[ngStyle]=\"getRowStyle(row)\"\n\t\t\t\t\t[class.datagrid-row-over]=\"grid.isHighlighted(row)\"\n\t\t\t\t\t[class.datagrid-row-selected]=\"grid.isSelected(row)\"\n\t\t\t\t\t(mouseenter)=\"grid.highlightRow=row\"\n\t\t\t\t\t(mouseleave)=\"grid.highlightRow=null\"\n\t\t\t\t\t(click)=\"onRowClick(row,$event)\"\n\t\t\t\t\t(dblclick)=\"onRowDblClick(row,$event)\"\n\t\t\t\t\t(contextmenu)=\"onRowContextMenu(row,$event)\">\n\t\t\t\t<ng-container *ngFor=\"let col of columns\">\n\t\t\t\t<td *ngIf=\"col.expander\" class=\"datagrid-td-expander\">\n\t\t\t\t\t<div class=\"datagrid-cell f-row f-content-center\">\n\t\t\t\t\t\t<span class=\"datagrid-row-expander\" (click)=\"onDetailExpanderClick(row, $event)\"\n\t\t\t\t\t\t\t\t[class.datagrid-row-collapse]=\"grid.isRowExpanded(row)\"\n\t\t\t\t\t\t\t\t[class.datagrid-row-expand]=\"!grid.isRowExpanded(row)\">\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\t\t\t\t<td *ngIf=\"!col.expander\"\n\t\t\t\t\t\t[ngClass]=\"getCellClass(col,row)\"\n\t\t\t\t\t\t[ngStyle]=\"getCellStyle(col,row)\"\n\t\t\t\t\t\t[class.datagrid-row-selected]=\"grid.isSelected(row,col)\"\n\t\t\t\t\t\t[class.datagrid-row-over]=\"grid.isHighlighted(row,col)\"\n\t\t\t\t\t\t(mouseenter)=\"grid.highlightCell={row:row,column:col}\"\n\t\t\t\t\t\t(mouseleave)=\"grid.highlightCell=null\"\n\t\t\t\t\t\t(click)=\"onCellClick(row,col,rowEl,cellEl,$event)\"\n\t\t\t\t\t\t(dblclick)=\"onCellDblClick(row,col,rowEl,cellEl,$event)\"\n\t\t\t\t\t\t(contextmenu)=\"onCellContextMenu(row,col,$event)\"\n\t\t\t\t\t\t(keydown)=\"onCellKeyDown(row,col,cell,$event)\">\n\t\t\t\t\t<div #cellEl class=\"datagrid-cell\" \n\t\t\t\t\t\t\t[class.datagrid-editable]=\"isEditable(row,col)\"\n\t\t\t\t\t\t\t[style.textAlign]=\"col.align || null\">\n\t\t\t\t\t\t<ng-container *ngIf=\"isEditable(row,col)\">\n\t\t\t\t\t\t\t<input *ngIf=\"!col.editTemplate\" [(ngModel)]=\"row[col.field]\" class=\"datagrid-editable-input textbox-text\">\n\t\t\t\t\t\t\t<ng-template *ngIf=\"col.editTemplate\" [euiDataGridEditTemplate]=\"col.editTemplate.template\" [column]=\"col\" [row]=\"row\" [rowIndex]=\"getRowIndex(rowIndex)\"></ng-template>\n\t\t\t\t\t\t</ng-container>\n\t\t\t\t\t\t<ng-container *ngIf=\"!isEditable(row,col)\">\n\t\t\t\t\t\t\t<ng-container *ngIf=\"!col.cellTemplate\">{{row[col.field]}}</ng-container>\n\t\t\t\t\t\t\t<ng-template *ngIf=\"col.cellTemplate\" [euiGridCellTemplate]=\"col.cellTemplate.template\" [row]=\"row\" [rowIndex]=\"getRowIndex(rowIndex)\" [column]=\"col\"></ng-template>\n\t\t\t\t\t\t</ng-container>\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\t\t\t\t</ng-container>\n\t\t\t</tr>\n\t\t\t<tr *ngIf=\"grid.detailTemplate && grid.isRowExpanded(row) && !grid.isGroupRow(row)\">\n\t\t\t\t<td [attr.colspan]=\"columns.length\">\n\t\t\t\t\t<div class=\"datagrid-row-detail\" [style.height.px]=\"grid.detailTemplate.height\">\n\t\t\t\t\t\t<ng-template *ngIf=\"gridBody.view.viewIndex==2\" [euiDataGridDetailTemplate]=\"grid.detailTemplate.template\" [row]=\"row\" [rowIndex]=\"getRowIndex(rowIndex)\"></ng-template>\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\t\t\t</tr>\n\t\t\t</ng-container>\n\t\t</tbody>\n\t"}]}],"members":{"groupTitleRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["groupTitle"]}]}],"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"./datagrid-body.component","name":"DataGridBodyComponent"}]}]],"parameters":[{"__symbolic":"reference","module":"./datagrid-body.component","name":"DataGridBodyComponent"}]}],"onRowClick":[{"__symbolic":"method"}],"onRowDblClick":[{"__symbolic":"method"}],"onRowContextMenu":[{"__symbolic":"method"}],"onCellClick":[{"__symbolic":"method"}],"onCellDblClick":[{"__symbolic":"method"}],"onCellContextMenu":[{"__symbolic":"method"}],"onCellKeyDown":[{"__symbolic":"method"}],"doEdit":[{"__symbolic":"method"}],"onGroupExpanderClick":[{"__symbolic":"method"}],"onDetailExpanderClick":[{"__symbolic":"method"}],"getRowIndex":[{"__symbolic":"method"}],"getCss":[{"__symbolic":"method"}],"getRowClass":[{"__symbolic":"method"}],"getRowStyle":[{"__symbolic":"method"}],"getCellClass":[{"__symbolic":"method"}],"getCellStyle":[{"__symbolic":"method"}],"isEditable":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"DataGridTableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"[euiDataGridTable]","template":"\n\t\t<colgroup>\n\t\t\t<col *ngFor=\"let col of columns\" [style.width]=\"col.width\">\n\t\t</colgroup>\n\t\t<tbody>\n\t\t\t<ng-container *ngFor=\"let row of rows;let rowIndex=index\">\n\t\t\t<tr *ngIf=\"grid.isGroupRow(row)\" class=\"datagrid-row datagrid-group-row\"\n\t\t\t\t\t[ngClass]=\"grid.groupTemplate && grid.groupTemplate.groupCls\"\n\t\t\t\t\t[ngStyle]=\"grid.groupTemplate && grid.groupTemplate.groupStyle\">\n\t\t\t\t<td class=\"datagrid-td-group\" [attr.colspan]=\"columns.length\">\n\t\t\t\t\t<div class=\"datagrid-group f-row\">\n\t\t\t\t\t\t<span *ngIf=\"showExpandIcon\" \n\t\t\t\t\t\t\t\tclass=\"datagrid-group-expander f-row f-content-center f-noshrink\" \n\t\t\t\t\t\t\t\t[style.width.px]=\"grid.expanderWidth\"\n\t\t\t\t\t\t\t\t(click)=\"onGroupExpanderClick(row.value, $event)\">\n\t\t\t\t\t\t\t<span class=\"datagrid-row-expander\"\n\t\t\t\t\t\t\t\t\t[class.datagrid-row-expand]=\"row.collapsed\"\n\t\t\t\t\t\t\t\t\t[class.datagrid-row-collapse]=\"!row.collapsed\">\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<div #groupTitle class=\"datagrid-group-title\" [style.left.px]=\"-titleLeft\">\n\t\t\t\t\t\t\t<span *ngIf=\"!grid.groupTemplate\">{{row.value}}</span>\n\t\t\t\t\t\t\t<ng-template *ngIf=\"grid.groupTemplate\" [euiDataGridGroupTemplate]=\"grid.groupTemplate.template\" [value]=\"row.value\" [rows]=\"row.rows\"></ng-template>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\t\t\t</tr>\n\t\t\t<tr #rowEl *ngIf=\"!grid.isGroupRow(row)\" class=\"datagrid-row\"\n\t\t\t\t\t[ngClass]=\"getRowClass(row)\"\n\t\t\t\t\t[ngStyle]=\"getRowStyle(row)\"\n\t\t\t\t\t[class.datagrid-row-over]=\"grid.isHighlighted(row)\"\n\t\t\t\t\t[class.datagrid-row-selected]=\"grid.isSelected(row)\"\n\t\t\t\t\t(mouseenter)=\"grid.highlightRow=row\"\n\t\t\t\t\t(mouseleave)=\"grid.highlightRow=null\"\n\t\t\t\t\t(click)=\"onRowClick(row,$event)\"\n\t\t\t\t\t(dblclick)=\"onRowDblClick(row,$event)\"\n\t\t\t\t\t(contextmenu)=\"onRowContextMenu(row,$event)\">\n\t\t\t\t<ng-container *ngFor=\"let col of columns\">\n\t\t\t\t<td *ngIf=\"col.expander\" class=\"datagrid-td-expander\">\n\t\t\t\t\t<div class=\"datagrid-cell f-row f-content-center\">\n\t\t\t\t\t\t<span class=\"datagrid-row-expander\" (click)=\"onDetailExpanderClick(row, $event)\"\n\t\t\t\t\t\t\t\t[class.datagrid-row-collapse]=\"grid.isRowExpanded(row)\"\n\t\t\t\t\t\t\t\t[class.datagrid-row-expand]=\"!grid.isRowExpanded(row)\">\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\t\t\t\t<td *ngIf=\"!col.expander\"\n\t\t\t\t\t\t[ngClass]=\"getCellClass(col,row)\"\n\t\t\t\t\t\t[ngStyle]=\"getCellStyle(col,row)\"\n\t\t\t\t\t\t[class.datagrid-row-selected]=\"grid.isSelected(row,col)\"\n\t\t\t\t\t\t[class.datagrid-row-over]=\"grid.isHighlighted(row,col)\"\n\t\t\t\t\t\t(mouseenter)=\"grid.highlightCell={row:row,column:col}\"\n\t\t\t\t\t\t(mouseleave)=\"grid.highlightCell=null\"\n\t\t\t\t\t\t(click)=\"onCellClick(row,col,rowEl,cellEl,$event)\"\n\t\t\t\t\t\t(dblclick)=\"onCellDblClick(row,col,rowEl,cellEl,$event)\"\n\t\t\t\t\t\t(contextmenu)=\"onCellContextMenu(row,col,$event)\"\n\t\t\t\t\t\t(keydown)=\"onCellKeyDown(row,col,cell,$event)\">\n\t\t\t\t\t<div #cellEl class=\"datagrid-cell\" \n\t\t\t\t\t\t\t[class.datagrid-editable]=\"isEditable(row,col)\"\n\t\t\t\t\t\t\t[style.textAlign]=\"col.align || null\">\n\t\t\t\t\t\t<ng-container *ngIf=\"isEditable(row,col)\">\n\t\t\t\t\t\t\t<input *ngIf=\"!col.editTemplate\" [(ngModel)]=\"row[col.field]\" class=\"datagrid-editable-input textbox-text\">\n\t\t\t\t\t\t\t<ng-template *ngIf=\"col.editTemplate\" [euiDataGridEditTemplate]=\"col.editTemplate.template\" [column]=\"col\" [row]=\"row\" [rowIndex]=\"getRowIndex(rowIndex)\"></ng-template>\n\t\t\t\t\t\t</ng-container>\n\t\t\t\t\t\t<ng-container *ngIf=\"!isEditable(row,col)\">\n\t\t\t\t\t\t\t<ng-container *ngIf=\"!col.cellTemplate\">{{row[col.field]}}</ng-container>\n\t\t\t\t\t\t\t<ng-template *ngIf=\"col.cellTemplate\" [euiGridCellTemplate]=\"col.cellTemplate.template\" [row]=\"row\" [rowIndex]=\"getRowIndex(rowIndex)\" [column]=\"col\"></ng-template>\n\t\t\t\t\t\t</ng-container>\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\t\t\t\t</ng-container>\n\t\t\t</tr>\n\t\t\t<tr *ngIf=\"grid.detailTemplate && grid.isRowExpanded(row) && !grid.isGroupRow(row)\">\n\t\t\t\t<td [attr.colspan]=\"columns.length\">\n\t\t\t\t\t<div class=\"datagrid-row-detail\" [style.height.px]=\"grid.detailTemplate.height\">\n\t\t\t\t\t\t<ng-template *ngIf=\"gridBody.view.viewIndex==2\" [euiDataGridDetailTemplate]=\"grid.detailTemplate.template\" [row]=\"row\" [rowIndex]=\"getRowIndex(rowIndex)\"></ng-template>\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\t\t\t</tr>\n\t\t\t</ng-container>\n\t\t</tbody>\n\t"}]}],"members":{"groupTitleRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["groupTitle"]}]}],"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"./datagrid-body.component","name":"DataGridBodyComponent"}]}]],"parameters":[{"__symbolic":"reference","module":"./datagrid-body.component","name":"DataGridBodyComponent"}]}],"onRowClick":[{"__symbolic":"method"}],"onRowDblClick":[{"__symbolic":"method"}],"onRowContextMenu":[{"__symbolic":"method"}],"onCellClick":[{"__symbolic":"method"}],"onCellDblClick":[{"__symbolic":"method"}],"onCellContextMenu":[{"__symbolic":"method"}],"onCellKeyDown":[{"__symbolic":"method"}],"doEdit":[{"__symbolic":"method"}],"onGroupExpanderClick":[{"__symbolic":"method"}],"onDetailExpanderClick":[{"__symbolic":"method"}],"getRowIndex":[{"__symbolic":"method"}],"getCss":[{"__symbolic":"method"}],"getRowClass":[{"__symbolic":"method"}],"getRowStyle":[{"__symbolic":"method"}],"getCellClass":[{"__symbolic":"method"}],"getCellStyle":[{"__symbolic":"method"}],"isEditable":[{"__symbolic":"method"}]}}}}]