[{"__symbolic":"module","version":3,"metadata":{"PaginationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ng-pagination","template":"\n    <nav aria-label=\"pagination\" class=\"p-1 d-flex\" [ngClass]=\"{'justify-content-center':position=='center','justify-content-end':position=='right'}\">\n      <select data-toggle=\"tooltip\" data-placement=\"top\" title=\"Items Per Page\" [(ngModel)]=\"pageSize\" class=\"form-control p-0\" style=\"width:50px\" (change)=\"changePageSize()\">\n        <option value=\"10\">10</option>\n        <option value=\"20\">20</option>\n        <option value=\"50\">50</option>\n      </select>\n      <ul class=\"pagination\">\n        <li class=\"page-item\" [ngClass]=\"{'disabled':currentPage == 1}\">\n          <button [disabled]=\"currentPage == 1\" (click)=\"navigateToPage(1)\" class=\"page-link\" aria-label=\"first\">\n            <span aria-hidden=\"true\">First</span>\n            <span class=\"sr-only\">First</span>\n          </button>\n        </li>\n        <li class=\"page-item\">\n          <button [disabled]=\"currentPage == 1\" (click)=\"previousPage()\" class=\"page-link\" aria-label=\"Previous\">\n            <span aria-hidden=\"true\">&laquo;</span>\n            <span class=\"sr-only\">Previous</span>\n          </button>\n        </li>\n        <li [ngClass]=\"{'active':currentPage == page}\" class=\"page-item\" *ngFor=\"let page of pages\" (click)=\"navigateToPage(page)\">\n          <button class=\"page-link\">{{page}}</button>\n        </li>\n        <li class=\"page-item\">\n          <button [disabled]=\"currentPage == totalPages[totalPages.length -1]\" (click)=\"nextPage()\" class=\"page-link\" aria-label=\"Next\">\n            <span aria-hidden=\"true\">&raquo;</span>\n            <span class=\"sr-only\">Next</span>\n          </button>\n        </li>\n        <li class=\"page-item\" [ngClass]=\"{'disabled':currentPage == totalPages[totalPages.length -1]}\">\n          <button [disabled]=\"currentPage == totalPages[totalPages.length -1]\" (click)=\"navigateToPage(totalPages[totalPages.length -1])\"\n            class=\"page-link\" aria-label=\"last\">\n            <span aria-hidden=\"true\">Last</span>\n            <span class=\"sr-only\">Last</span>\n          </button>\n        </li>\n        <li class=\"page-item d-none d-md-block\">\n          <button disabled class=\"page-link\" aria-label=\"count\">\n            <span>{{itemsRange.from}} - {{itemsRange.to}} of {{itemsCount}}</span>\n          </button>\n        </li>\n      </ul>\n    </nav>\n  ","styles":["\n\n  "]}]}],"members":{"pageSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"itemsCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"getPageData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"calculatePageNumbers":[{"__symbolic":"method"}],"navigateToPage":[{"__symbolic":"method"}],"changePageData":[{"__symbolic":"method"}],"getPageItems":[{"__symbolic":"method"}],"getCurrentPageData":[{"__symbolic":"method"}],"getNextPagesArrayToDisplay":[{"__symbolic":"method"}],"changePageSize":[{"__symbolic":"method"}],"nextPage":[{"__symbolic":"method"}],"previousPage":[{"__symbolic":"method"}],"calculateCurrentItemsRange":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"PaginationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ng-pagination","template":"\n    <nav aria-label=\"pagination\" class=\"p-1 d-flex\" [ngClass]=\"{'justify-content-center':position=='center','justify-content-end':position=='right'}\">\n      <select data-toggle=\"tooltip\" data-placement=\"top\" title=\"Items Per Page\" [(ngModel)]=\"pageSize\" class=\"form-control p-0\" style=\"width:50px\" (change)=\"changePageSize()\">\n        <option value=\"10\">10</option>\n        <option value=\"20\">20</option>\n        <option value=\"50\">50</option>\n      </select>\n      <ul class=\"pagination\">\n        <li class=\"page-item\" [ngClass]=\"{'disabled':currentPage == 1}\">\n          <button [disabled]=\"currentPage == 1\" (click)=\"navigateToPage(1)\" class=\"page-link\" aria-label=\"first\">\n            <span aria-hidden=\"true\">First</span>\n            <span class=\"sr-only\">First</span>\n          </button>\n        </li>\n        <li class=\"page-item\">\n          <button [disabled]=\"currentPage == 1\" (click)=\"previousPage()\" class=\"page-link\" aria-label=\"Previous\">\n            <span aria-hidden=\"true\">&laquo;</span>\n            <span class=\"sr-only\">Previous</span>\n          </button>\n        </li>\n        <li [ngClass]=\"{'active':currentPage == page}\" class=\"page-item\" *ngFor=\"let page of pages\" (click)=\"navigateToPage(page)\">\n          <button class=\"page-link\">{{page}}</button>\n        </li>\n        <li class=\"page-item\">\n          <button [disabled]=\"currentPage == totalPages[totalPages.length -1]\" (click)=\"nextPage()\" class=\"page-link\" aria-label=\"Next\">\n            <span aria-hidden=\"true\">&raquo;</span>\n            <span class=\"sr-only\">Next</span>\n          </button>\n        </li>\n        <li class=\"page-item\" [ngClass]=\"{'disabled':currentPage == totalPages[totalPages.length -1]}\">\n          <button [disabled]=\"currentPage == totalPages[totalPages.length -1]\" (click)=\"navigateToPage(totalPages[totalPages.length -1])\"\n            class=\"page-link\" aria-label=\"last\">\n            <span aria-hidden=\"true\">Last</span>\n            <span class=\"sr-only\">Last</span>\n          </button>\n        </li>\n        <li class=\"page-item d-none d-md-block\">\n          <button disabled class=\"page-link\" aria-label=\"count\">\n            <span>{{itemsRange.from}} - {{itemsRange.to}} of {{itemsCount}}</span>\n          </button>\n        </li>\n      </ul>\n    </nav>\n  ","styles":["\n\n  "]}]}],"members":{"pageSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"itemsCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"getPageData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"calculatePageNumbers":[{"__symbolic":"method"}],"navigateToPage":[{"__symbolic":"method"}],"changePageData":[{"__symbolic":"method"}],"getPageItems":[{"__symbolic":"method"}],"getCurrentPageData":[{"__symbolic":"method"}],"getNextPagesArrayToDisplay":[{"__symbolic":"method"}],"changePageSize":[{"__symbolic":"method"}],"nextPage":[{"__symbolic":"method"}],"previousPage":[{"__symbolic":"method"}],"calculateCurrentItemsRange":[{"__symbolic":"method"}]}}}}]