{"_id":"@bloc-ui/pagination","_rev":"7-b4bacd5171525ab9ace998c832e499ab","name":"@bloc-ui/pagination","dist-tags":{"latest":"1.0.6"},"versions":{"0.0.1":{"name":"@bloc-ui/pagination","version":"0.0.1","_id":"@bloc-ui/pagination@0.0.1","maintainers":[{"name":"bloc_ui","email":"debasishsahoo444@gmail.com"}],"homepage":"https://github.com/debasish1996/BLOC-UI#readme","bugs":{"url":"https://github.com/debasish1996/BLOC-UI/issues"},"dist":{"shasum":"f04f167ba610fd8d29245ffed306f302c5f21440","tarball":"https://registry.npmjs.org/@bloc-ui/pagination/-/pagination-0.0.1.tgz","fileCount":4,"integrity":"sha512-TxL9sZm8zA/rJuBdPFgKz41wxcC2Z8rTEQBKudu17bq71EnPYJvPoAIGySrrUkS771UB5UfAEJ2GLD560H4f4A==","signatures":[{"sig":"MEYCIQCbpJHmAorAnLt8qIq1X5Q6Ip0sJOu0XF+/pR6YuC2D/wIhAJyPE24K+63wMg6fRrDxPh3XtoxRoorASPf/RqKV3OYf","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":46376},"module":"fesm2022/bloc-ui-pagination.mjs","exports":{".":{"types":"./types/bloc-ui-pagination.d.ts","default":"./fesm2022/bloc-ui-pagination.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"58631622a80eae661e0affa0c9deca88f490cdf9","typings":"types/bloc-ui-pagination.d.ts","_npmUser":{"name":"bloc_ui","email":"debasishsahoo444@gmail.com"},"repository":{"url":"git+https://github.com/debasish1996/BLOC-UI.git","type":"git","directory":"projects/bloc-ui-pagination"},"_npmVersion":"11.9.0","directories":{},"sideEffects":false,"_nodeVersion":"24.14.0","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":"^21.2.0","@angular/common":"^21.2.0"},"_npmOperationalInternal":{"tmp":"tmp/pagination_0.0.1_1775148331237_0.6975060918904019","host":"s3://npm-registry-packages-npm-production"}},"1.0.0":{"name":"@bloc-ui/pagination","version":"1.0.0","_id":"@bloc-ui/pagination@1.0.0","maintainers":[{"name":"bloc_ui","email":"debasishsahoo444@gmail.com"}],"homepage":"https://github.com/debasish1996/BLOC-UI#readme","bugs":{"url":"https://github.com/debasish1996/BLOC-UI/issues"},"dist":{"shasum":"706e9c49a59aa7eb4d8d522b4f40e5e97627fd51","tarball":"https://registry.npmjs.org/@bloc-ui/pagination/-/pagination-1.0.0.tgz","fileCount":5,"integrity":"sha512-Y3CKooqI6nThiirhYKl1T1hoJvq7mQIkHE+mexxKuPNRbsBJoDmYu99HSMVOuDImM9N/IIpVUioFeknfoYGnqQ==","signatures":[{"sig":"MEUCIQD84hTgjNCQcrsZ10rBB4LdBxIa3/WtozoeFBLPnx6DlgIgEsJ2BoxuA7UPCvvfh2XwqCB5cTndsEioFx74+KCk9MI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@bloc-ui%2fpagination@1.0.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":50014},"module":"fesm2022/bloc-ui-pagination.mjs","exports":{".":{"types":"./types/bloc-ui-pagination.d.ts","default":"./fesm2022/bloc-ui-pagination.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"f832a5e7e68decf50c87d89996c37e3ff983b8bb","typings":"types/bloc-ui-pagination.d.ts","_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:10cd8a1a-e7bb-4944-a3c8-4f773371f338"}},"repository":{"url":"git+https://github.com/debasish1996/BLOC-UI.git","type":"git","directory":"projects/bloc-ui-pagination"},"_npmVersion":"11.11.0","description":"> **Latest:** v1.0.0","directories":{},"sideEffects":false,"_nodeVersion":"24.14.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":"^21.2.0","@angular/common":"^21.2.0"},"_npmOperationalInternal":{"tmp":"tmp/pagination_1.0.0_1775451852948_0.5472693103029795","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@bloc-ui/pagination","version":"1.0.1","_id":"@bloc-ui/pagination@1.0.1","maintainers":[{"name":"bloc_ui","email":"debasishsahoo444@gmail.com"}],"homepage":"https://github.com/debasish1996/BLOC-UI#readme","bugs":{"url":"https://github.com/debasish1996/BLOC-UI/issues"},"dist":{"shasum":"e2f1ad6d4f46776b812aba326986e1bd9e915be5","tarball":"https://registry.npmjs.org/@bloc-ui/pagination/-/pagination-1.0.1.tgz","fileCount":5,"integrity":"sha512-A0XACBa5Lg/kAV4RHi/hxbXuBfW5l5qxmj69Y8MszZLb6/CTamP5iAEJ7m+3NK3FIIqnz331ZUq/5R/2tz6pdQ==","signatures":[{"sig":"MEQCIGDpgyPv1NNGz5rTxz9mSa9Tfgsb2EV0vzZriaiXO2pcAiBIskMBPm0sygcwfQWrTN3lNRYBRd1gTMoW01q2ABcajg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@bloc-ui%2fpagination@1.0.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":50088},"module":"fesm2022/bloc-ui-pagination.mjs","exports":{".":{"types":"./types/bloc-ui-pagination.d.ts","default":"./fesm2022/bloc-ui-pagination.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"3731c886ab4165adbdbdd0404b8af4fd2d31c749","typings":"types/bloc-ui-pagination.d.ts","_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:10cd8a1a-e7bb-4944-a3c8-4f773371f338"}},"repository":{"url":"git+https://github.com/debasish1996/BLOC-UI.git","type":"git","directory":"projects/bloc-ui-pagination"},"_npmVersion":"11.11.0","description":"> **Latest:** v1.0.1","directories":{},"sideEffects":false,"_nodeVersion":"24.14.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":"^21.2.0","@angular/common":"^21.2.0"},"_npmOperationalInternal":{"tmp":"tmp/pagination_1.0.1_1775536922988_0.7192794625924728","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@bloc-ui/pagination","version":"1.0.2","_id":"@bloc-ui/pagination@1.0.2","maintainers":[{"name":"bloc_ui","email":"debasishsahoo444@gmail.com"}],"homepage":"https://github.com/debasish1996/BLOC-UI#readme","bugs":{"url":"https://github.com/debasish1996/BLOC-UI/issues"},"dist":{"shasum":"aba758d966bb5649d6df20d9d2855d8fd0ac655c","tarball":"https://registry.npmjs.org/@bloc-ui/pagination/-/pagination-1.0.2.tgz","fileCount":5,"integrity":"sha512-jJUQrtDqGSeUFR7ipz0ut30dr0RNflUBFG8iIEMQ4ehVBFDmJivoUxk99mhF3L82BpXZYs0Qwqj1couApI/Hhg==","signatures":[{"sig":"MEUCIDYQuu3uRObHaVYp1MhpfO76tQqO9qw3FY350Sb8CZcqAiEA79IGbsVwh97HGpHHb3eY9kF0/dyugi8TuBS41ZRiEaw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@bloc-ui%2fpagination@1.0.2","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":50088},"module":"fesm2022/bloc-ui-pagination.mjs","exports":{".":{"types":"./types/bloc-ui-pagination.d.ts","default":"./fesm2022/bloc-ui-pagination.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"17983cd27942b6db2b299c6969903c7ea3d71ae4","typings":"types/bloc-ui-pagination.d.ts","_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:10cd8a1a-e7bb-4944-a3c8-4f773371f338"}},"repository":{"url":"git+https://github.com/debasish1996/BLOC-UI.git","type":"git","directory":"projects/bloc-ui-pagination"},"_npmVersion":"11.11.0","description":"> **Latest:** v1.0.2","directories":{},"sideEffects":false,"_nodeVersion":"24.14.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":"^21.2.0","@angular/common":"^21.2.0"},"_npmOperationalInternal":{"tmp":"tmp/pagination_1.0.2_1775833882552_0.8487586437166348","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@bloc-ui/pagination","version":"1.0.3","_id":"@bloc-ui/pagination@1.0.3","maintainers":[{"name":"bloc_ui","email":"debasishsahoo444@gmail.com"}],"homepage":"https://github.com/debasish1996/BLOC-UI#readme","bugs":{"url":"https://github.com/debasish1996/BLOC-UI/issues"},"dist":{"shasum":"cc5a3bd1def88c68b0590ec9236fcf881baf982d","tarball":"https://registry.npmjs.org/@bloc-ui/pagination/-/pagination-1.0.3.tgz","fileCount":5,"integrity":"sha512-xInXKXVfrRupKUrqTReACt79Ic7DhyXm/vTcttKSFfkp8+l5MGjy9IwQAPb18jIch3ZdKb9Jj65KnwwFRxRdKw==","signatures":[{"sig":"MEUCIQDQFSaiyykVYxlthk9MDcRWH4oYH5cOTJoE3GSKEeT3MAIgOiX83Hp2mN5NECHcf32NeZpjHpSR2zmGfaGIzdLWXB4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@bloc-ui%2fpagination@1.0.3","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":50088},"module":"fesm2022/bloc-ui-pagination.mjs","exports":{".":{"types":"./types/bloc-ui-pagination.d.ts","default":"./fesm2022/bloc-ui-pagination.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"1dac3254e8fdcc2ee1e63bf7a046b8cabf30b6fc","typings":"types/bloc-ui-pagination.d.ts","_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:10cd8a1a-e7bb-4944-a3c8-4f773371f338"}},"repository":{"url":"git+https://github.com/debasish1996/BLOC-UI.git","type":"git","directory":"projects/bloc-ui-pagination"},"_npmVersion":"11.11.0","description":"> **Latest:** v1.0.3","directories":{},"sideEffects":false,"_nodeVersion":"24.14.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":"^21.2.0","@angular/common":"^21.2.0"},"_npmOperationalInternal":{"tmp":"tmp/pagination_1.0.3_1775834702599_0.12689143307925987","host":"s3://npm-registry-packages-npm-production"}},"1.0.5":{"name":"@bloc-ui/pagination","version":"1.0.5","keywords":["angular","angular-components","component-library","pagination","pager","accessible","standalone-components","bloc-ui"],"author":{"name":"Bloc Verse"},"license":"MIT","_id":"@bloc-ui/pagination@1.0.5","maintainers":[{"name":"bloc_ui","email":"debasishsahoo444@gmail.com"}],"homepage":"https://ui.bloc-verse.com","bugs":{"url":"https://github.com/debasish1996/BLOC-UI/issues"},"dist":{"shasum":"bf44618c5b4978560d3b077da52ba86bdcab9017","tarball":"https://registry.npmjs.org/@bloc-ui/pagination/-/pagination-1.0.5.tgz","fileCount":5,"integrity":"sha512-PTOHPJGBZDSL+hz4loM6IcmfjD/Q275muUxUAOqGs0IovmnwzA82+AyWrxM0kTXDBSZ6Wtb6lIC5csNmL+tdVw==","signatures":[{"sig":"MEUCIQDSooSSY+BabowImY6SUJNmgw4S3bkAQwa+N5cFqvCGbAIgUsZdRswoKHvU5//1Kanih/Vg0NVIaTQ6mlSlC9EUVgw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@bloc-ui%2fpagination@1.0.5","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":50547},"module":"fesm2022/bloc-ui-pagination.mjs","exports":{".":{"types":"./types/bloc-ui-pagination.d.ts","default":"./fesm2022/bloc-ui-pagination.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"8345ba53a6062d6dd5bb1cf67f6852e62a0799c1","typings":"types/bloc-ui-pagination.d.ts","_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:10cd8a1a-e7bb-4944-a3c8-4f773371f338"}},"repository":{"url":"git+https://github.com/debasish1996/BLOC-UI.git","type":"git","directory":"projects/bloc-ui-pagination"},"_npmVersion":"11.11.0","description":"Pagination component for Angular with configurable sibling/boundary counts and custom labels.","directories":{},"sideEffects":false,"_nodeVersion":"24.14.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":"^21.2.0","@angular/common":"^21.2.0"},"_npmOperationalInternal":{"tmp":"tmp/pagination_1.0.5_1775918392538_0.9424387153657148","host":"s3://npm-registry-packages-npm-production"}},"1.0.6":{"name":"@bloc-ui/pagination","version":"1.0.6","description":"Pagination component for Angular with configurable sibling/boundary counts and custom labels.","keywords":["angular","angular-components","component-library","pagination","pager","accessible","standalone-components","bloc-ui"],"license":"MIT","author":{"name":"Bloc Verse"},"homepage":"https://ui.bloc-verse.com","bugs":{"url":"https://github.com/debasish1996/BLOC-UI/issues"},"repository":{"type":"git","url":"git+https://github.com/debasish1996/BLOC-UI.git","directory":"projects/bloc-ui-pagination"},"peerDependencies":{"@angular/common":"^21.2.0","@angular/core":"^21.2.0"},"dependencies":{"tslib":"^2.3.0"},"sideEffects":false,"module":"fesm2022/bloc-ui-pagination.mjs","typings":"types/bloc-ui-pagination.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./types/bloc-ui-pagination.d.ts","default":"./fesm2022/bloc-ui-pagination.mjs"}},"gitHead":"abe1c2a9145e5a2a042a16ed2d52f35a653154dc","_id":"@bloc-ui/pagination@1.0.6","_nodeVersion":"24.14.1","_npmVersion":"11.11.0","dist":{"integrity":"sha512-bp7Ota2wzQJ9H4ddbKpB3qp1IRHogIiFJ4URYDZd/5sjICHYiKUewlhsdpb2rCMTlwA5CCemt89H+1JCnTRlIw==","shasum":"73c3304d7b52c2ef353ef4cb43ca2a89a687dbd5","tarball":"https://registry.npmjs.org/@bloc-ui/pagination/-/pagination-1.0.6.tgz","fileCount":5,"unpackedSize":50398,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@bloc-ui%2fpagination@1.0.6","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDA8JOfehfuO3eIZ70z07wcUF/WeIzQcaObU2DORwJBVQIhAI/iQPkJcFdp+hAMmxMB/0BzgyafJSfQITNmpxq5iKZX"}]},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:10cd8a1a-e7bb-4944-a3c8-4f773371f338"}},"directories":{},"maintainers":[{"name":"bloc_ui","email":"debasishsahoo444@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/pagination_1.0.6_1776135153412_0.5302999916128552"},"_hasShrinkwrap":false}},"time":{"created":"2026-04-02T16:45:31.176Z","modified":"2026-04-14T02:52:33.795Z","0.0.1":"2026-04-02T16:45:31.383Z","1.0.0":"2026-04-06T05:04:13.088Z","1.0.1":"2026-04-07T04:42:03.130Z","1.0.2":"2026-04-10T15:11:22.697Z","1.0.3":"2026-04-10T15:25:02.782Z","1.0.5":"2026-04-11T14:39:52.673Z","1.0.6":"2026-04-14T02:52:33.552Z"},"bugs":{"url":"https://github.com/debasish1996/BLOC-UI/issues"},"author":{"name":"Bloc Verse"},"license":"MIT","homepage":"https://ui.bloc-verse.com","keywords":["angular","angular-components","component-library","pagination","pager","accessible","standalone-components","bloc-ui"],"repository":{"type":"git","url":"git+https://github.com/debasish1996/BLOC-UI.git","directory":"projects/bloc-ui-pagination"},"description":"Pagination component for Angular with configurable sibling/boundary counts and custom labels.","maintainers":[{"name":"bloc_ui","email":"debasishsahoo444@gmail.com"}],"readme":"# @bloc-ui/pagination\r\n\r\n> **Latest:** v1.0.6\r\n\r\nPage navigation component for Angular. Renders a row of page buttons with configurable sibling and boundary counts, first/last jump buttons, custom labels, and disabled state. Integrates with Angular reactive forms via two-way binding.\r\n\r\n**[Live Documentation & Demos](https://ui.bloc-verse.com/pagination)**\r\n\r\n---\r\n\r\n## Installation\r\n\r\n```bash\r\nnpm install @bloc-ui/pagination\r\n```\r\n\r\n**Peer dependencies:** `@angular/common` and `@angular/core` ≥ 21.\r\n\r\n---\r\n\r\n## Selectors / API\r\n\r\n| Export                    | Selector          | Type      | Description             |\r\n| ------------------------- | ----------------- | --------- | ----------------------- |\r\n| `BlocPaginationComponent` | `bloc-pagination` | Component | Page navigation control |\r\n\r\n---\r\n\r\n## Usage\r\n\r\n### Basic\r\n\r\n```ts\r\nimport { BlocPaginationComponent } from '@bloc-ui/pagination';\r\n\r\nreadonly currentPage = signal(1);\r\n```\r\n\r\n```html\r\n<bloc-pagination [(page)]=\"currentPage\" [totalPages]=\"8\"></bloc-pagination>\r\n```\r\n\r\n### Dense with siblings and boundaries\r\n\r\n```html\r\n<bloc-pagination\r\n    [(page)]=\"currentPage\"\r\n    [totalPages]=\"24\"\r\n    [siblingCount]=\"2\"\r\n    [boundaryCount]=\"1\"\r\n></bloc-pagination>\r\n```\r\n\r\n### With first / last jump buttons\r\n\r\n```html\r\n<bloc-pagination [(page)]=\"currentPage\" [totalPages]=\"20\" [showFirstLast]=\"true\"></bloc-pagination>\r\n```\r\n\r\n### Custom labels\r\n\r\n```html\r\n<bloc-pagination\r\n    [(page)]=\"currentPage\"\r\n    [totalPages]=\"20\"\r\n    [showFirstLast]=\"true\"\r\n    prevLabel=\"Prev\"\r\n    nextLabel=\"Next\"\r\n    firstLabel=\"First\"\r\n    lastLabel=\"Last\"\r\n></bloc-pagination>\r\n```\r\n\r\n### Disabled\r\n\r\n```html\r\n<bloc-pagination [(page)]=\"currentPage\" [totalPages]=\"8\" [disabled]=\"true\"></bloc-pagination>\r\n```\r\n\r\n---\r\n\r\n## Inputs — `BlocPaginationComponent`\r\n\r\n| Input           | Type      | Default | Description                                            |\r\n| --------------- | --------- | ------- | ------------------------------------------------------ |\r\n| `page`          | `number`  | `1`     | Current page (supports two-way binding via `[(page)]`) |\r\n| `totalPages`    | `number`  | `1`     | Total number of pages                                  |\r\n| `siblingCount`  | `number`  | `1`     | Pages shown on each side of the current page button    |\r\n| `boundaryCount` | `number`  | `1`     | Pages shown at the start and end of the range          |\r\n| `showFirstLast` | `boolean` | `false` | Shows First and Last jump buttons                      |\r\n| `disabled`      | `boolean` | `false` | Disables all page buttons                              |\r\n| `prevLabel`     | `string`  | `'‹'`   | Label for the Previous button                          |\r\n| `nextLabel`     | `string`  | `'›'`   | Label for the Next button                              |\r\n| `firstLabel`    | `string`  | `'«'`   | Label for the First button                             |\r\n| `lastLabel`     | `string`  | `'»'`   | Label for the Last button                              |\r\n\r\n## Outputs\r\n\r\n| Output       | Type     | Description                             |\r\n| ------------ | -------- | --------------------------------------- |\r\n| `pageChange` | `number` | Emits the new page number on navigation |\r\n\r\n---\r\n\r\n## CSS Tokens\r\n\r\n| Token                         | Fallback  | Description                          |\r\n| ----------------------------- | --------- | ------------------------------------ |\r\n| `--bloc-pagination-active-bg` | `#374151` | Background of the active page button |\r\n| `--bloc-pagination-radius`    | `4px`     | Button border radius                 |\r\n| `--bloc-pagination-border`    | `#d1d5db` | Button border colour                 |\r\n","readmeFilename":"README.md"}