[{"__symbolic":"module","version":4,"metadata":{"DEFAULT_TEMPLATE":"\n<pagination-template  #p=\"paginationApi\"\n    [id]=\"id\"\n    [maxSize]=\"maxSize\"\n    (pageChange)=\"pageChange.emit($event)\"\n>\n    <div class=\"pagination-container\">\n        <ul class=\"ngx-pagination pagination\" style=\"overflow: hidden\"\n            role=\"navigation\"\n            [attr.aria-label]=\"screenReaderPaginationLabel\"\n            [class.responsive]=\"responsive\"\n            *ngIf=\"!(autoHide && p.pages.length <= 1)\">\n            <li class=\"pagination-message flex-grow-1 text-truncate\">\n                <div class=\"text-truncate \">\n                    每页 {{ p.getPageSize() }} 条记录，共 {{ p.getTotalItems() }} 条记录。\n                </div>\n            </li>\n\n        <li class=\"page-item\" [class.disabled]=\"p.isFirstPage()\" *ngIf=\"directionLinks\">\n                <a tabindex=\"0\" *ngIf=\"1 < p.getCurrent()\" (keyup.enter)=\"p.first()\" (click)=\"p.first()\"\n                                                        [attr.aria-label]=\"previousLabel + ' ' + screenReaderPageLabel\"  class=\"page-link\">\n                    <span class=\"f-icon f-page-first\"></span>\n                </a>\n                <span *ngIf=\"p.isFirstPage()\" class=\"page-link\">\n                    <span class=\"f-icon f-page-first\"></span>\n                </span>\n            </li>\n\n            <li class=\"page-item\" [class.disabled]=\"p.isFirstPage()\" *ngIf=\"directionLinks\">\n                <a tabindex=\"0\" *ngIf=\"1 < p.getCurrent()\" (keyup.enter)=\"p.previous()\" (click)=\"p.previous()\"\n                                                        [attr.aria-label]=\"previousLabel + ' ' + screenReaderPageLabel\" class=\"page-link\">\n                    <span class=\"f-icon f-page-pre\"></span>\n                </a>\n                <span *ngIf=\"p.isFirstPage()\" class=\"page-link\">\n                         <span class=\"f-icon f-page-pre\"></span>\n                </span>\n            </li>\n            <!--<li style=\"line-height: 30px;min-width: 93px;\">\n                第 {{ p.getCurrent() }} 页 / 共 {{ p.getLastPage() }} 页\n            </li>-->\n            <li class=\"page-item\" [class.active]=\"p.getCurrent() === page.value\"\n                [class.ellipsis]=\"page.label === '...'\"\n                *ngFor=\"let page of p.pages\">\n                    <a  class=\"page-link\" tabindex=\"0\" (keyup.enter)=\"p.setCurrent(page.value)\"\n                        (click)=\"p.setCurrent(page.value)\"\n                        *ngIf=\"p.getCurrent() !== page.value\">\n                        <span>{{ page.label }}</span>\n                    </a>\n                <ng-container *ngIf=\"p.getCurrent() === page.value\">\n                    <span  class=\"page-link\" >{{ page.label }}</span>\n                </ng-container>\n            </li>\n            <li class=\"page-item\" [class.disabled]=\"p.isLastPage()\" *ngIf=\"directionLinks\">\n                <a class=\"page-link\" tabindex=\"0\" *ngIf=\"!p.isLastPage()\" (keyup.enter)=\"p.next()\"\n                    (click)=\"p.next()\" [attr.aria-label]=\"nextLabel + ' ' + screenReaderPageLabel\">\n                    {{ nextLabel }} <span class=\"f-icon f-page-next\">{{ screenReaderPageLabel }}</span>\n                </a>\n                <span *ngIf=\"p.isLastPage()\" class=\"page-link\">\n                    {{ nextLabel }} <span class=\"f-icon f-page-next\">{{ screenReaderPageLabel }}</span>\n                </span>\n            </li>\n\n            <li class=\"page-item\" [class.disabled]=\"p.isLastPage()\" *ngIf=\"directionLinks\">\n                <a class=\"page-link\" tabindex=\"0\" *ngIf=\"!p.isLastPage()\" (keyup.enter)=\"p.last()\"\n                    (click)=\"p.last()\" [attr.aria-label]=\"nextLabel + ' ' + screenReaderPageLabel\">\n                    {{ nextLabel }} <span class=\"f-icon f-page-last\">{{ screenReaderPageLabel }}</span>\n                </a>\n                <span *ngIf=\"p.isLastPage()\" class=\"page-link\">\n                    {{ nextLabel }} <span class=\"f-icon f-page-last\">{{ screenReaderPageLabel }}</span>\n                </span>\n            </li>\n            <li class=\"pagination-pagelist\">\n                <select (change)=\"pageSizeChange.emit($event.target.value)\" [ngModel]=\"p.getPageSize()\"\n                class=\"form-control form-control-sm\" style=\"width: auto\">\n                <option *ngFor=\"let pagesize of p.getPageList()\" value=\"{{ pagesize }}\"\n                        [selected]=\"pagesize === p.getPageSize()\"> {{ pagesize }} </option>\n                </select>\n           </li>\n        </ul>\n\n    </div>\n</pagination-template>\n"}}]