UNPKG

agnostic-svelte

Version:
70 lines (69 loc) 2.52 kB
/** @typedef {typeof __propDef.props} PaginationProps */ /** @typedef {typeof __propDef.events} PaginationEvents */ /** @typedef {typeof __propDef.slots} PaginationSlots */ export default class Pagination extends SvelteComponentTyped<{ isBordered?: boolean; ariaLabel?: string; justify?: string; current?: number; total?: number; pages?: any[]; pageGenerator?: { generate: (current: number, totalPageCount: number) => import("agnostic-helpers/dist/usePagination").PageArrayItem[]; /** * Pagination component handles presentation only and does two things: * 1. Displays paging controls you pass in as `pages` array * 2. Applies styles to those paging controls * * Inversion of control is used such that the consumer is in * charge of using the usePagination module to generate and * regenerate pages that get passed in here. See ./PaginationExample.svelte */ }; isFirstLast?: boolean; navigationLabels?: { first: string; last: string; previous: string; next: string; }; }, { [evt: string]: CustomEvent<any>; }, {}> { } export type PaginationProps = typeof __propDef.props; export type PaginationEvents = typeof __propDef.events; export type PaginationSlots = typeof __propDef.slots; import { SvelteComponentTyped } from "svelte"; declare const __propDef: { props: { isBordered?: boolean; ariaLabel?: string; justify?: string; current?: number; total?: number; pages?: any[]; pageGenerator?: { generate: (current: number, totalPageCount: number) => import("agnostic-helpers/dist/usePagination").PageArrayItem[]; /** * Pagination component handles presentation only and does two things: * 1. Displays paging controls you pass in as `pages` array * 2. Applies styles to those paging controls * * Inversion of control is used such that the consumer is in * charge of using the usePagination module to generate and * regenerate pages that get passed in here. See ./PaginationExample.svelte */ }; isFirstLast?: boolean; navigationLabels?: { first: string; last: string; previous: string; next: string; }; }; events: { [evt: string]: CustomEvent<any>; }; slots: {}; }; export {};