{"__symbolic":"module","version":4,"metadata":{"NgxDynamicTableService":{"__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":{"ngInjectableDef":{}}},"NgxDynamicTableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ngx-dynamic-table","template":"<div class=\"title\">\n    <h3 class=\"title__name\">\n        {{ config.tableName }}\n    </h3>\n    <div class=\"paginate\">\n        {{from}}-{{ to }} of {{ total }}\n    </div>\n    <div class=\"btn-group\">\n        <button (click)=\"prev()\" title=\"newer\" [disabled]=\"disablePrev\">&lt;</button>\n        <button (click)=\"next()\" title=\"older\" [disabled]=\"disableNext\">&gt;</button>\n    </div>\n</div>\n\n<div class=\"table\">\n    <div class=\"table__row table__head\">\n      <div class=\"table__data\" *ngFor=\"let header of config.tableHeaders\">\n        {{ header | uppercase }}\n      </div>\n    </div>\n    <div class=\"table__row\" *ngFor=\"let data of tableData\">\n      <div class=\"table__data\" *ngFor=\"let header of config.tableHeaders\">\n        <span>\n            {{ data[header] }}\n        </span>\n      </div>\n    </div>\n  </div>\n  ","styles":[".title{display:flex;align-items:center;padding:10px;border-bottom:1px solid #d0d0d0}.title__name{color:#8a2be2;padding:0;margin:0 auto 0 0}.paginate{margin-right:5px;font-size:14px}.btn-group>button{padding:3px 6px;font-weight:600;border:1px solid gray;border-radius:2px;cursor:pointer;outline:0}.btn-group>button:not(:last-child){margin-right:5px}.table{display:flex;flex-flow:column nowrap;font-size:.8rem;line-height:1.5;border-bottom:1px solid #d0d0d0;flex:1 1 auto}.table__head{display:none;font-weight:700;background-color:#f2f2f2}.table__head>.table__data{white-space:normal}.table__row{width:100%;display:flex;flex-flow:row nowrap}.table__row:nth-of-type(even){background-color:#f2f2f2}.table__row:nth-of-type(odd){background-color:#fff}.table__data{display:flex;flex-flow:row nowrap;flex-grow:1;flex-basis:0;padding:.5em;word-break:break-word;overflow:hidden;text-overflow:ellipsis;min-width:0;white-space:nowrap;border-bottom:1px solid #d0d0d0;justify-content:center}.table__data:first-child{justify-content:flex-start}.table__data:last-child{justify-content:flex-end}"]}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}],"prev":[{"__symbolic":"method"}],"disableStatus":[{"__symbolic":"method"}],"paginatedData":[{"__symbolic":"method"}]}},"NgxDynamicTableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":4}],"declarations":[{"__symbolic":"reference","name":"NgxDynamicTableComponent"}],"exports":[{"__symbolic":"reference","name":"NgxDynamicTableComponent"}]}]}],"members":{}}},"origins":{"NgxDynamicTableService":"./lib/ngx-dynamic-table.service","NgxDynamicTableComponent":"./lib/ngx-dynamic-table.component","NgxDynamicTableModule":"./lib/ngx-dynamic-table.module"},"importAs":"ngx-dynamic-table"}