agnostic-svelte
Version:
AgnosticUI (svelte)
70 lines (69 loc) • 2.52 kB
TypeScript
/** @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 {};