import { PropertyValues, TemplateResult } from 'lit'; import ShoelaceElement from '../../internal/shoelace-element.js'; import SlIcon from '../icon/icon.component.js'; import SlSelect from '../select/select.component.js'; import SlOption from '../option/option.component.js'; import SlInput from '../input/input.component.js'; /** * @since 2.0 * @status experimental * @viur 0.5 * * @dependency sl-button,sl-select,sl-icon * * @event sl-page-change - Emitted when current page changed . * @event sl-page-before-change - Emitted before page changed,use can defaultPrevented ,then sl-page-change can not be emit . * * @slot prefix The prefix slot. * @slot no-data - when total=0 to show . * @slot default - tool bar end to show . * @csspart base - The component's base wrapper. * @csspart pageWrap - The component's to page button wrapper. * * */ export default class SlPagination extends ShoelaceElement { static styles: import("lit").CSSResult; static dependencies: { 'sl-icon': typeof SlIcon; 'sl-select': typeof SlSelect; 'sl-option': typeof SlOption; 'sl-input': typeof SlInput; }; /** Current page */ value: number; /** Page Break Size */ pageSize: number; /** Whether to resize the paging component */ showSizeChange: boolean; /** Whether to allow direct adjustment of the first few pages */ showPageChange: boolean; /** Allowed or not Simplified paging mode */ simple: boolean; /**Layout alignment */ align: 'left' | 'right' | 'center'; /** Total number of sizes */ total: number; /** Support for resized pagination */ pageSizeOptions: Array; /** Whether to display Jump directly to the first page */ showFirst: boolean; /** Show or not Show Jump directly to the last page */ showLast: boolean; get pageCount(): number; watchPageChange(): void; _renderSimple(): TemplateResult<1>; _renderPageButton(): TemplateResult<1>; _renderPage(): TemplateResult<1>[]; private _eventDispose1; private _eventDispose2; firstUpdated(map: PropertyValues): void; disconnectedCallback(): void; private goToPageByKey; goToPage(pageNo: number): void; render(): TemplateResult<1>; } declare global { interface HTMLElementTagNameMap { 'sl-pagination': SlPagination; } }