UNPKG

dfx-bootstrap-table

Version:

Angular table CDK implementation for Bootstrap with filtering, sorting and pagination.

120 lines (119 loc) 5.94 kB
import { ChangeDetectorRef, EventEmitter, InjectionToken, OnDestroy, OnInit } from '@angular/core'; import { Observable } from 'rxjs'; import { NgbPaginatorIntl } from './paginator-intl.service'; import * as i0 from "@angular/core"; /** * Change event object that is emitted when the user selects a * different page size or navigates to another page. */ export type PageEvent = { /** The current page index. */ pageIndex: number; /** Index of the page that was selected previously. */ previousPageIndex: number; /** The current page size. */ pageSize: number; /** The current total number of items being paged. */ length: number; }; /** Object that can be used to configure the default options for the paginator module. */ export interface NgbPaginatorDefaultOptions { /** Number of items to display on a page. By default set to 50. */ pageSize?: number; /** The set of provided page size options to display to the user. */ pageSizeOptions?: number[]; /** Whether to hide the page size selection UI from the user. */ hidePageSize?: boolean; /** Whether to show the first/last buttons UI to the user. */ showFirstLastButtons?: boolean; } /** Injection token that can be used to provide the default options for the paginator module. */ export declare const NGB_PAGINATOR_DEFAULT_OPTIONS: InjectionToken<NgbPaginatorDefaultOptions>; export declare class NgbPaginator implements OnInit, OnDestroy { _intl: NgbPaginatorIntl; private _changeDetectorRef; /** ID for the DOM node containing the paginator's items per page label. */ readonly _pageSizeLabelId: string; private _intlChanges; private _isInitialized; private _initializedStream; /** The zero-based page index of the displayed list of items. Defaulted to 0. */ get pageIndex(): number; set pageIndex(value: number); private _pageIndex; /** The length of the total number of items that are being paginated. Defaulted to 0. */ get length(): number; set length(value: number); private _length; /** Number of items to display on a page. By default set to 50. */ get pageSize(): number; set pageSize(value: number); private _pageSize; /** The set of provided page size options to display to the user. */ get pageSizeOptions(): number[]; set pageSizeOptions(value: number[] | readonly number[]); private _pageSizeOptions; /** Whether to hide the page size selection UI from the user. */ hidePageSize: boolean; /** Whether to show the first/last buttons UI to the user. */ showFirstLastButtons: boolean; /** Whether the paginator is disabled. */ disabled: boolean; /** * The paginator display size. * * Bootstrap currently supports small and large sizes. */ size?: 'sm' | 'lg' | null; /** Event emitted when the paginator changes the page size or page index. */ readonly page: EventEmitter<PageEvent>; /** Displayed set of page size options. Will be sorted and include current page size. */ _displayedPageSizeOptions: number[]; /** Emits when the paginator is initialized. */ initialized: Observable<void>; constructor(_intl: NgbPaginatorIntl, _changeDetectorRef: ChangeDetectorRef, defaults?: NgbPaginatorDefaultOptions); ngOnInit(): void; ngOnDestroy(): void; /** Advances to the next page if it exists. */ nextPage(): void; /** Move back to the previous page if it exists. */ previousPage(): void; /** Move to the first page if not already there. */ firstPage(): void; /** Move to the last page if not already there. */ lastPage(): void; /** Whether there is a previous page. */ hasPreviousPage(): boolean; /** Whether there is a next page. */ hasNextPage(): boolean; /** Calculate the number of pages */ getNumberOfPages(): number; /** * Changes the page size so that the first item displayed on the page will still be * displayed using the new page size. * * For example, if the page size is 10 and on the second page (items indexed 10-19) then * switching so that the page size is 5 will set the third page as the current page so * that the 10th item will still be displayed. */ _changePageSize(pageSize: number): void; /** Checks whether the buttons for going forwards should be disabled. */ _nextButtonsDisabled(): boolean; /** Checks whether the buttons for going backwards should be disabled. */ _previousButtonsDisabled(): boolean; /** * Updates the list of page size options to display to the user. Includes making sure that * the page size is an option and that the list is sorted. */ private _updateDisplayedPageSizeOptions; /** Emits an event notifying that a change of the paginator's properties has been triggered. */ private _emitPageEvent; static ɵfac: i0.ɵɵFactoryDeclaration<NgbPaginator, [null, null, { optional: true; }]>; static ɵcmp: i0.ɵɵComponentDeclaration<NgbPaginator, "ngb-paginator", ["ngbPaginator"], { "pageIndex": { "alias": "pageIndex"; "required": false; }; "length": { "alias": "length"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "hidePageSize": { "alias": "hidePageSize"; "required": false; }; "showFirstLastButtons": { "alias": "showFirstLastButtons"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "page": "page"; }, never, never, true, never>; static ngAcceptInputType_pageIndex: unknown; static ngAcceptInputType_length: unknown; static ngAcceptInputType_pageSize: unknown; static ngAcceptInputType_hidePageSize: unknown; static ngAcceptInputType_showFirstLastButtons: unknown; static ngAcceptInputType_disabled: unknown; }