import { LitElement } from 'lit'; import './pagination-items-range'; import './pagination-page-size-dropdown'; import './pagination-navigation-buttons'; /** * `kyn-pagination` Web Component. * * A component that provides pagination functionality, enabling the user to * navigate through large datasets by splitting them into discrete chunks. * Integrates with other utility components like items range display, page size dropdown, * and navigation buttons. * @fires on-page-size-change - Dispatched when the page size changes.`detail:{ value: number }` * @fires on-page-number-change - Dispatched when the currently active page changes.`detail:{ value: number }` * */ export declare class Pagination extends LitElement { static styles: import("lit").CSSResult; /** Total number of items that need pagination. */ accessor count: number; /** Current active page number. */ accessor pageNumber: number; /** Number of items displayed per page. */ accessor pageSize: number; /** Available options for the page size. */ accessor pageSizeOptions: number[]; /** Number of pages. */ accessor _numberOfPages: number; /** Label for the page size dropdown. Required for accessibility. */ accessor pageSizeDropdownLabel: string; /** Label for the page size dropdown. Required for accessibility. */ accessor pageNumberLabel: string; /** Option to hide the items range display. */ accessor hideItemsRange: boolean; /** Option to hide the page size dropdown. */ accessor hidePageSizeDropdown: boolean; /** Option to hide the navigation buttons. */ accessor hideNavigationButtons: boolean; /** Controls direction that dropdowns open. */ accessor openDirection: 'auto' | 'up' | 'down'; /** Customizable text strings */ accessor textStrings: { showing: string; of: string; items: string; pages: string; itemsPerPage: string; previousPage: string; nextPage: string; }; /** * Handler for the event when the page size is changed by the user. * Updates the `pageSize` and resets the `pageNumber` to 1. * * @param e - The emitted custom event with the selected page size. */ private handlePageSizeChange; /** * Handler for the event when the page number is changed by the user. * Updates the `pageNumber`. * * @param e - The emitted custom event with the selected page number. */ private handlePageNumberChange; render(): import("lit-html").TemplateResult<1>; updated(changedProps: any): void; } declare global { interface HTMLElementTagNameMap { 'kyn-pagination': Pagination; } } //# sourceMappingURL=Pagination.d.ts.map