dfx-bootstrap-table
Version:
Angular table CDK implementation for Bootstrap with filtering, sorting and pagination.
120 lines (119 loc) • 5.94 kB
TypeScript
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;
}