module@warp-drive/experiments/pagination @experimental
Interface PlaceholderPaginationLink sincev5.9.0
ts
interface PlaceholderPaginationLink {
indexRange: [number, number];
readonly isReal: false;
text: string;
get distanceFromActiveIndex(): number;
get rangeSize(): number;
}Hideconstructor
A stand-in for a run of pages that have not been loaded yet, rendered as an ellipsis between numbered links. It covers an indexRange rather than a single page and has no page to navigate to.
gts
<EachLink @pages={{pages}} as |state|>
{{#each state.links as |link|}}
{{#unless link.isReal}}
<span title="{{link.rangeSize}} more pages">{{link.text}}</span>
{{/unless}}
{{/each}}
</EachLink>Properties
indexRange
ts
indexRange: [number, number];The inclusive [start, end] page-number range of not-yet-loaded pages this placeholder stands in for.
isReal
ts
readonly isReal: false;text
ts
text: string;distanceFromActiveIndex
Get Signature
ts
get distanceFromActiveIndex(): number;The distance between the active page and the nearest edge of this placeholder's index range.
Returns
number
rangeSize
Get Signature
ts
get rangeSize(): number;The number of pages this placeholder covers.
Returns
number