{"__symbolic":"module","version":4,"metadata":{"AngularDataTableService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"getPager":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"AngularDataTableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ang-data-table","template":"<!-- <div class=\"header\">\n  <div class=\"two\" *ngIf=\"pagedItems\">Show\n    <select>\n      <option value=\"10\">10</option>\n      <option value=\"15\">15</option>\n      <option value=\"58\">25</option>\n      <option value=\"100\">100</option>\n    </select> entries\n  </div>\n\n  <div class=\"one\" *ngIf=\"pager.pages && pager.pages.length > 1\">\n    Search: <input type=\"text\">\n  </div>\n</div> -->\n\n<div *ngIf=\"pagedItems\">\n\n<div style=\"overflow-x:auto;\">\n  <table>\n    <thead>\n      <th *ngFor=\"let prop of propName | keyvalue\" [style.background-color]=\"bgColor\">\n        {{ prop.value | titlecase  }} <i class=\"fa fa-sort\" (click)=\"Sorting(prop.value, !sortOrder)\" (click)=\"sortOrder = !sortOrder\">\n        </i></th>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let item of pagedItems \">\n        <td *ngFor=\"let prop of propName\"> {{ item[prop] }} </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n\n<br />\n<div class=\"header\" style=\"overflow-x:auto;\">\n  <div class=\"two\" *ngIf=\"pagedItems\">Showing {{pagedItems[0]._index}} to\n    {{pagedItems[pagedItems.length-1]._index}} of\n    {{totalItems}} entries</div>\n\n  <div class=\"one\" *ngIf=\"pager.pages && pager.pages.length > 1\">\n    <button class=\"button button2\" [style.background-color]=\"bgColor\" (click)=\"previousPage()\">Previous</button>\n    <button class=\"button button2\" [style.background-color]=\"bgColor\" (click)=\"nextPage()\">Next</button>\n  </div>\n</div>\n\n<div class=\"center\">\n  Page {{pager.currentPage}}\n</div>\n\n</div>\n\n<!-- CSS -->\n<link href=\"//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css\" rel=\"stylesheet\">\n<style>\n  table,\n  td,\n  th {\n    border: 1px solid #ddd;\n    text-align: left;\n  }\n\n  table {\n    border-collapse: collapse;\n    width: 100%;\n  }\n\n  th,\n  td {\n    padding: 15px;\n  }\n\n  th {\n    /* background-color: #24292e; */\n    color: white;\n  }\n\n  tr:hover {\n    background-color: #f5f5f5;\n  }\n\n  .button {\n    /* background-color: #24292e; */\n    border: none;\n    color: white;\n    padding: 10px 24px;\n    text-align: center;\n    text-decoration: none;\n    display: inline-block;\n    font-size: 16px;\n    margin: 4px 2px;\n    cursor: pointer;\n    -webkit-transition-duration: 0.4s;\n    /* Safari */\n    transition-duration: 0.4s;\n  }\n\n  .button2:hover {\n    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);\n  }\n\n  .center {\n    text-align: center;\n  }\n\n\n  .header {\n    display: inline-block;\n    width: 100%;\n  }\n\n  .one {\n    float: right;\n  }\n\n  .two {\n    float: left;\n  }\n</style>\n<!-- CSS --> ","styles":[]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":128,"character":3}}]}],"itemPerPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":131,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":134,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"AngularDataTableService"}]}],"ngOnInit":[{"__symbolic":"method"}],"Sorting":[{"__symbolic":"method"}],"setPage":[{"__symbolic":"method"}],"nextPage":[{"__symbolic":"method"}],"previousPage":[{"__symbolic":"method"}]}},"AngularDataTableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"AngularDataTableComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":7,"character":4}],"exports":[{"__symbolic":"reference","name":"AngularDataTableComponent"}]}]}],"members":{}}},"origins":{"AngularDataTableService":"./lib/angular-data-table.service","AngularDataTableComponent":"./lib/angular-data-table.component","AngularDataTableModule":"./lib/angular-data-table.module"},"importAs":"angular-data-table-library"}