module@warp-drive/core/signals/-leaked

Interface RealPaginationLink sincev5.9.0

Defined in: warp-drive-packages/core/src/signals/pagination-links.ts:29

Hideconstructor

A single numbered link, e.g. page 3. Loads its page and makes it active when setActive runs. Carries its index and its distanceFromActiveIndex so a UI can style links by how far they sit from the current page.

<EachLink @pages={{pages}} as |state|>
  {{#each state.links as |link|}}
    {{#if link.isReal}}
      <button class={{if link.isCurrent "active"}} {{on "click" link.setActive}}>
        {{link.text}}
      </button>
    {{/if}}
  {{/each}}
</EachLink>

Methods

setActive()

setActive(): Promise<unknown>;

Defined in: warp-drive-packages/core/src/signals/pagination-links.ts:60

Loads this link's page and makes it the active page on the associated PaginationState. It is a stable reference, so it is safe to pass around as an "action" or "event" handler:

<button {{on "click" link.setActive}}>{{link.text}}</button>

Returns

Promise<unknown>

Properties

distanceFromActiveIndex

readonly distanceFromActiveIndex: number;

Defined in: warp-drive-packages/core/src/signals/pagination-links.ts:35

---

index

readonly index: number;

Defined in: warp-drive-packages/core/src/signals/pagination-links.ts:33

---

isCurrent

readonly isCurrent: boolean;

Defined in: warp-drive-packages/core/src/signals/pagination-links.ts:34

---

isReal

readonly isReal: true;

Defined in: warp-drive-packages/core/src/signals/pagination-links.ts:30

---

url

readonly url: string;

Defined in: warp-drive-packages/core/src/signals/pagination-links.ts:32

text

Get Signature

get text(): string;

Defined in: warp-drive-packages/core/src/signals/pagination-links.ts:47

Returns

string