JSPM

@darkwolf/pagination.mjs

1.0.1
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 3
  • Score
    100M100P100Q27529F
  • License MIT

Pagination

Package Exports

  • @darkwolf/pagination.mjs
  • @darkwolf/pagination.mjs/Button
  • @darkwolf/pagination.mjs/ButtonType
  • @darkwolf/pagination.mjs/Display
  • @darkwolf/pagination.mjs/Mode
  • @darkwolf/pagination.mjs/constants
  • @darkwolf/pagination.mjs/constants/ButtonType
  • @darkwolf/pagination.mjs/constants/ButtonType.mjs
  • @darkwolf/pagination.mjs/constants/Display
  • @darkwolf/pagination.mjs/constants/Display.mjs
  • @darkwolf/pagination.mjs/constants/Mode
  • @darkwolf/pagination.mjs/constants/Mode.mjs
  • @darkwolf/pagination.mjs/constants/index.mjs
  • @darkwolf/pagination.mjs/index.mjs
  • @darkwolf/pagination.mjs/package.json
  • @darkwolf/pagination.mjs/types
  • @darkwolf/pagination.mjs/types/Button
  • @darkwolf/pagination.mjs/types/Button.mjs
  • @darkwolf/pagination.mjs/types/index.mjs

Readme

Pagination

Install

ECMAScript (Node.js v12.x LTS or higher)

npm i --save @darkwolf/pagination.mjs

CommonJS (Node.js v10.x LTS or higher)

npm i --save @darkwolf/pagination.cjs

Using

// ECMAScript
import Pagination from '@darkwolf/pagination.mjs'

// CommonJS
const Pagination = require('@darkwolf/pagination.cjs')

Pagination.navigator({
  hasFirstPage: true,
  hasPreviousPage: true,
  hasNextPage: true,
  hasLastPage: true
}).map(button => button.text) // => ['«', '‹', '•', '›', '»']
const pagination = new Pagination({
  pageCount: 100,
  pageNumber: 20
})
pagination.paginator().map(button => button.text) // => ['«', '1…', '18', '19', '• 20 •', '21', '22', '23', '…100', '»']
pagination.paginator({
  mode: 'navigation',
  pageNumber: 10
}).map(button => button.text) // => ['« 1', '7', '8', '‹ 9', '• 10 •', '11 ›', '12', '13', '14', '100 »']
pagination.stepper().map(button => button.text) // => ['• 1 •', '5', '10', '25']

API Documentation

Contact Me

GitHub: @PavelWolfDark

Telegram: @PavelWolfDark

Email: PavelWolfDark@gmail.com