import { PharosElement } from '../base/pharos-element'; import type { TemplateResult, CSSResultArray, PropertyValues } from 'lit'; import { PharosIcon } from '../icon/pharos-icon'; import { PharosLink } from '../link/pharos-link'; declare const VARIANTS: readonly ["default", "input"]; export type PaginationVariant = (typeof VARIANTS)[number]; declare const PharosPagination_base: typeof PharosElement; /** * Pharos pagination component. * * @tag pharos-pagination * * @fires first-page - Fires when the first page link is clicked * @fires prev-page - Fires when the previous page link is clicked * @fires next-page - Fires when the next page link is clicked * @fires last-page - Fires when the last page link is clicked * @fires page-input - Fires when a page number is submitted in the input variant */ export declare class PharosPagination extends PharosPagination_base { private static _inputIdCounter; static elementDefinitions: { 'pharos-icon': typeof PharosIcon; 'pharos-link': typeof PharosLink; }; /** * Indicates the total number of results. * @attr totalResults */ totalResults: number; /** * Indicates the maximum number of results on a page. * @attr pageSize */ pageSize: number; /** * Indicates the current page number. * @attr currentPage */ currentPage: number; /** * Indicates the pagination variant. * @attr variant */ variant: PaginationVariant; private _pageInputValue; private readonly _inputId; static get styles(): CSSResultArray; protected get totalPages(): number; protected update(changedProperties: PropertyValues): void; private _handleClick; private _renderFirstLink; private _renderPrevLink; private _renderNextLink; private _renderLastLink; private _handlePageInput; private _handlePageKeydown; private _handlePageInputChange; private _handlePageInputBlur; private _renderPageInput; protected render(): TemplateResult; } export {}; //# sourceMappingURL=pharos-pagination.d.ts.map