{"__symbolic":"module","version":4,"metadata":{"SimPageEvent":{"__symbolic":"class","members":{}},"SimPaginatorDefaultOptions":{"__symbolic":"interface"},"SIM_PAGINATOR_DEFAULT_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":84,"character":49},"arguments":["SIM_PAGINATOR_DEFAULT_OPTIONS"]},"SimPaginatorComponent":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":95,"character":43,"module":"./paginator.component"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":88,"character":1},"arguments":[{"selector":"sim-paginator","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":92,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":93,"character":19},"member":"OnPush"},"template":"<div class=\"sim-paginator-label\" *ngIf=\"_rangeLabel || simPaginatorTotal\">\n  <ng-container *simStringTemplateOutlet=\"simPaginatorTotal; context: { $implicit: pageTotal, range: ranges }\">\n    {{ _rangeLabel }}\n  </ng-container>\n</div>\n<ul class=\"sim-paginator-range\">\n  <li\n    *ngFor=\"let page of pages; trackBy: _trackByPageItem\"\n    class=\"sim-paginator-item\"\n    [class.sim-paginator-item-disabled]=\"page.disabled\"\n    [attr.title]=\"page.title\"\n    [class.sim-paginator-item-active]=\"pageIndex == page.index\"\n    (click)=\"_onPageIndexChange(page)\"\n  >\n    <a class=\"sim-paginator-item-link\">\n      <ng-container *ngIf=\"simPaginatorItem; else elseTemplate\">\n        <ng-template [ngTemplateOutlet]=\"simPaginatorItem\" [ngTemplateOutletContext]=\"{ $implicit: page }\"></ng-template>\n      </ng-container>\n      <ng-template #elseTemplate>\n        <ng-container [ngSwitch]=\"page.type\">\n          <ng-container *ngSwitchCase=\"'first'\">{{ page.text }}</ng-container>\n          <ng-container *ngSwitchCase=\"'last'\">{{ page.text }}</ng-container>\n          <ng-container *ngSwitchCase=\"'page'\">{{ page.text }}</ng-container>\n          <ng-container *ngSwitchCase=\"'prev'\">\n            <i class=\"sim-paginator-item-icon\">\n              <svg\n                viewBox=\"64 64 896 896\"\n                focusable=\"false\"\n                fill=\"currentColor\"\n                width=\"1em\"\n                height=\"1em\"\n                data-icon=\"left\"\n                aria-hidden=\"true\"\n              >\n                <path\n                  d=\"M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z\"\n                ></path>\n              </svg>\n            </i>\n          </ng-container>\n          <ng-container *ngSwitchCase=\"'next'\">\n            <i class=\"sim-paginator-item-icon\">\n              <svg\n                viewBox=\"64 64 896 896\"\n                focusable=\"false\"\n                fill=\"currentColor\"\n                width=\"1em\"\n                height=\"1em\"\n                data-icon=\"right\"\n                aria-hidden=\"true\"\n              >\n                <path\n                  d=\"M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z\"\n                ></path>\n              </svg>\n            </i>\n          </ng-container>\n          <ng-container *ngSwitchDefault>\n            <ng-container [ngSwitch]=\"page.type\">\n              <ng-container *ngSwitchCase=\"'prev_5'\">\n                <i class=\"sim-paginator-item-icon sim-paginator-item-jump-icon\">\n                  <svg\n                    viewBox=\"64 64 896 896\"\n                    focusable=\"false\"\n                    fill=\"currentColor\"\n                    width=\"1em\"\n                    height=\"1em\"\n                    data-icon=\"double-left\"\n                    aria-hidden=\"true\"\n                  >\n                    <path\n                      d=\"M272.9 512l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L186.8 492.3a31.99 31.99 0 000 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H532c6.7 0 10.4-7.7 6.3-12.9L272.9 512zm304 0l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L490.8 492.3a31.99 31.99 0 000 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H836c6.7 0 10.4-7.7 6.3-12.9L576.9 512z\"\n                    ></path>\n                  </svg>\n                </i>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'next_5'\">\n                <i class=\"sim-paginator-item-icon sim-paginator-item-jump-icon\">\n                  <svg\n                    viewBox=\"64 64 896 896\"\n                    focusable=\"false\"\n                    fill=\"currentColor\"\n                    width=\"1em\"\n                    height=\"1em\"\n                    data-icon=\"double-right\"\n                    aria-hidden=\"true\"\n                  >\n                    <path\n                      d=\"M533.2 492.3L277.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H188c-6.7 0-10.4 7.7-6.3 12.9L447.1 512 181.7 851.1A7.98 7.98 0 00188 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5zm304 0L581.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H492c-6.7 0-10.4 7.7-6.3 12.9L751.1 512 485.7 851.1A7.98 7.98 0 00492 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5z\"\n                    ></path>\n                  </svg>\n                </i>\n              </ng-container>\n            </ng-container>\n            <span class=\"sim-paginator-item-ellipsis\">•••</span>\n          </ng-container>\n        </ng-container>\n      </ng-template>\n    </a>\n  </li>\n</ul>\n<div class=\"sim-paginator-actions\" *ngIf=\"!hidePageSize || !hideJumperPage\">\n  <div class=\"sim-paginator-size-changer\" *ngIf=\"!hidePageSize && _displayedPageSizeOptions.length > 1\">\n    <sim-select [color]=\"color\" [value]=\"pageSize\" (selectionChange)=\"_onPageSizeChange($event.value)\">\n      <sim-option *ngFor=\"let pageSizeOption of _displayedPageSizeOptions\" [value]=\"pageSizeOption\">{{ pageSizeOption }} 条/页</sim-option>\n    </sim-select>\n  </div>\n  <div class=\"sim-paginator-page-jumper\" *ngIf=\"!hideJumperPage\">\n    跳至\n    <input\n      class=\"sim-paginator-page-jumper-input\"\n      [disabled]=\"disabled\"\n      #quickJumperInput\n      type=\"number\"\n      (keydown.enter)=\"_handleKeyDown($event, quickJumperInput)\"\n    />\n    页\n  </div>\n</div>\n","styles":[".sim-paginator{display:flex}.sim-paginator-label{display:inline-block;margin-right:8px;vertical-align:middle}.sim-paginator-range{box-sizing:border-box;font-size:14px;line-height:1.5;list-style:none;margin:0;padding:0}.sim-paginator-item{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;border-radius:2px;border-style:solid;border-width:1px;box-sizing:border-box;cursor:pointer;display:inline-block;list-style:none;margin-right:8px;text-align:center;user-select:none;vertical-align:middle}.sim-paginator-item:hover{transition:border-color .3s,color .3s}.sim-paginator-item-link{color:inherit;display:block;padding:0 6px;position:relative}.sim-paginator-item-link:focus{outline:0}.sim-paginator-item-icon{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:inherit;display:inline-block;font-style:normal;line-height:0;text-align:center;text-rendering:optimizeLegibility;text-transform:none;vertical-align:-.125em}.sim-paginator-item-jump-icon{font-size:12px;letter-spacing:-1px;opacity:0;transition:all .2s}.sim-paginator-item-ellipsis{bottom:0;color:rgba(0,0,0,.25);left:0;letter-spacing:2px;margin:auto;opacity:1;position:absolute;right:0;text-align:center;text-indent:.13em;top:0;transition:all .2s}.sim-paginator-item-link:hover .sim-paginator-item-ellipsis{opacity:0}.sim-paginator-item-link:hover .sim-paginator-item-jump-icon{opacity:1}.sim-paginator-item-active{font-weight:500}.sim-paginator-item-disabled{cursor:not-allowed}.sim-paginator-actions{display:inline-block;vertical-align:middle}.sim-paginator-size-changer{margin-right:8px;width:110px}.sim-paginator-page-jumper,.sim-paginator-size-changer{display:inline-block;height:32px;line-height:32px;vertical-align:top}.sim-paginator-page-jumper-input{border-radius:2px;border-style:solid;border-width:1px;display:inline-block;font-size:14px;line-height:1.5715;margin:0 8px;min-width:0;padding:4px 11px;position:relative;transition:all .3s;width:50px}.sim-paginator-page-jumper-input:focus{outline:0}"]}]}],"members":{"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":99,"character":3},"arguments":["class.sim-paginator-disabled"]}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":3}}]}],"pageIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":3}}]}],"pageSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":129,"character":3}}]}],"pageTotal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":142,"character":3}}]}],"pageSizeOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":161,"character":3}}]}],"hidePageSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":168,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngx-simple/core/decorators","name":"InputBoolean","line":169,"character":3}}]}],"hideJumperPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":176,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngx-simple/core/decorators","name":"InputBoolean","line":177,"character":3}}]}],"showFirstLastButtons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":184,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngx-simple/core/decorators","name":"InputBoolean","line":185,"character":3}}]}],"pageChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":189,"character":3}}]}],"simPaginatorTotal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":191,"character":3},"arguments":["simPaginatorTotal"]}]}],"simPaginatorItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":192,"character":3},"arguments":["simPaginatorItem"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":215,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":216,"character":5},"arguments":[{"__symbolic":"reference","name":"SIM_PAGINATOR_DEFAULT_OPTIONS"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":211,"character":16},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":212,"character":14},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":214,"character":32},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"_trackByPageItem":[{"__symbolic":"method"}],"_onPageIndexChange":[{"__symbolic":"method"}],"_onPageSizeChange":[{"__symbolic":"method"}],"_handleKeyDown":[{"__symbolic":"method"}],"_updateDisplayedPageSizeOptions":[{"__symbolic":"method"}],"_goToPage":[{"__symbolic":"method"}],"_buildIndexes":[{"__symbolic":"method"}],"_getLastIndex":[{"__symbolic":"method"}],"_getListOfPageItem":[{"__symbolic":"method"}],"_validatePageIndex":[{"__symbolic":"method"}],"_getRange":[{"__symbolic":"method"}],"_emitPageEvent":[{"__symbolic":"method"}]}},"SimPaginatorModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SimPaginatorComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":12},{"__symbolic":"reference","module":"@ngx-simple/core/outlet","name":"SimOutletModule","line":9,"character":26},{"__symbolic":"reference","module":"@ngx-simple/simple-ui/select","name":"SimSelectModule","line":9,"character":43}],"exports":[{"__symbolic":"reference","name":"SimPaginatorComponent"}],"providers":[{"__symbolic":"reference","name":"ɵc"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{},"statics":{"ɵprov":{}}},"ɵb":{"__symbolic":"function","parameters":["parentIntl"],"value":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"reference","name":"parentIntl"},"right":{"__symbolic":"new","expression":{"__symbolic":"reference","name":"ɵa"}}}},"ɵc":{"provide":{"__symbolic":"reference","name":"ɵa"},"deps":[[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":52,"character":14}},{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":52,"character":30}},{"__symbolic":"reference","name":"ɵa"}]],"useFactory":{"__symbolic":"reference","name":"ɵb"}}},"origins":{"SimPageEvent":"./paginator.component","SimPaginatorDefaultOptions":"./paginator.component","SIM_PAGINATOR_DEFAULT_OPTIONS":"./paginator.component","SimPaginatorComponent":"./paginator.component","SimPaginatorModule":"./paginator.module","ɵa":"./paginator-intl","ɵb":"./paginator-intl","ɵc":"./paginator-intl"},"importAs":"@ngx-simple/simple-ui/paginator"}