data-table-kit/data-table-kit.metadata.json

A simple datatable/datagrid for Angular projects

{"__symbolic":"module","version":4,"metadata":{"DataTableKitModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵb"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵb"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"data-table","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":19},"member":"OnPush"},"template":"<ng-template #columnTemplate>\r\n    <tr>\r\n        <ng-container #rowColumns></ng-container>\r\n    </tr>\r\n</ng-template>\r\n<table [ngClass]=\"'data-table '+datatableClass\" style=\"width: 100%;\" [id]=\"'grid_'+gridid\">\r\n    <thead>\r\n        <tr *ngIf=\"groups!=null&&groups.length>0\" class=\"header\">\r\n            <th *ngIf=\"haschildren&&collapseChildren!=null\" [className]=\"gridClass.th\" [ngStyle]=\"gridStyle.thGroup\">\r\n            </th>\r\n            <ng-template ngFor let-colIndex=\"index\" let-group [ngForOf]=\"groups\">\r\n                <th *ngIf=\"colIndex>0\" [className]=\"gridClass.thSep\" [ngStyle]=\"gridStyle.thSepGroup\"></th>\r\n                <th [className]=\"gridClass.th\" [ngStyle]=\"group.colStyle\" [attr.colspan]=\"group.colspan\">\r\n                    <ng-template ngFor let-line [ngForOf]=\"group.headers\">\r\n                        <div>{{line}}</div>\r\n                    </ng-template>\r\n                </th>\r\n            </ng-template>\r\n        </tr>\r\n        <tr #tableHeader class=\"header\" (mousemove)=\"allowResize?resizeColumn($event):null\">\r\n            <th *ngIf=\"haschildren&&collapseChildren!=null\" [className]=\"gridClass.th\" [ngStyle]=\"gridStyle.th\">\r\n                <div class=\"data-table-plus\" style=\"font-size: smaller;\" (click)=\"dataTableCollapseChildren($event, false)\">&nbsp;</div>\r\n                <div class=\"data-table-minus\" style=\"font-size: smaller;\" (click)=\"dataTableCollapseChildren($event, true)\">&nbsp;</div>\r\n            </th>\r\n            <ng-template ngFor let-colIndex=\"index\" let-col [ngForOf]=\"Columns\">\r\n                <th *ngIf=\"colIndex>0\" [className]=\"gridClass.thSep\" [ngStyle]=\"gridStyle.thSep\" (mousedown)=\"(allowResize)?resizeColumnStart($event):null\"\r\n                    (mouseup)=\"(allowResize)?resizeColumnEnd($event):null\"></th>\r\n                <th [className]=\"gridClass.th\" [ngStyle]=\"gridStyle.th\">\r\n                    <div class=\"data-table-col-header-text\">\r\n                        <div class=\"data-table-col-header-middle\">\r\n                            <ng-template ngFor let-line [ngForOf]=\"col.header\">\r\n                                <div>{{line}}</div>\r\n                            </ng-template>\r\n                        </div>\r\n                        <div *ngIf=\"col.sort!=null && col.sort.length>0\" class=\"data-table-col-header-middle\" style=\"margin-left:5px;\">\r\n                            <div class=\"data-table-up\" (click)=\"sortColumn($event, col.sort,'a')\">&nbsp;</div>\r\n                            <div class=\"data-table-down\" (click)=\"sortColumn($event, col.sort,'d')\">&nbsp;</div>\r\n                        </div>\r\n                    </div>\r\n                </th>\r\n            </ng-template>\r\n        </tr>\r\n    </thead>\r\n    <tbody>\r\n        <ng-container #gridBody></ng-container>\r\n        <ng-container *ngFor=\"let row of pagedata; let rowidx=index;\">\r\n            <tr class=\"data\" (click)=\"clickRow($event, rowidx)\" (dblclick)=\"dblclickRow($event, rowidx)\">\r\n                <td *ngIf=\"haschildren&&collapseChildren!=null\">\r\n                    <div [attr.data-toggle]=\"collapseChildren?'+':'-'\" (click)=\"toggleChildren($event, rowidx)\" [ngClass]=\"'data-table-toggler-'+gridid+' data-table-'+(collapseChildren?'plus':'minus')\">&nbsp;</div>\r\n                </td>\r\n                <ng-template ngFor let-colIndex=\"index\" let-col [ngForOf]=\"Columns\">\r\n                    <td *ngIf=\"colIndex>0\" [className]=\"gridClass.tdSep\" [ngStyle]=\"gridStyle.tdSep\"></td>\r\n                    <td [className]=\"gridClass.td\" [ngStyle]=\"col.dtcStyle\">\r\n                        <data-table-cell [data]=\"row\" [column]=\"col\" [fadein]=\"fadein\" [editing]=\"rowidx==editingRow\" [rowIndex]=\"rowidx + (pageno * pagesize)\"></data-table-cell>\r\n                    </td>\r\n                </ng-template>\r\n            </tr>\r\n            <tr *ngIf=\"haschildren\">\r\n                <td *ngIf=\"collapseChildren!=null\" style=\"border: 0px;padding:0px;\"></td>\r\n                <td [attr.colspan]=\"columnCount\" style=\"border: 0px; padding: 0px;\">\r\n                    <div [id]=\"gridid+'_'+rowidx+'_inner'\" [ngClass]=\"'data-table-children-'+gridid+(collapseChildren=='true'||collapseChildren==true?' data-table-collapse':' ')\">\r\n                        <div *ngFor=\"let child of Children\">\r\n                            <data-table-cell [data]=\"row\" [child]=\"child\" [rowIndex]=\"rowidx + (pageno * pagesize)\"></data-table-cell>\r\n                        </div>\r\n                    </div>\r\n                </td>\r\n            </tr>\r\n        </ng-container>\r\n    </tbody>\r\n</table>\r\n<div *ngIf=\"totalpages!=null&&totalpages.length>0\">\r\n    <div>\r\n        <ul class=\"data-table-pages\">\r\n            <li [ngClass]=\"(pageno==0?'disabled':'')+' data-table-hand'\"><a (click)=\"setFirstPage()\">First</a></li>\r\n            <li [ngClass]=\"(pageno==0?'disabled':'')+' data-table-hand'\"><a (click)=\"setPrevPage()\"><span aria-hidden=\"true\">&laquo;</span> Previous</a></li>\r\n            <li><a><input type=\"number\" class=\"data-table-input-pageno\" min=\"1\" [max]=\"totalpages.length\" [value]=\"pageno+1\"\r\n                (keyup.enter)=\"gotoPage(pagegoto.value)\" #pagegoto> / {{totalpages.length}}</a></li>\r\n            <li [ngClass]=\"(pageno < totalpages.length - 1?'':'disabled')+' data-table-hand'\"><a (click)=\"setNextPage()\">Next <span aria-hidden=\"true\">&raquo;</span></a></li>\r\n            <li [ngClass]=\"(pageno < totalpages.length - 1?'':'disabled')+' data-table-hand'\"><a (click)=\"setLastPage()\">Last</a></li>\r\n        </ul>\r\n    </div>\r\n</div>\r\n","styles":[".data-table{border:0;border-spacing:0}.data-table th{padding-top:10px;padding-bottom:10px}.data-table>tbody>tr:hover{background-color:#f5f5f5}.data-table-collapse{display:none}.data-table-collapse.in{display:block}.data-table .header{color:#000;font-size:smaller;font-weight:700}.data-table .data{color:#000;font-size:smaller;font-weight:400}.data-table .disabled{color:#777;opacity:.8}.data-table-hand{cursor:pointer}.data-table-col-header{display:table-cell;padding:\"3px\";text-align:center;font-size:14px;line-height:normal}.data-table-col-header-text:before{content:\"\";display:inline-block;vertical-align:middle}.data-table-col-header-middle{display:inline-block;vertical-align:middle}.data-table-col-data{display:table-cell;padding:\"3px\"}.data-table-input-pageno{background-color:transparent;border:0!important;border-top:0!important;border-bottom:0!important;border-left:0!important;border-right:0!important;width:auto!important;height:auto!important;text-align:right;font-family:inherit;font-size:inherit;font-weight:inherit;padding:0}.data-table-input-pageno:focus{outline:0!important;border-bottom:0!important}.data-table-input-pageno::-webkit-inner-spin-button,.data-table-input-pageno::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.data-table-minus{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAIAAADZrBkAAAAABnRSTlMA/wD/AP83WBt9AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAH0lEQVQokWP8//8/A+mAiQw9o9qoqI2+gHE0lQxJbQDl0gYZ+lGHlgAAAABJRU5ErkJggg==);background-origin:content-box;background-position:center;background-repeat:no-repeat;background-size:contain;cursor:pointer;margin-right:5px;padding:2px;width:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.data-table-plus{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAIAAADZrBkAAAAABnRSTlMA/wD/AP83WBt9AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAKUlEQVQokWP8//8/AzbAyMjIwMCAS5YJqyhBMKqNWtroCxhHU8mQ1AYA6OYMGQghg24AAAAASUVORK5CYII=);background-origin:content-box;background-position:center;background-repeat:no-repeat;background-size:contain;cursor:pointer;margin-right:5px;padding:2px;width:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.data-table-up{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAIAAACtuNvgAAAABnRSTlMA/wD/AP83WBt9AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAWUlEQVQokZ2SUQ7AIAhDV+L9r9z9LQTbxsmX0D40CEg+/2PJKoDvLPtWZvZUY9K0FyvLTionZLIOmWlzH0AySPqSDughZcaRM3cPm5PsvrBow4a7nRTLdRIvsT4qGLm5+W8AAAAASUVORK5CYII=);background-origin:content-box;background-position:center;background-repeat:no-repeat;background-size:contain;cursor:pointer;font-size:6px;margin:0;padding:0;width:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.data-table-down{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAIAAACtuNvgAAAABnRSTlMA/wD/AP83WBt9AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAYklEQVQokZ2S2w7AMAhCwez/f5k9dFkWvDRr3xSPkhRKwv8XBwyACwDJVcyXv2M0rSNf5inzRCaNqTEjMzO5kjRIXFq9sjcS883OWuTWloF990Ca5CkpydwswmVD5SKeRfkGMzBE5GopGhMAAAAASUVORK5CYII=);background-origin:content-box;background-position:center;background-repeat:no-repeat;background-size:contain;cursor:pointer;font-size:6px;margin:0;padding:0;width:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.data-table-up.sorted{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAIAAACtuNvgAAAABnRSTlMA/wD/AP83WBt9AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAZ0lEQVQokZ2SUQ6AMAhDB/EKetVdYV6VS9QPE2PWQqZ8QduXsAUD0L7XJtXTjqfvCA54zfCoMRli0Ws7szwzatIXmSnmGdMR8g/vsI22S0buNi+ZMTxqTIZY9LckGbY6wv7dpHjbSl0wcCvzYSLAvwAAAABJRU5ErkJggg==)!important}.data-table-down.sorted{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAIAAACtuNvgAAAABnRSTlMA/wD/AP83WBt9AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAb0lEQVQokZ2S0Q2AMAhED+IKumpX0FW7BH6QNASPquUP7h6FUDEz/A9dYABsAC45PGnWJ9ZokxN71CpyMHzIJFdFslsy0UZKpxpWyjTr4gegMg1/RmPykUHc7ZWMBq2ECZOxinwWyQGSiTaSta98A6LMNe+ezG6VAAAAAElFTkSuQmCC)!important}.data-table-pages{display:inline-block;height:40px;margin:20px 0;padding:0;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-before:0;padding-block-start:0}.data-table-pages ul{display:inline-block;margin-left:0;margin-bottom:0;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.1)}.data-table-pages li{display:inline}.data-table-pages a{float:left;padding:0 14px;line-height:34px;text-decoration:none;border:1px solid #ddd;border-left-width:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.data-table-pages a:hover{background-color:#f5f5f5}.data-table-pages .active a{background-color:#f5f5f5;color:#999;cursor:default}.data-table-pages .disabled a,.data-table-pages .disabled a:hover,.data-table-pages .disabled span{color:#999;background-color:transparent;cursor:default}.data-table-pages li:first-child a{border-left-width:1px;border-radius:3px 0 0 3px}.data-table-pages li:last-child a{border-radius:0 3px 3px 0}.data-table-fade-in{-webkit-animation:1s linear forwards fadein;animation:1s linear forwards fadein}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadein{from{opacity:0}to{opacity:1}}.data-table-selected{background-color:#add8e6!important}"]}]}],"members":{"_viewContainerRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":12,"character":3},"arguments":["gridBody",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":12,"character":33},"static":false}]}]}],"_columnTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":13,"character":3},"arguments":["columnTemplate",{"static":false}]}]}],"TableHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":14,"character":3},"arguments":["tableHeader",{"static":false}]}]}],"Columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":15,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵb"}]}]}],"Children":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":16,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵd"}]}]}],"datatableClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3},"arguments":["data-table-class"]}]}],"tabledata":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"datacount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"bufferedpageno":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3},"arguments":["buffered-page-no"]}]}],"bufferedpagecount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3},"arguments":["buffered-page-count"]}]}],"allowResize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"pagesize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"collapseChildren":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3},"arguments":["collapse-children"]}]}],"multiSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3},"arguments":["allow-multiselect"]}]}],"bufferedPageNoChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"sortOrderChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"selectionChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":3}}]}],"editStarted":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":3}}]}],"editCompleted":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"editCancelled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":92,"character":15},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":92,"character":22}]}]],"parameters":[{"__symbolic":"error","message":"Could not resolve type","line":92,"character":45,"context":{"typeName":"Document"},"module":"./lib/data-table-kit.component"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"headers":[{"__symbolic":"method"}],"setupColumns":[{"__symbolic":"method"}],"analyzeTableData":[{"__symbolic":"method"}],"updatePageData":[{"__symbolic":"method"}],"setFirstPage":[{"__symbolic":"method"}],"setPrevPage":[{"__symbolic":"method"}],"setNextPage":[{"__symbolic":"method"}],"setLastPage":[{"__symbolic":"method"}],"gotoPage":[{"__symbolic":"method"}],"setPage":[{"__symbolic":"method"}],"resizeColumn":[{"__symbolic":"method"}],"resizeColumnEnd":[{"__symbolic":"method"}],"resizeColumnStart":[{"__symbolic":"method"}],"toggleChildren":[{"__symbolic":"method"}],"dataTableCollapseChild":[{"__symbolic":"method"}],"dataTableCollapseChildren":[{"__symbolic":"method"}],"uuidv4":[{"__symbolic":"method"}],"clearSort":[{"__symbolic":"method"}],"sortColumn":[{"__symbolic":"method"}],"quickSort":[{"__symbolic":"method"}],"propertyValue":[{"__symbolic":"method"}],"clearSelections":[{"__symbolic":"method"}],"clickRow":[{"__symbolic":"method"}],"clearEdits":[{"__symbolic":"method"}],"dblclickRow":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[data-table-column]"}]}],"members":{"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":7,"character":3},"arguments":["data-table-columnAlign"]}]}],"verticalAlign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3},"arguments":["data-table-columnVerticalAlign"]}]}],"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3},"arguments":["data-table-columnHeader"]}]}],"sort":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3},"arguments":["data-table-columnSort"]}]}],"groupColumns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3},"arguments":["data-table-columnGroupColumns"]}]}],"groupHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3},"arguments":["data-table-columnGroupHeader"]}]}],"sortFieldName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3},"arguments":["data-table-columnSortFieldName"]}]}],"columnWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3},"arguments":["data-table-columnWidth"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"ɵc"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":51,"character":31}]}]}},"ɵc":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"boolean"},{"__symbolic":"reference","name":"number"}]}],"update":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[data-table-child]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"ɵc"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":9,"character":31}]}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"data-table-cell","template":"<div [ngClass]=\"fadein\">\n  <ng-container #gridCell></ng-container>\n</div>\n","styles":[""]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"fadein":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"editing":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"rowIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"column":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"child":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"_cellContainerRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":17,"character":3},"arguments":["gridCell",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":17,"character":33},"static":true}]}]}],"ngOnChanges":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"data-table-float","template":"<div *ngIf=\"floatWidth!=0\" [ngStyle]=\"styleOuter\">\n  <div [ngStyle]=\"styleInner\">\n    <ng-content></ng-content>\n  </div>\n</div>\n","styles":[""]}]}],"members":{"floatWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3},"arguments":["width"]}]}],"ngOnChanges":[{"__symbolic":"method"}]}}},"origins":{"DataTableKitModule":"./lib/data-table-kit.module","ɵa":"./lib/data-table-kit.component","ɵb":"./lib/data-table-column.directive","ɵc":"./lib/cell-data-context","ɵd":"./lib/data-table-child.directive","ɵe":"./lib/data-table-cell/data-table-cell.component","ɵf":"./lib/data-table-float/data-table-float.component"},"importAs":"data-table-kit"}