@duoduo-oba/ng-devui/bundles/ng-devui-pagination.umd.min.js

DevUI components based on Angular

!function(i,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("rxjs"),require("ng-devui/i18n"),require("ng-devui/select"),require("@angular/common"),require("@angular/forms")):"function"==typeof define&&define.amd?define("ng-devui/pagination",["exports","@angular/core","rxjs","ng-devui/i18n","ng-devui/select","@angular/common","@angular/forms"],n):n(((i=i||self)["ng-devui"]=i["ng-devui"]||{},i["ng-devui"].pagination={}),i.ng.core,i.rxjs,i["ng-devui"].i18n,i["ng-devui"].select,i.ng.common,i.ng.forms)}(this,(function(i,n,e,t,a,o,r){"use strict";var s=function(){function i(i,e){var t=this;this.ref=i,this.i18n=e,this.pageSize=10,this.pageSizeOptions=[5,10,20,50],this.pageIndex=1,this.pageIndexChange=new n.EventEmitter,this.pageSizeChange=new n.EventEmitter,this.maxItems=10,this.size="",this.showJumpButton=!1,this.showTruePageIndex=!1,this.showPages=[],this.totalPage=1,this._total=0,this.jumpPage=null,this.selectDirection="auto",this.lite=!1,this.showPageSelector=!0,this.haveConfigMenu=!1,this.litePaginatorOptions=[],this.litePaginatorOptionsLengthCache=0,this.showConfig=!1,this.configButtonLoseFocusHandler=null,this.loseFocusListener=null,this.i18nText=this.i18n.getI18nText().pagination,this.i18nSubscription=this.i18n.langChange().subscribe((function(i){t.i18nText=i.pagination,t.ref.markForCheck()})),this.constructLitePaginatorOptions()}return Object.defineProperty(i.prototype,"total",{get:function(){return this._total},set:function(i){void 0===i?this._total=0:isNaN(parseInt(i,10))||(this._total=parseInt(i,10))},enumerable:!0,configurable:!0}),i.prototype.first=function(){1!==this.pageIndex&&this.onPageIndexChange(1)},i.prototype.last=function(){var i=Math.max(this.totalPage,1);this.pageIndex!==i&&this.onPageIndexChange(i)},i.prototype.prev=function(){this.hasPrev()&&this.onPageIndexChange(this.pageIndex-1)},i.prototype.next=function(){this.hasNext()&&this.onPageIndexChange(this.pageIndex+1)},i.prototype.jump=function(){var i=parseInt(this.jumpPage,10);i&&i>0&&i<=this.totalPage&&this.onPageIndexChange(i)},i.prototype.validateInput=function(){if(""!==this.jumpPage){var i=parseInt(this.jumpPage,10);this.jumpPage=i,isNaN(i)&&(this.jumpPage=this.pageIndex)}},i.prototype.preRange=function(){var i=this.showPages[0]-1;this.onPageIndexChange(Math.max(i,1))},i.prototype.nextRange=function(){var i=this.showPages[this.showPages.length-1]+1;this.onPageIndexChange(Math.min(i,this.totalPage))},i.prototype.onPageIndexChange=function(i){this.pageIndex!==i&&(this.litePaginatorIndex=Object.assign({},{value:this.pageIndex,label:this.pageIndex+"/"+this.totalPage}),this.pageIndexChange.emit(i))},i.prototype.onPageSizeChange=function(i){this.pageSize!==i&&(this.pageSizeChange.emit(i),Math.ceil(this.total/i)<this.totalPage&&(this.totalPage=Math.ceil(this.total/i),this.onPageIndexChange(this.totalPage<=this.pageIndex?this.totalPage:this.pageIndex)),this.adjustPaginatorWidth())},i.prototype.hasPrev=function(){return this.pageIndex>1},i.prototype.hasNext=function(){return this.pageIndex<this.totalPage},i.prototype.getTotalPage=function(){return Math.ceil(this.total/this.pageSize)},i.prototype.ngOnChanges=function(n){i.EFFECT_PAGE_RANGE_KEYS.some((function(i){return!!n[i]}))&&(this.totalPage=this.getTotalPage(),this.showTruePageIndex||(this.pageIndex=Math.max(Math.min(this.pageIndex,this.totalPage),1)),this.jumpPage=this.pageIndex,this.updateShowPageRange(),this.constructLitePaginatorOptions(),this.adjustPaginatorWidth())},i.prototype.ngAfterViewInit=function(){this.adjustPaginatorWidth()},i.prototype.updateShowPageRange=function(){this.totalPage?this.totalPage<=this.maxItems?this.showPages=new Array(this.totalPage).fill(0).map((function(i,n){return n+1})):this.showPages=this.extractRange():this.showPages=[1]},i.prototype.extractRange=function(){for(var i=this,n=[this.pageIndex],e=this.pageIndex-1,t=this.pageIndex+1,a=function(i){return i<1},o=function(n){return n>i.totalPage},r=function(n){return n.length>=i.maxItems-2};!(r(n)||a(e)&&o(t));)a(e)||n.unshift(e--),r(n)||o(t)||n.push(t++);return n},i.prototype.constructLitePaginatorOptions=function(){var i=this;0!==this.litePaginatorOptions.length&&this.litePaginatorOptions.length===this.litePaginatorOptionsLengthCache||(this.litePaginatorOptions=Array.from({length:this.totalPage}).map((function(n,e){return{label:e+1+"/"+i.totalPage,value:e+1}}))),this.litePaginatorIndex=Object.assign({},{value:this.pageIndex,label:this.pageIndex+"/"+this.totalPage})},i.prototype.adjustPaginatorWidth=function(){if(this.litePaginator&&this.litePaginator.nativeElement&&this.litePaginatorOptions.length>0){var i=this.litePaginatorOptions[this.litePaginatorOptions.length-1],n=4*(i?i.label:"").length+80;this.litePaginator.nativeElement.style.width=Math.max(100,n)+"px"}},i.prototype.toggleMenu=function(i){void 0===i&&(i=null),this.showConfig=null!==i?i:!this.showConfig,this.ref.markForCheck(),this.showConfig?this.subscribeLoseFocusHandler():this.unsubscribeLoseFocusHandler()},i.prototype.closeMenu=function(){this.toggleMenu(!1)},i.prototype.unsubscribeLoseFocusHandler=function(){this.configButtonLoseFocusHandler&&(this.configButtonLoseFocusHandler.unsubscribe(),this.configButtonLoseFocusHandler=null)},i.prototype.ngOnDestroy=function(){this.unsubscribeLoseFocusHandler(),this.i18nSubscription&&this.i18nSubscription.unsubscribe()},i.prototype.subscribeLoseFocusHandler=function(){null===this.loseFocusListener&&(this.loseFocusListener=e.fromEvent(document,"click")),null===this.configButtonLoseFocusHandler&&(this.configButtonLoseFocusHandler=this.loseFocusListener.subscribe(this.closeMenu.bind(this)))},i.EFFECT_PAGE_RANGE_KEYS=["total","pageSize","pageIndex","maxItems"],i.decorators=[{type:n.Component,args:[{selector:"d-pagination",template:'<div class="devui-pagination">\r\n  <div *ngIf="canChangePageSize && !lite" class="devui-page-size {{ size ? \'devui-page-size-\' + size : \'\' }}">\r\n    <d-select\r\n      [scrollHight]="\'200px\'"\r\n      [direction]="selectDirection"\r\n      [size]="size"\r\n      [ngModel]="pageSize"\r\n      [appendToBody]="true"\r\n      (valueChange)="onPageSizeChange($event)"\r\n      [options]="pageSizeOptions"\r\n      [isSearch]="false"\r\n    ></d-select>\r\n  </div>\r\n  <div *ngIf="canViewTotal" class="devui-total-size">{{ totalItemText ? totalItemText : i18nText?.totalItem }}: {{ total }}</div>\r\n  <div *ngIf="lite && showPageSelector" class="devui-lite-paginator" #litePaginator>\r\n    <d-select\r\n      [scrollHight]="\'200px\'"\r\n      [direction]="selectDirection"\r\n      [size]="size"\r\n      [isSearch]="false"\r\n      [ngModel]="litePaginatorIndex"\r\n      [appendToBody]="true"\r\n      [options]="litePaginatorOptions"\r\n      [filterKey]="\'label\'"\r\n      [disabled]="!litePaginatorOptions.length"\r\n      (valueChange)="onPageIndexChange($event.value)"\r\n    ></d-select>\r\n  </div>\r\n  <ul class="devui-pagination-list {{ size ? \'devui-pagination-\' + size : \'\' }}">\r\n    <ng-container *ngIf="!lite">\r\n      <li *ngIf="preLink" [ngClass]="{ disabled: pageIndex == totalPage }">\r\n        <a (click)="prev()" class="devui-pagination-link">{{ preLink }}</a>\r\n      </li>\r\n      <li *ngIf="!preLink" [ngClass]="{ disabled: pageIndex == 1 }">\r\n        <a (click)="prev()" class="devui-pagination-link">\r\n          <svg width="1em" height="1.5em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg">\r\n            <g id="操作/collapse1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\r\n              <polygon\r\n                id="路径"\r\n                fill="#293040"\r\n                fill-rule="nonzero"\r\n                points="10.7071068 12.2928932 9.29289322 13.7071068 3.58578644 8 9.29289322 2.29289322 10.7071068 3.70710678 6.41421356 8"\r\n              ></polygon>\r\n            </g>\r\n          </svg>\r\n        </a>\r\n      </li>\r\n      <li *ngIf="showPages[0] > 1" (click)="first()">\r\n        <a>1</a>\r\n      </li>\r\n      <li *ngIf="showPages[0] > 2" (click)="preRange()">\r\n        <a>...</a>\r\n      </li>\r\n      <li *ngFor="let item of showPages" [ngClass]="{ active: item == pageIndex }">\r\n        <a (click)="onPageIndexChange(item)">{{ item }}</a>\r\n      </li>\r\n      <li *ngIf="showPages[showPages.length - 1] < totalPage - 1" (click)="nextRange()">\r\n        <a>...</a>\r\n      </li>\r\n      <li *ngIf="showPages[showPages.length - 1] < totalPage" (click)="last()">\r\n        <a>{{ totalPage }}</a>\r\n      </li>\r\n      <ng-container *ngIf="showTruePageIndex && pageIndex > totalPage && totalPage > 0">\r\n        <li *ngIf="pageIndex > totalPage + 1" class="disabled"><a>...</a></li>\r\n        <li class="active disabled">\r\n          <a>{{ pageIndex }}</a>\r\n        </li>\r\n      </ng-container>\r\n      <li *ngIf="nextLink" [ngClass]="{ disabled: pageIndex == totalPage }">\r\n        <a (click)="next()" class="devui-pagination-link">{{ nextLink }}</a>\r\n      </li>\r\n      <li *ngIf="!nextLink" [ngClass]="{ disabled: pageIndex == totalPage }">\r\n        <a (click)="next()" class="devui-pagination-link">\r\n          <svg width="1em" height="1.5em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg">\r\n            <g id="操作/collapse2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\r\n              <polygon\r\n                id="路径"\r\n                fill="#293040"\r\n                fill-rule="nonzero"\r\n                transform="translate(8.146447, 8.000000) scale(-1, 1) translate(-8.146447, -8.000000) "\r\n                points="11.7071068 12.2928932 10.2928932 13.7071068 4.58578644 8 10.2928932 2.29289322 11.7071068 3.70710678 7.41421356 8"\r\n              ></polygon>\r\n            </g>\r\n          </svg>\r\n        </a>\r\n      </li>\r\n    </ng-container>\r\n    <ng-container *ngIf="lite">\r\n      <li *ngIf="preLink" [ngClass]="{ disabled: pageIndex == totalPage }">\r\n        <a (click)="prev()" [attr.aria-label]="nextLink" class="devui-pagination-link devui-pagination-link-lite">{{ preLink }}</a>\r\n      </li>\r\n      <li *ngIf="!preLink" [ngClass]="{ disabled: pageIndex == 1 }">\r\n        <a (click)="prev()" [attr.aria-label]="nextLink" class="devui-pagination-link devui-pagination-link-lite ">\r\n          <svg width="1em" height="1.5em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg">\r\n            <g id="操作/collapse1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\r\n              <polygon\r\n                id="路径"\r\n                fill="#293040"\r\n                fill-rule="nonzero"\r\n                points="10.7071068 12.2928932 9.29289322 13.7071068 3.58578644 8 9.29289322 2.29289322 10.7071068 3.70710678 6.41421356 8"\r\n              ></polygon>\r\n            </g>\r\n          </svg>\r\n        </a>\r\n      </li>\r\n      <li *ngIf="nextLink" [ngClass]="{ disabled: pageIndex >= totalPage }">\r\n        <a (click)="next()" [attr.aria-label]="nextLink" class="devui-pagination-link devui-pagination-link-lite">{{ nextLink }}</a>\r\n      </li>\r\n      <li *ngIf="!nextLink" [ngClass]="{ disabled: pageIndex >= totalPage }">\r\n        <a (click)="next()" [attr.aria-label]="nextLink" class="devui-pagination-link devui-pagination-link-lite ">\r\n          <svg width="1em" height="1.5em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg">\r\n            <g id="操作/collapse2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\r\n              <polygon\r\n                id="路径"\r\n                fill="#293040"\r\n                fill-rule="nonzero"\r\n                transform="translate(8.146447, 8.000000) scale(-1, 1) translate(-8.146447, -8.000000) "\r\n                points="11.7071068 12.2928932 10.2928932 13.7071068 4.58578644 8 10.2928932 2.29289322 11.7071068 3.70710678 7.41421356 8"\r\n              ></polygon>\r\n            </g>\r\n          </svg>\r\n        </a>\r\n      </li>\r\n    </ng-container>\r\n  </ul>\r\n  <div *ngIf="canJumpPage" class="devui-jump-container">\r\n    {{ goToText ? goToText : i18nText?.goTo }}\r\n    <input\r\n      type="text"\r\n      class="devui-input {{ size ? \'devui-input-\' + size : \'\' }}"\r\n      name="pageIndex"\r\n      [(ngModel)]="jumpPage"\r\n      (keyup.enter)="jump()"\r\n      (keyup)="validateInput()"\r\n    />\r\n    <div\r\n      *ngIf="showJumpButton"\r\n      class="devui-jump-button {{ size ? \'devui-jump-size-\' + size : \'devui-jump-size-default\' }}"\r\n      title="{{ goToText ? goToText : i18nText?.goTo }}"\r\n      (click)="jump()"\r\n    >\r\n      <div class="devui-pagination-go"></div>\r\n    </div>\r\n  </div>\r\n  <div class="devui-pagination-config" *ngIf="haveConfigMenu">\r\n    <div class="devui-setup-icon" (click)="$event.stopPropagation(); toggleMenu()">\r\n      <svg\r\n        width="16px"\r\n        height="16px"\r\n        viewBox="0 0 16 16"\r\n        version="1.1"\r\n        xmlns="http://www.w3.org/2000/svg"\r\n        xmlns:xlink="http://www.w3.org/1999/xlink"\r\n      >\r\n        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\r\n          <path\r\n            d="M8,12 C10.209139,12 12,10.209139 12,8 C12,5.790861 10.209139,4 8,4 C5.790861,4 4,5.790861 4,8 C4,10.209139 5.790861,12 8,12 Z M4.52067059,3.11124369 C5.24511171,2.59473146 6.08922816,2.23522497 7.00334609,2.08239805 C7.00112987,2.05522493 7,2.02774441 7,2 L7,1 C7,0.44771525 7.44771525,1.01453063e-16 8,0 C8.55228475,-1.01453063e-16 9,0.44771525 9,1 L9,2 C9,2.02774441 8.99887013,2.05522493 8.99665391,2.08239805 C9.91077184,2.23522497 10.7548883,2.59473146 11.4793294,3.11124369 C11.4970673,3.09033559 11.5158021,3.06998434 11.5355339,3.05025253 L12.2426407,2.34314575 C12.633165,1.95262146 13.26633,1.95262146 13.6568542,2.34314575 C14.0473785,2.73367004 14.0473785,3.36683502 13.6568542,3.75735931 L12.9497475,4.46446609 C12.9300157,4.4841979 12.9096644,4.50293273 12.8887563,4.52067059 C13.4052685,5.24511171 13.764775,6.08922816 13.917602,7.00334609 C13.9447751,7.00112987 13.9722556,7 14,7 L15,7 C15.5522847,7 16,7.44771525 16,8 C16,8.55228475 15.5522847,9 15,9 L14,9 C13.9722556,9 13.9447751,8.99887013 13.917602,8.99665391 C13.764775,9.91077184 13.4052685,10.7548883 12.8887563,11.4793294 C12.9096644,11.4970673 12.9300157,11.5158021 12.9497475,11.5355339 L13.6568542,12.2426407 C14.0473785,12.633165 14.0473785,13.26633 13.6568542,13.6568542 C13.26633,14.0473785 12.633165,14.0473785 12.2426407,13.6568542 L11.5355339,12.9497475 C11.5158021,12.9300157 11.4970673,12.9096644 11.4793294,12.8887563 C10.7548883,13.4052685 9.91077184,13.764775 8.99665391,13.917602 C8.99887013,13.9447751 9,13.9722556 9,14 L9,15 C9,15.5522847 8.55228475,16 8,16 C7.44771525,16 7,15.5522847 7,15 L7,14 C7,13.9722556 7.00112987,13.9447751 7.00334609,13.917602 C6.08922816,13.764775 5.24511171,13.4052685 4.52067059,12.8887563 C4.50293273,12.9096644 4.4841979,12.9300157 4.46446609,12.9497475 L3.75735931,13.6568542 C3.36683502,14.0473785 2.73367004,14.0473785 2.34314575,13.6568542 C1.95262146,13.26633 1.95262146,12.633165 2.34314575,12.2426407 L3.05025253,11.5355339 C3.06998434,11.5158021 3.09033559,11.4970673 3.11124369,11.4793294 C2.59473146,10.7548883 2.23522497,9.91077184 2.08239805,8.99665391 C2.05522493,8.99887013 2.02774441,9 2,9 L1,9 C0.44771525,9 2.4125371e-16,8.55228475 3.83475851e-17,8 C-1.6455854e-16,7.44771525 0.44771525,7 1,7 L2,7 C2.02774441,7 2.05522493,7.00112987 2.08239805,7.00334609 C2.23522497,6.08922816 2.59473146,5.24511171 3.11124369,4.52067059 C3.09033559,4.50293273 3.06998434,4.4841979 3.05025253,4.46446609 L2.34314575,3.75735931 C1.95262146,3.36683502 1.95262146,2.73367004 2.34314575,2.34314575 C2.73367004,1.95262146 3.36683502,1.95262146 3.75735931,2.34314575 L4.46446609,3.05025253 C4.4841979,3.06998434 4.50293273,3.09033559 4.52067059,3.11124369 Z M8,9 C7.44771525,9 7,8.55228475 7,8 C7,7.44771525 7.44771525,7 8,7 C8.55228475,7 9,7.44771525 9,8 C9,8.55228475 8.55228475,9 8,9 Z"\r\n            id="形状"\r\n            fill="#293040"\r\n            fill-rule="nonzero"\r\n          ></path>\r\n        </g>\r\n      </svg>\r\n    </div>\r\n    <div *ngIf="showConfig" class="devui-config-container">\r\n      <ng-content></ng-content>\r\n      <div class="devui-pagination-config-item devui-page-size-config" *ngIf="canChangePageSize">\r\n        <div class="devui-config-item-title">每页条数</div>\r\n        <div class="devui-page-number">\r\n          <ng-container *ngFor="let size of pageSizeOptions">\r\n            <div class="number" [ngClass]="{ choosed: size === pageSize }" (click)="onPageSizeChange(size)">\r\n              {{ size }}\r\n            </div>\r\n          </ng-container>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n',exportAs:"pagination",changeDetection:n.ChangeDetectionStrategy.OnPush,styles:[":host{display:block}.devui-pagination .devui-page-size{display:inline-block;max-width:100px;vertical-align:middle;margin:0 10px 0 0;position:relative}.devui-pagination .devui-page-size.devui-page-size-sm{max-width:60px}.devui-pagination .devui-page-size.devui-page-size-lg{max-width:100px}.devui-pagination .devui-total-size{display:inline-block;position:relative;margin:0 20px 0 0;color:#575d6c}.devui-pagination .devui-pagination-list{display:inline-block;margin:20px 0}.devui-pagination .devui-pagination-list>.disabled>a,.devui-pagination .devui-pagination-list>.disabled>a:focus,.devui-pagination .devui-pagination-list>.disabled>a:hover{cursor:not-allowed}.devui-pagination .devui-pagination-list li{display:inline}.devui-pagination .devui-pagination-list li.disabled a{background:#fff;opacity:.3}.devui-pagination .devui-pagination-list li:not(.disabled){cursor:pointer}.devui-pagination .devui-pagination-list li:not(.disabled) a:focus,.devui-pagination .devui-pagination-list li:not(.disabled) a:hover,.devui-pagination .devui-pagination-list li:not(.disabled) span:focus,.devui-pagination .devui-pagination-list li:not(.disabled) span:hover{background:#f2f5fc}.devui-pagination .devui-pagination-list li:not(.disabled).active a{background:#5e7ce0;color:#fff;cursor:default}.devui-pagination .devui-pagination-list li:not(.disabled) a.devui-pagination-link:hover svg g polygon{fill:#5e7ce0}.devui-pagination .devui-pagination-list li:not(.disabled) a.devui-pagination-link-lite:hover{border:1px solid #adb0b8!important}.devui-pagination .devui-pagination-list .devui-pagination-link svg{vertical-align:bottom}.devui-pagination .devui-pagination-list .devui-pagination-link svg g polygon{fill:#252b3a}.devui-pagination .devui-pagination-list .devui-pagination-link-lite{border:1px solid transparent!important;border-radius:2px}.devui-pagination .devui-pagination-list>li>a{margin-left:5px;padding:5px 12px;line-height:1.42857143}.devui-pagination .devui-pagination-sm>li>a{padding:4px 10px;line-height:1.66666667;font-size:12px}.devui-pagination .devui-pagination-lg>li>a{padding:9px 17px;font-size:16px;line-height:1.3333333}.devui-pagination .devui-pagination-list>li:first-child>a,.devui-pagination .devui-pagination-list>li:last-child>a{padding:4px 11px;border-radius:1px;border:1px solid #adb0b8}.devui-pagination .devui-pagination-sm>li:first-child>a,.devui-pagination .devui-pagination-sm>li:last-child>a{padding:3px 4px;border-radius:1px;border:1px solid #adb0b8}.devui-pagination .devui-pagination-lg>li:first-child>a,.devui-pagination .devui-pagination-lg>li:last-child>a{padding:8px 16px;border-radius:1px;border:1px solid #adb0b8}.devui-pagination .devui-jump-container{display:inline-block;position:relative;margin:0 10px}.devui-pagination .devui-jump-container .devui-input{display:inline-block;width:50px;margin-right:5px}.devui-pagination .devui-jump-button{display:inline-block;vertical-align:bottom;border-radius:1px;border:1px solid #adb0b8;cursor:pointer}.devui-pagination .devui-jump-button .devui-pagination-go{width:0;height:0;border-top-style:solid;border-left-style:solid;border-bottom-style:solid}.devui-pagination .devui-jump-button:hover{border-color:#344899}.devui-pagination .devui-jump-button:hover .devui-pagination-go{border-left-color:#344899}.devui-pagination .devui-jump-size-default{width:34px;height:34px}.devui-pagination .devui-jump-size-default .devui-pagination-go{width:0;height:0;border-top:12px solid transparent;border-left:12px solid #575d6c;border-bottom:12px solid transparent;margin:4px auto}.devui-pagination .devui-jump-size-sm{width:24px;height:24px}.devui-pagination .devui-jump-size-sm .devui-pagination-go{width:0;height:0;border-top:8px solid transparent;border-left:8px solid #575d6c;border-bottom:8px solid transparent;margin:3px auto}.devui-pagination .devui-jump-size-lg{width:46px;height:46px}.devui-pagination .devui-jump-size-lg .devui-pagination-go{width:0;height:0;border-top:16px solid transparent;border-left:16px solid #575d6c;border-bottom:16px solid transparent;margin:6px auto}.devui-pagination .devui-lite-paginator{display:inline-block;margin-right:5px;width:100px}.devui-pagination .devui-pagination-config{color:#252b3a;position:relative;display:inline-block;vertical-align:middle;margin:0 5px}.devui-pagination .devui-pagination-config .devui-setup-icon{line-height:30px;cursor:pointer;display:-webkit-box;display:flex}.devui-pagination .devui-pagination-config .devui-setup-icon svg g path{fill:#252b3a}.devui-pagination .devui-pagination-config .devui-config-container{padding:5px 0;box-shadow:0 0 6px 1px rgba(41,48,64,.2);border-radius:2px;width:150px;background-color:#fff;line-height:26px;position:absolute;left:-136px;top:28px;cursor:auto;z-index:1000;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.devui-pagination .devui-pagination-config .devui-config-container .devui-pagination-config-item.devui-page-size-config{border-bottom:none}.devui-pagination .devui-pagination-config .devui-config-container .devui-pagination-config-item{padding-bottom:8px;padding-top:5px;border-bottom:1px solid #dfe1e6}.devui-pagination .devui-pagination-config .devui-config-container .devui-pagination-config-item .devui-config-item-title{color:#575d6c;padding-left:10px;font-size:12px;line-height:22px}.devui-pagination .devui-pagination-config .devui-config-container .devui-pagination-config-item .devui-page-number{padding-left:10px;margin-top:4px;display:-webkit-box;display:flex;display:-ms-flexbox}.devui-pagination .devui-pagination-config .devui-config-container .devui-pagination-config-item .devui-page-number div{color:#252b3a;cursor:pointer;border-top:1px solid #adb0b8;border-bottom:1px solid #adb0b8;border-right:1px solid #adb0b8;text-align:center;height:26px;width:26px}.devui-pagination .devui-pagination-config .devui-config-container .devui-pagination-config-item .devui-page-number div:hover{background-color:#f2f5fc}.devui-pagination .devui-pagination-config .devui-config-container .devui-pagination-config-item .devui-page-number div:first-child{border-left:1px solid #adb0b8}.devui-pagination .devui-pagination-config .devui-config-container .devui-pagination-config-item .devui-page-number .choosed,.devui-pagination .devui-pagination-config .devui-config-container .devui-pagination-config-item .devui-page-number .devui-page-number div.choosed{color:#5e7ce0;background-color:#f2f5fc!important;cursor:auto!important}:host ::ng-deep .devui-input-sm{height:24px;padding:5px;font-size:14px;line-height:18px;border-radius:0}:host ::ng-deep .devui-select-sm{min-height:24px}"]}]}],i.ctorParameters=function(){return[{type:n.ChangeDetectorRef},{type:t.I18nService}]},i.propDecorators={pageSize:[{type:n.Input}],pageSizeOptions:[{type:n.Input}],pageIndex:[{type:n.Input}],pageIndexChange:[{type:n.Output}],pageSizeChange:[{type:n.Output}],maxItems:[{type:n.Input}],preLink:[{type:n.Input}],nextLink:[{type:n.Input}],size:[{type:n.Input}],canJumpPage:[{type:n.Input}],canChangePageSize:[{type:n.Input}],canViewTotal:[{type:n.Input}],cssClass:[{type:n.Input}],showJumpButton:[{type:n.Input}],showTruePageIndex:[{type:n.Input}],id:[{type:n.Input}],totalItemText:[{type:n.Input}],goToText:[{type:n.Input}],selectDirection:[{type:n.Input}],lite:[{type:n.Input}],showPageSelector:[{type:n.Input}],haveConfigMenu:[{type:n.Input}],litePaginator:[{type:n.ViewChild,args:["litePaginator",{static:!1}]}],total:[{type:n.Input}]},i}();var g=function(){function i(){}return i.decorators=[{type:n.NgModule,args:[{imports:[o.CommonModule,a.SelectModule,r.FormsModule],declarations:[s],exports:[s]}]}],i}();i.PaginationComponent=s,i.PaginationModule=g,Object.defineProperty(i,"__esModule",{value:!0})}));
//# sourceMappingURL=ng-devui-pagination.umd.min.js.map