ng-zorro-antd/bundles/ng-zorro-antd-pagination.umd.min.js

An enterprise-class UI components based on Ant Design and Angular

!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("ng-zorro-antd/core/services"),require("ng-zorro-antd/core/util"),require("ng-zorro-antd/i18n"),require("rxjs"),require("rxjs/operators"),require("@angular/common"),require("@angular/forms"),require("ng-zorro-antd/icon"),require("ng-zorro-antd/select")):"function"==typeof define&&define.amd?define("ng-zorro-antd/pagination",["exports","@angular/core","ng-zorro-antd/core/services","ng-zorro-antd/core/util","ng-zorro-antd/i18n","rxjs","rxjs/operators","@angular/common","@angular/forms","ng-zorro-antd/icon","ng-zorro-antd/select"],n):n(((e=e||self)["ng-zorro-antd"]=e["ng-zorro-antd"]||{},e["ng-zorro-antd"].pagination={}),e.ng.core,e["ng-zorro-antd"].core.services,e["ng-zorro-antd"].core.util,e["ng-zorro-antd"].i18n,e.rxjs,e.rxjs.operators,e.ng.common,e.ng.forms,e["ng-zorro-antd"].icon,e["ng-zorro-antd"].select)}(this,(function(e,n,t,i,a,o,p,s,r,g,l){"use strict";
/*! *****************************************************************************
    Copyright (c) Microsoft Corporation. All rights reserved.
    Licensed under the Apache License, Version 2.0 (the "License"); you may not use
    this file except in compliance with the License. You may obtain a copy of the
    License at http://www.apache.org/licenses/LICENSE-2.0

    THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
    KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
    WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
    MERCHANTABLITY OR NON-INFRINGEMENT.

    See the Apache Version 2.0 License for specific language governing permissions
    and limitations under the License.
    ***************************************************************************** */function h(e,n,t,i){var a,o=arguments.length,p=o<3?n:null===i?i=Object.getOwnPropertyDescriptor(n,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(e,n,t,i);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(p=(o<3?a(p):o>3?a(n,t,p):a(n,t))||p);return o>3&&p&&Object.defineProperty(n,t,p),p}function c(e,n){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,n)}function u(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var i,a,o=t.call(e),p=[];try{for(;(void 0===n||n-- >0)&&!(i=o.next()).done;)p.push(i.value)}catch(e){a={error:e}}finally{try{i&&!i.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return p}function d(){for(var e=[],n=0;n<arguments.length;n++)e=e.concat(u(arguments[n]));return e}var z=function(){function e(e,t,i){this.i18n=e,this.cdr=t,this.breakpointService=i,this.nzPageSizeChange=new n.EventEmitter,this.nzPageIndexChange=new n.EventEmitter,this.nzShowTotal=null,this.nzSize="default",this.nzPageSizeOptions=[10,20,30,40],this.nzDisabled=!1,this.nzShowSizeChanger=!1,this.nzHideOnSinglePage=!1,this.nzShowQuickJumper=!1,this.nzSimple=!1,this.nzResponsive=!1,this.nzTotal=0,this.nzPageIndex=1,this.nzPageSize=10,this.showPagination=!0,this.locale={},this.size="default",this.destroy$=new o.Subject,this.total$=new o.ReplaySubject(1)}return e.prototype.validatePageIndex=function(e,n){return e>n?n:e<1?1:e},e.prototype.onPageIndexChange=function(e){var n=this.getLastIndex(this.nzTotal,this.nzPageSize),t=this.validatePageIndex(e,n);t===this.nzPageIndex||this.nzDisabled||(this.nzPageIndex=t,this.nzPageIndexChange.emit(this.nzPageIndex))},e.prototype.onPageSizeChange=function(e){this.nzPageSize=e,this.nzPageSizeChange.emit(e);var n=this.getLastIndex(this.nzTotal,this.nzPageSize);this.nzPageIndex>n&&this.onPageIndexChange(n)},e.prototype.onTotalChange=function(e){var n=this,t=this.getLastIndex(e,this.nzPageSize);this.nzPageIndex>t&&Promise.resolve().then((function(){return n.onPageIndexChange(t)}))},e.prototype.getLastIndex=function(e,n){return Math.ceil(e/n)},e.prototype.ngOnInit=function(){var e=this;this.i18n.localeChange.pipe(p.takeUntil(this.destroy$)).subscribe((function(){e.locale=e.i18n.getLocaleData("Pagination"),e.cdr.markForCheck()})),this.total$.pipe(p.takeUntil(this.destroy$)).subscribe((function(n){e.onTotalChange(n)})),this.breakpointService.subscribe(t.gridResponsiveMap).pipe(p.takeUntil(this.destroy$)).subscribe((function(n){e.nzResponsive&&(e.size=n===t.NzBreakpointEnum.xs?"small":"default",e.cdr.markForCheck())}))},e.prototype.ngOnDestroy=function(){this.destroy$.next(),this.destroy$.complete()},e.prototype.ngOnChanges=function(e){var n=e.nzHideOnSinglePage,t=e.nzTotal,i=e.nzPageSize,a=e.nzSize;t&&this.total$.next(this.nzTotal),(n||t||i)&&(this.showPagination=this.nzHideOnSinglePage&&this.nzTotal>this.nzPageSize||this.nzTotal>0&&!this.nzHideOnSinglePage),a&&(this.size=a.currentValue)},e.decorators=[{type:n.Component,args:[{selector:"nz-pagination",exportAs:"nzPagination",preserveWhitespaces:!1,encapsulation:n.ViewEncapsulation.None,changeDetection:n.ChangeDetectionStrategy.OnPush,template:'\n    <ng-container *ngIf="showPagination">\n      <ng-container *ngIf="nzSimple; else defaultPagination.template">\n        <ng-template [ngTemplateOutlet]="simplePagination.template"></ng-template>\n      </ng-container>\n    </ng-container>\n    <nz-pagination-simple\n      #simplePagination\n      [disabled]="nzDisabled"\n      [itemRender]="nzItemRender"\n      [locale]="locale"\n      [pageSize]="nzPageSize"\n      [total]="nzTotal"\n      [pageIndex]="nzPageIndex"\n      (pageIndexChange)="onPageIndexChange($event)"\n    ></nz-pagination-simple>\n    <nz-pagination-default\n      #defaultPagination\n      [nzSize]="size"\n      [itemRender]="nzItemRender"\n      [showTotal]="nzShowTotal"\n      [disabled]="nzDisabled"\n      [locale]="locale"\n      [showSizeChanger]="nzShowSizeChanger"\n      [showQuickJumper]="nzShowQuickJumper"\n      [total]="nzTotal"\n      [pageIndex]="nzPageIndex"\n      [pageSize]="nzPageSize"\n      [pageSizeOptions]="nzPageSizeOptions"\n      (pageIndexChange)="onPageIndexChange($event)"\n      (pageSizeChange)="onPageSizeChange($event)"\n    ></nz-pagination-default>\n  ',host:{"[class.ant-pagination]":"true","[class.ant-pagination-simple]":"nzSimple","[class.ant-pagination-disabled]":"nzDisabled","[class.mini]":"!nzSimple && size === 'small'"}}]}],e.ctorParameters=function(){return[{type:a.NzI18nService},{type:n.ChangeDetectorRef},{type:t.NzBreakpointService}]},e.propDecorators={nzPageSizeChange:[{type:n.Output}],nzPageIndexChange:[{type:n.Output}],nzShowTotal:[{type:n.Input}],nzSize:[{type:n.Input}],nzPageSizeOptions:[{type:n.Input}],nzItemRender:[{type:n.Input}],nzDisabled:[{type:n.Input}],nzShowSizeChanger:[{type:n.Input}],nzHideOnSinglePage:[{type:n.Input}],nzShowQuickJumper:[{type:n.Input}],nzSimple:[{type:n.Input}],nzResponsive:[{type:n.Input}],nzTotal:[{type:n.Input}],nzPageIndex:[{type:n.Input}],nzPageSize:[{type:n.Input}]},h([i.InputBoolean(),c("design:type",Object)],e.prototype,"nzDisabled",void 0),h([i.InputBoolean(),c("design:type",Object)],e.prototype,"nzShowSizeChanger",void 0),h([i.InputBoolean(),c("design:type",Object)],e.prototype,"nzHideOnSinglePage",void 0),h([i.InputBoolean(),c("design:type",Object)],e.prototype,"nzShowQuickJumper",void 0),h([i.InputBoolean(),c("design:type",Object)],e.prototype,"nzSimple",void 0),h([i.InputBoolean(),c("design:type",Object)],e.prototype,"nzResponsive",void 0),h([i.InputNumber(),c("design:type",Object)],e.prototype,"nzTotal",void 0),h([i.InputNumber(),c("design:type",Object)],e.prototype,"nzPageIndex",void 0),h([i.InputNumber(),c("design:type",Object)],e.prototype,"nzPageSize",void 0),e}();var m=function(){function e(e,t){this.nzSize="default",this.showTotal=null,this.disabled=!1,this.locale={},this.showSizeChanger=!1,this.showQuickJumper=!1,this.total=0,this.pageIndex=1,this.pageSize=10,this.pageSizeOptions=[10,20,30,40],this.pageIndexChange=new n.EventEmitter,this.pageSizeChange=new n.EventEmitter,this.ranges=[0,0],this.listOfPageItem=[],e.removeChild(e.parentNode(t.nativeElement),t.nativeElement)}return e.prototype.jumpPage=function(e){this.onPageIndexChange(e)},e.prototype.jumpDiff=function(e){this.jumpPage(this.pageIndex+e)},e.prototype.trackByPageItem=function(e,n){return n.type+"-"+n.index},e.prototype.onPageIndexChange=function(e){this.pageIndexChange.next(e)},e.prototype.onPageSizeChange=function(e){this.pageSizeChange.next(e)},e.prototype.getLastIndex=function(e,n){return Math.ceil(e/n)},e.prototype.buildIndexes=function(){var e=this.getLastIndex(this.total,this.pageSize);this.listOfPageItem=this.getListOfPageItem(this.pageIndex,e)},e.prototype.getListOfPageItem=function(e,n){var t=function(t){return d([{type:"prev",disabled:1===e}],t,[{type:"next",disabled:e===n}])},i=function(e,n){for(var t=[],i=e;i<=n;i++)t.push({index:i,type:"page"});return t};if(n<=9)return t(i(1,n));var a,o,p,s,r,g,l;return t((a=e,o=n,p=[],s={type:"prev_5"},r={type:"next_5"},g=i(1,1),l=i(n,n),p=a<4?d(i(2,5),[r]):a<o-3?d([s],i(a-2,a+2),[r]):d([s],i(o-4,o-1)),d(g,p,l)))},e.prototype.ngOnChanges=function(e){var n=e.pageIndex,t=e.pageSize,i=e.total;(n||t||i)&&(this.ranges=[(this.pageIndex-1)*this.pageSize+1,Math.min(this.pageIndex*this.pageSize,this.total)],this.buildIndexes())},e.decorators=[{type:n.Component,args:[{selector:"nz-pagination-default",preserveWhitespaces:!1,encapsulation:n.ViewEncapsulation.None,changeDetection:n.ChangeDetectionStrategy.OnPush,template:'\n    <ng-template #containerTemplate>\n      <li class="ant-pagination-total-text" *ngIf="showTotal">\n        <ng-template [ngTemplateOutlet]="showTotal" [ngTemplateOutletContext]="{ $implicit: total, range: ranges }"></ng-template>\n      </li>\n      <li\n        *ngFor="let page of listOfPageItem; trackBy: trackByPageItem"\n        nz-pagination-item\n        [locale]="locale"\n        [type]="page.type"\n        [index]="page.index"\n        [disabled]="page.disabled"\n        [itemRender]="itemRender"\n        [active]="pageIndex === page.index"\n        (gotoIndex)="jumpPage($event)"\n        (diffIndex)="jumpDiff($event)"\n      ></li>\n      <div\n        nz-pagination-options\n        *ngIf="showQuickJumper || showSizeChanger"\n        [total]="total"\n        [locale]="locale"\n        [disabled]="disabled"\n        [nzSize]="nzSize"\n        [showSizeChanger]="showSizeChanger"\n        [showQuickJumper]="showQuickJumper"\n        [pageIndex]="pageIndex"\n        [pageSize]="pageSize"\n        [pageSizeOptions]="pageSizeOptions"\n        (pageIndexChange)="onPageIndexChange($event)"\n        (pageSizeChange)="onPageSizeChange($event)"\n      ></div>\n    </ng-template>\n  '}]}],e.ctorParameters=function(){return[{type:n.Renderer2},{type:n.ElementRef}]},e.propDecorators={template:[{type:n.ViewChild,args:["containerTemplate",{static:!0}]}],nzSize:[{type:n.Input}],itemRender:[{type:n.Input}],showTotal:[{type:n.Input}],disabled:[{type:n.Input}],locale:[{type:n.Input}],showSizeChanger:[{type:n.Input}],showQuickJumper:[{type:n.Input}],total:[{type:n.Input}],pageIndex:[{type:n.Input}],pageSize:[{type:n.Input}],pageSizeOptions:[{type:n.Input}],pageIndexChange:[{type:n.Output}],pageSizeChange:[{type:n.Output}]},e}();var y=function(){function e(){this.active=!1,this.locale={},this.index=null,this.disabled=!1,this.type=null,this.itemRender=null,this.diffIndex=new n.EventEmitter,this.gotoIndex=new n.EventEmitter,this.title=null}return e.prototype.clickItem=function(){this.disabled||("page"===this.type?this.gotoIndex.emit(this.index):this.diffIndex.emit({next:1,prev:-1,prev_5:-5,next_5:5}[this.type]))},e.prototype.ngOnChanges=function(e){var n=e.locale,t=e.index,i=e.type;(n||t||i)&&(this.title={page:""+this.index,next:this.locale.next_page,prev:this.locale.prev_page,prev_5:this.locale.prev_5,next_5:this.locale.next_5}[this.type])},e.decorators=[{type:n.Component,args:[{selector:"li[nz-pagination-item]",preserveWhitespaces:!1,encapsulation:n.ViewEncapsulation.None,changeDetection:n.ChangeDetectionStrategy.OnPush,template:'\n    <ng-template #renderItemTemplate let-type let-page="page">\n      <ng-container [ngSwitch]="type">\n        <a *ngSwitchCase="\'page\'">{{ page }}</a>\n        <ng-container *ngSwitchDefault>\n          <a class="ant-pagination-item-link" [ngSwitch]="type">\n            <i nz-icon nzType="left" *ngSwitchCase="\'prev\'"></i>\n            <i nz-icon nzType="right" *ngSwitchCase="\'next\'"></i>\n            <div class="ant-pagination-item-container" *ngSwitchDefault>\n              <ng-container [ngSwitch]="type">\n                <i *ngSwitchCase="\'prev_5\'" nz-icon nzType="double-left" class="ant-pagination-item-link-icon"></i>\n                <i *ngSwitchCase="\'next_5\'" nz-icon nzType="double-right" class="ant-pagination-item-link-icon"></i>\n              </ng-container>\n              <span class="ant-pagination-item-ellipsis">•••</span>\n            </div>\n          </a>\n        </ng-container>\n      </ng-container>\n    </ng-template>\n    <ng-template\n      [ngTemplateOutlet]="itemRender || renderItemTemplate"\n      [ngTemplateOutletContext]="{ $implicit: type, page: index }"\n    ></ng-template>\n  ',host:{"[class.ant-pagination-prev]":"type === 'prev'","[class.ant-pagination-next]":"type === 'next'","[class.ant-pagination-item]":"type === 'page'","[class.ant-pagination-jump-prev]":"type === 'prev_5'","[class.ant-pagination-jump-prev-custom-icon]":"type === 'prev_5'","[class.ant-pagination-jump-next]":"type === 'next_5'","[class.ant-pagination-jump-next-custom-icon]":"type === 'next_5'","[class.ant-pagination-disabled]":"disabled","[class.ant-pagination-item-active]]":"active","[attr.title]":"title","(click)":"clickItem()"}}]}],e.propDecorators={active:[{type:n.Input}],locale:[{type:n.Input}],index:[{type:n.Input}],disabled:[{type:n.Input}],type:[{type:n.Input}],itemRender:[{type:n.Input}],diffIndex:[{type:n.Output}],gotoIndex:[{type:n.Output}]},e}();var I=function(){function e(){this.nzSize="default",this.disabled=!1,this.showSizeChanger=!1,this.showQuickJumper=!1,this.locale={},this.total=0,this.pageIndex=1,this.pageSize=10,this.pageSizeOptions=[],this.pageIndexChange=new n.EventEmitter,this.pageSizeChange=new n.EventEmitter,this.listOfPageSizeOption=[]}return e.prototype.onPageSizeChange=function(e){this.pageSize!==e&&this.pageSizeChange.next(e)},e.prototype.jumpToPageViaInput=function(e){var n=e.target,t=i.toNumber(n.value,this.pageIndex);this.pageIndexChange.next(t),n.value=""},e.prototype.trackByOption=function(e,n){return n.value},e.prototype.ngOnChanges=function(e){var n=this,t=e.pageSize,i=e.pageSizeOptions,a=e.locale;(t||i||a)&&(this.listOfPageSizeOption=d(new Set(d(this.pageSizeOptions,[this.pageSize]))).map((function(e){return{value:e,label:e+" "+n.locale.items_per_page}})))},e.decorators=[{type:n.Component,args:[{selector:"div[nz-pagination-options]",preserveWhitespaces:!1,encapsulation:n.ViewEncapsulation.None,changeDetection:n.ChangeDetectionStrategy.OnPush,template:'\n    <nz-select\n      class="ant-pagination-options-size-changer"\n      *ngIf="showSizeChanger"\n      [nzDisabled]="disabled"\n      [nzSize]="nzSize"\n      [ngModel]="pageSize"\n      (ngModelChange)="onPageSizeChange($event)"\n    >\n      <nz-option\n        *ngFor="let option of listOfPageSizeOption; trackBy: trackByOption"\n        [nzLabel]="option.label"\n        [nzValue]="option.value"\n      ></nz-option>\n    </nz-select>\n    <div class="ant-pagination-options-quick-jumper" *ngIf="showQuickJumper">\n      {{ locale.jump_to }}\n      <input [disabled]="disabled" (keydown.enter)="jumpToPageViaInput($event)" />\n      {{ locale.page }}\n    </div>\n  ',host:{"[class.ant-pagination-options]":"true"}}]}],e.propDecorators={nzSize:[{type:n.Input}],disabled:[{type:n.Input}],showSizeChanger:[{type:n.Input}],showQuickJumper:[{type:n.Input}],locale:[{type:n.Input}],total:[{type:n.Input}],pageIndex:[{type:n.Input}],pageSize:[{type:n.Input}],pageSizeOptions:[{type:n.Input}],pageIndexChange:[{type:n.Output}],pageSizeChange:[{type:n.Output}]},e}();var x=function(){function e(e,t){this.itemRender=null,this.disabled=!1,this.locale={},this.total=0,this.pageIndex=1,this.pageSize=10,this.pageIndexChange=new n.EventEmitter,this.lastIndex=0,this.isFirstIndex=!1,this.isLastIndex=!1,e.removeChild(e.parentNode(t.nativeElement),t.nativeElement)}return e.prototype.jumpToPageViaInput=function(e){var n=e.target,t=i.toNumber(n.value,this.pageIndex);this.onPageIndexChange(t),n.value=""+this.pageIndex},e.prototype.prePage=function(){this.onPageIndexChange(this.pageIndex-1)},e.prototype.nextPage=function(){this.onPageIndexChange(this.pageIndex+1)},e.prototype.onPageIndexChange=function(e){this.pageIndexChange.next(e)},e.prototype.updateBindingValue=function(){this.lastIndex=Math.ceil(this.total/this.pageSize),this.isFirstIndex=1===this.pageIndex,this.isLastIndex=this.pageIndex===this.lastIndex},e.prototype.ngOnChanges=function(e){var n=e.pageIndex,t=e.total,i=e.pageSize;(n||t||i)&&this.updateBindingValue()},e.decorators=[{type:n.Component,args:[{selector:"nz-pagination-simple",preserveWhitespaces:!1,encapsulation:n.ViewEncapsulation.None,changeDetection:n.ChangeDetectionStrategy.OnPush,template:'\n    <ng-template #containerTemplate>\n      <li\n        nz-pagination-item\n        [attr.title]="locale.prev_page"\n        [disabled]="isFirstIndex"\n        (click)="prePage()"\n        type="prev"\n        [itemRender]="itemRender"\n      ></li>\n      <li [attr.title]="pageIndex + \'/\' + lastIndex" class="ant-pagination-simple-pager">\n        <input [disabled]="disabled" [value]="pageIndex" (keydown.enter)="jumpToPageViaInput($event)" size="3" />\n        <span class="ant-pagination-slash">/</span>\n        {{ lastIndex }}\n      </li>\n      <li\n        nz-pagination-item\n        [attr.title]="locale.next_page"\n        [disabled]="isLastIndex"\n        (click)="nextPage()"\n        type="next"\n        [itemRender]="itemRender"\n      ></li>\n    </ng-template>\n  '}]}],e.ctorParameters=function(){return[{type:n.Renderer2},{type:n.ElementRef}]},e.propDecorators={template:[{type:n.ViewChild,args:["containerTemplate",{static:!0}]}],itemRender:[{type:n.Input}],disabled:[{type:n.Input}],locale:[{type:n.Input}],total:[{type:n.Input}],pageIndex:[{type:n.Input}],pageSize:[{type:n.Input}],pageIndexChange:[{type:n.Output}]},e}();var f=function(){function e(){}return e.decorators=[{type:n.NgModule,args:[{declarations:[z,x,I,y,m],exports:[z],imports:[s.CommonModule,r.FormsModule,l.NzSelectModule,a.NzI18nModule,g.NzIconModule]}]}],e}();
/**
     * @license
     * Copyright Alibaba.com All Rights Reserved.
     *
     * Use of this source code is governed by an MIT-style license that can be
     * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
     */e.NzPaginationComponent=z,e.NzPaginationDefaultComponent=m,e.NzPaginationItemComponent=y,e.NzPaginationModule=f,e.NzPaginationOptionsComponent=I,e.NzPaginationSimpleComponent=x,Object.defineProperty(e,"__esModule",{value:!0})}));
//# sourceMappingURL=ng-zorro-antd-pagination.umd.min.js.map