import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
export class PaginationControlsComponent {
    constructor() {
        this.pageChange = new EventEmitter();
    }
}
PaginationControlsComponent.decorators = [
    { type: Component, args: [{
                selector: 'vdr-pagination-controls',
                template: "<pagination-template #p=\"paginationApi\" (pageChange)=\"pageChange.emit($event)\">\r\n    <ul>\r\n        <li class=\"pagination-previous\">\r\n            <a *ngIf=\"!p.isFirstPage()\" (click)=\"p.previous()\" (keyup.enter)=\"p.previous()\" tabindex=\"0\">\u00AB</a>\r\n            <div *ngIf=\"p.isFirstPage()\">\u00AB</div>\r\n        </li>\r\n\r\n        <li *ngFor=\"let page of p.pages\">\r\n            <a\r\n                (click)=\"p.setCurrent(page.value)\"\r\n                (keyup.enter)=\"p.setCurrent(page.value)\"\r\n                *ngIf=\"p.getCurrent() !== page.value\"\r\n                tabindex=\"0\"\r\n            >\r\n                {{ page.label }}\r\n            </a>\r\n\r\n            <div class=\"current\" *ngIf=\"p.getCurrent() === page.value\">{{ page.label }}</div>\r\n        </li>\r\n\r\n        <li class=\"pagination-next\">\r\n            <a *ngIf=\"!p.isLastPage()\" (click)=\"p.next()\" (keyup.enter)=\"p.next()\" tabindex=\"0\">\u00BB</a>\r\n            <div *ngIf=\"p.isLastPage()\">\u00BB</div>\r\n        </li>\r\n    </ul>\r\n</pagination-template>\r\n",
                changeDetection: ChangeDetectionStrategy.OnPush,
                styles: ["pagination-template{display:block}pagination-template ul{list-style-type:none;display:flex;justify-content:center}pagination-template li{transition:border-bottom-color .2s}pagination-template li>a{cursor:pointer}pagination-template li>a:focus,pagination-template li>a:hover{border-bottom-color:var(--color-grey-300);text-decoration:none}pagination-template li>a,pagination-template li>div{padding:3px 12px;display:block;border-bottom:3px solid transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}pagination-template li>div.current{border-bottom-color:var(--color-primary-500)}"]
            },] }
];
PaginationControlsComponent.propDecorators = {
    currentPage: [{ type: Input }],
    itemsPerPage: [{ type: Input }],
    totalItems: [{ type: Input }],
    pageChange: [{ type: Output }]
};
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi1jb250cm9scy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL3BhZ2luYXRpb24tY29udHJvbHMvcGFnaW5hdGlvbi1jb250cm9scy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQVFoRyxNQUFNLE9BQU8sMkJBQTJCO0lBTnhDO1FBVWMsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7SUFDdEQsQ0FBQzs7O1lBWEEsU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSx5QkFBeUI7Z0JBQ25DLHlsQ0FBbUQ7Z0JBRW5ELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOzthQUNsRDs7OzBCQUVJLEtBQUs7MkJBQ0wsS0FBSzt5QkFDTCxLQUFLO3lCQUNMLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICd2ZHItcGFnaW5hdGlvbi1jb250cm9scycsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vcGFnaW5hdGlvbi1jb250cm9scy5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9wYWdpbmF0aW9uLWNvbnRyb2xzLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxufSlcclxuZXhwb3J0IGNsYXNzIFBhZ2luYXRpb25Db250cm9sc0NvbXBvbmVudCB7XHJcbiAgICBASW5wdXQoKSBjdXJyZW50UGFnZTogbnVtYmVyO1xyXG4gICAgQElucHV0KCkgaXRlbXNQZXJQYWdlOiBudW1iZXI7XHJcbiAgICBASW5wdXQoKSB0b3RhbEl0ZW1zOiBudW1iZXI7XHJcbiAgICBAT3V0cHV0KCkgcGFnZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xyXG59XHJcbiJdfQ==