[{"__symbolic":"module","version":3,"metadata":{"SkyPagingComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-paging","template":"<ul\n  role=\"navigation\"\n  *ngIf=\"pageCount > 1\"\n  [attr.aria-label]=\"pagingLabel || 'paging_label' | skyResources\"\n  >\n  <li>\n    <a\n      href\n      (click)=\"previousPage(); false\"\n      class=\"fa fa-caret-left sky-paging-caret\"\n      sky-cmp-id=\"previous\"\n      [ngClass]=\"{ 'sky-paging-disabled': currentPage === 1 }\"\n      [attr.aria-label]=\"'paging_previous' | skyResources\"></a>\n  </li>\n  <li\n    *ngFor=\"let pageNumber of displayedPages\"\n    class=\"sky-list-paging-link\">\n    <a\n      href\n      [attr.sky-cmp-id]=\"pageNumber\"\n      (click)=\"setPage(pageNumber); false\"\n      [ngClass]=\"{ 'sky-paging-current': currentPage === pageNumber }\"\n      >{{pageNumber}}\n    </a>\n  </li>\n  <li>\n    <a\n      href\n      (click)=\"nextPage(); false\"\n      class=\"fa fa-caret-right sky-paging-caret\"\n      sky-cmp-id=\"next\"\n      [ngClass]=\"{ 'sky-paging-disabled': pageCount === currentPage }\"\n      [attr.aria-label]=\"'paging_next' | skyResources\"\n      >\n    </a>\n  </li>\n</ul>\n","styles":[":host {\n  display: block;\n  margin-top: 15px;\n}\n\n:host ul {\n  margin: 0;\n  display: inline-block;\n  padding-left: 0;\n  border-radius: 4px;\n}\n\n:host li {\n  display: inline;\n}\n\n:host li a {\n  background-color: #ffffff;\n  color: inherit;\n  border-top: 1px solid #e2e3e4;\n  border-right: 1px solid #e2e3e4;\n  border-bottom: 1px solid #e2e3e4;\n  border-left: 1px solid #e2e3e4;\n  float: left;\n  margin-left: -1px;\n  padding: 4px 10px;\n  text-decoration: none;\n  line-height: 1.42857;\n  font-size: 15px;\n  cursor: pointer;\n}\n\n:host li a.sky-paging-caret {\n  padding-left: 8.5px;\n  padding-right: 8.5px;\n  transform: none;\n}\n\n:host li a.sky-paging-current {\n  background-color: #eeeeef;\n}\n\n:host li a:hover {\n  background-color: #d4d4d6;\n}\n\n:host li a.sky-paging-disabled {\n  color: #686c73;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n"],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"pageSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"maxPages":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"currentPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"itemCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"pagingLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"currentPageChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"ngOnChanges":[{"__symbolic":"method"}],"setPage":[{"__symbolic":"method"}],"nextPage":[{"__symbolic":"method"}],"previousPage":[{"__symbolic":"method"}],"getDisplayedPageNumbers":[{"__symbolic":"method"}],"setPageCount":[{"__symbolic":"method"}],"setDisplayedPages":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkyPagingComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-paging","template":"<ul\n  role=\"navigation\"\n  *ngIf=\"pageCount > 1\"\n  [attr.aria-label]=\"pagingLabel || 'paging_label' | skyResources\"\n  >\n  <li>\n    <a\n      href\n      (click)=\"previousPage(); false\"\n      class=\"fa fa-caret-left sky-paging-caret\"\n      sky-cmp-id=\"previous\"\n      [ngClass]=\"{ 'sky-paging-disabled': currentPage === 1 }\"\n      [attr.aria-label]=\"'paging_previous' | skyResources\"></a>\n  </li>\n  <li\n    *ngFor=\"let pageNumber of displayedPages\"\n    class=\"sky-list-paging-link\">\n    <a\n      href\n      [attr.sky-cmp-id]=\"pageNumber\"\n      (click)=\"setPage(pageNumber); false\"\n      [ngClass]=\"{ 'sky-paging-current': currentPage === pageNumber }\"\n      >{{pageNumber}}\n    </a>\n  </li>\n  <li>\n    <a\n      href\n      (click)=\"nextPage(); false\"\n      class=\"fa fa-caret-right sky-paging-caret\"\n      sky-cmp-id=\"next\"\n      [ngClass]=\"{ 'sky-paging-disabled': pageCount === currentPage }\"\n      [attr.aria-label]=\"'paging_next' | skyResources\"\n      >\n    </a>\n  </li>\n</ul>\n","styles":[":host {\n  display: block;\n  margin-top: 15px;\n}\n\n:host ul {\n  margin: 0;\n  display: inline-block;\n  padding-left: 0;\n  border-radius: 4px;\n}\n\n:host li {\n  display: inline;\n}\n\n:host li a {\n  background-color: #ffffff;\n  color: inherit;\n  border-top: 1px solid #e2e3e4;\n  border-right: 1px solid #e2e3e4;\n  border-bottom: 1px solid #e2e3e4;\n  border-left: 1px solid #e2e3e4;\n  float: left;\n  margin-left: -1px;\n  padding: 4px 10px;\n  text-decoration: none;\n  line-height: 1.42857;\n  font-size: 15px;\n  cursor: pointer;\n}\n\n:host li a.sky-paging-caret {\n  padding-left: 8.5px;\n  padding-right: 8.5px;\n  transform: none;\n}\n\n:host li a.sky-paging-current {\n  background-color: #eeeeef;\n}\n\n:host li a:hover {\n  background-color: #d4d4d6;\n}\n\n:host li a.sky-paging-disabled {\n  color: #686c73;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n"],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"pageSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"maxPages":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"currentPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"itemCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"pagingLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"currentPageChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"ngOnChanges":[{"__symbolic":"method"}],"setPage":[{"__symbolic":"method"}],"nextPage":[{"__symbolic":"method"}],"previousPage":[{"__symbolic":"method"}],"getDisplayedPageNumbers":[{"__symbolic":"method"}],"setPageCount":[{"__symbolic":"method"}],"setDisplayedPages":[{"__symbolic":"method"}]}}}}]