[{"__symbolic":"module","version":4,"metadata":{"PaginationItemRenderContext":{"__symbolic":"interface"},"PaginationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"g-pagination","template":"<ng-template #renderItemTemplate let-type let-page=\"page\">\n  <div class=\"g-pagination-item-link\" *ngIf=\"type === 'pre'\">\n    <mat-icon>chevron_left</mat-icon>\n  </div>\n  <div class=\"g-pagination-item-link\" *ngIf=\"type === 'next'\">\n    <mat-icon>chevron_right</mat-icon>\n  </div>\n  <div *ngIf=\"type == 'page'\">{{ page }}</div>\n</ng-template>\n\n<ng-container *ngIf=\"total > pageSize || total\">\n  <div class=\"g-pagination\" type=\"subHeadline\" g-typography>\n    <div class=\"g-pagination-label\">\n      {{ pageSize * (pageIndex - 1) + 1 }} -\n      {{\n        pageSize * (pageIndex - 1) + pageSize > total\n          ? total\n          : pageSize * (pageIndex - 1) + pageSize\n      }}\n      / {{ total }} Kết quả\n    </div>\n    <ul class=\"g-pagination-list\" [class.g-pagination-disabled]=\"disabled\">\n      <li\n        class=\"g-pagination-item g-pagination-prev\"\n        [attr.title]=\"'prev-page'\"\n        [class.g-pagination-disabled]=\"isFirstIndex\"\n        (click)=\"jumpDiff(-1)\"\n      >\n        <ng-template\n          [ngTemplateOutlet]=\"itemRender\"\n          [ngTemplateOutletContext]=\"{ $implicit: 'pre' }\"\n        ></ng-template>\n      </li>\n      <li\n        class=\"g-pagination-item\"\n        [attr.title]=\"firstIndex\"\n        [class.g-pagination-item-active]=\"isFirstIndex\"\n        (click)=\"jumpPage(firstIndex)\"\n      >\n        <ng-template\n          [ngTemplateOutlet]=\"itemRender\"\n          [ngTemplateOutletContext]=\"{ $implicit: 'page', page: firstIndex }\"\n        ></ng-template>\n      </li>\n      <li\n        class=\"g-pagination-jump-prev g-pagination-item-link-icon g-pagination-item\"\n        *ngIf=\"lastIndex > 9 && pageIndex - 3 > firstIndex\"\n        [attr.title]=\"'prev'\"\n        (click)=\"jumpDiff(-5)\"\n      >\n        <div class=\"g-pagination-item-link\">\n          <div class=\"g-pagination-item-container\">\n            <span class=\"g-pagination-item-ellipsis\">•••</span>\n          </div>\n        </div>\n      </li>\n      <li\n        class=\"g-pagination-item\"\n        *ngFor=\"let page of pages\"\n        [attr.title]=\"page\"\n        [class.g-pagination-item-active]=\"pageIndex === page\"\n        (click)=\"jumpPage(page)\"\n      >\n        <ng-template\n          [ngTemplateOutlet]=\"itemRender\"\n          [ngTemplateOutletContext]=\"{ $implicit: 'page', page: page }\"\n        ></ng-template>\n      </li>\n      <li\n        class=\"g-pagination-jump-next g-pagination-item-link-icon g-pagination-item\"\n        [attr.title]=\"'next'\"\n        (click)=\"jumpDiff(5)\"\n        *ngIf=\"lastIndex > 9 && pageIndex + 3 < lastIndex\"\n      >\n        <div class=\"g-pagination-item-link\">\n          <div class=\"g-pagination-item-container\">\n            <span class=\"g-pagination-item-ellipsis\">•••</span>\n          </div>\n        </div>\n      </li>\n      <li\n        class=\"g-pagination-item\"\n        [attr.title]=\"lastIndex\"\n        (click)=\"jumpPage(lastIndex)\"\n        *ngIf=\"lastIndex > 0 && lastIndex !== firstIndex\"\n        [class.g-pagination-item-active]=\"isLastIndex\"\n      >\n        <ng-template\n          [ngTemplateOutlet]=\"itemRender\"\n          [ngTemplateOutletContext]=\"{ $implicit: 'page', page: lastIndex }\"\n        ></ng-template>\n      </li>\n      <li\n        class=\"g-pagination-item g-pagination-next\"\n        [title]=\"'next-page'\"\n        [class.g-pagination-disabled]=\"isLastIndex\"\n        (click)=\"jumpDiff(1)\"\n      >\n        <ng-template\n          [ngTemplateOutlet]=\"itemRender\"\n          [ngTemplateOutletContext]=\"{ $implicit: 'next' }\"\n        ></ng-template>\n      </li>\n    </ul></div\n></ng-container>\n","styles":[".g-pagination{display:flex;align-items:center;justify-content:space-between}.g-pagination-label{margin-right:20px;color:var(--color-grey-600)}.g-pagination-list{list-style:none;padding-left:0;display:flex;margin:0 -5px}.g-pagination-item{width:32px;height:32px;border:1px solid var(--color-grey-200);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 5px;cursor:pointer}.g-pagination-item div{display:inline-flex}.g-pagination-item-active{border-color:var(--color-primary)}.g-pagination-item-link-icon{border:none}"],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":130,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":131,"character":19},"member":"OnPush"}}]}],"members":{"total":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":137,"character":3}}]}],"pageIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":138,"character":3}}]}],"pageSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":139,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":140,"character":3}}]}],"showLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":141,"character":3}}]}],"pageSizeChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":142,"character":3}}]}],"pageIndexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":143,"character":3}}]}],"nzItemRenderChild":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":144,"character":3},"arguments":["renderItemTemplate",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":149,"character":27}]}],"ngOnInit":[{"__symbolic":"method"}],"validatePageIndex":[{"__symbolic":"method"}],"updatePageIndexValue":[{"__symbolic":"method"}],"isPageIndexValid":[{"__symbolic":"method"}],"jumpPage":[{"__symbolic":"method"}],"jumpDiff":[{"__symbolic":"method"}],"onPageSizeChange":[{"__symbolic":"method"}],"buildIndexes":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}]}}}}]