{"_id":"@bloc-ui/slider","_rev":"7-a8506afd9a63f9fa4afc0c5066b3fda2","name":"@bloc-ui/slider","dist-tags":{"latest":"1.0.6"},"versions":{"0.0.1":{"name":"@bloc-ui/slider","version":"0.0.1","_id":"@bloc-ui/slider@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":"2f787bbdf9180bfa4c9781bdf53c25d11cea1356","tarball":"https://registry.npmjs.org/@bloc-ui/slider/-/slider-0.0.1.tgz","fileCount":4,"integrity":"sha512-kPbazLop6ilN3p4seofwW+l0HDbQxINFy6L+KtQbmbgZhQrRT6BoTDDxY6AO69AALjGiFk/dve/GylOrZs9vBg==","signatures":[{"sig":"MEYCIQDT5ys63/FRuw3gWppiv2JU7G8I8kRQp9T3jKgo7BbMWAIhAI1zrPzwFV9opF/+Pw1ok+pH3Te2zW9RH9FCtgAmKkfB","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":19304},"module":"fesm2022/bloc-ui-slider.mjs","exports":{".":{"types":"./types/bloc-ui-slider.d.ts","default":"./fesm2022/bloc-ui-slider.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"58631622a80eae661e0affa0c9deca88f490cdf9","typings":"types/bloc-ui-slider.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-slider"},"_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/forms":"^21.2.0","@angular/common":"^21.2.0"},"_npmOperationalInternal":{"tmp":"tmp/slider_0.0.1_1775148348531_0.21926718626527908","host":"s3://npm-registry-packages-npm-production"}},"1.0.0":{"name":"@bloc-ui/slider","version":"1.0.0","_id":"@bloc-ui/slider@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":"9a0c05e3ffe653234db00d312a1f786f7c81f787","tarball":"https://registry.npmjs.org/@bloc-ui/slider/-/slider-1.0.0.tgz","fileCount":5,"integrity":"sha512-mCIyX5tNw9+bGCHwntwG5nykslqeB7zSApKReHQOydRJM/wOFy0VM6kdymJgYONQB5ZuHdmBO6tyf0QMGvspNA==","signatures":[{"sig":"MEQCIEJ4sH0govtofrSkup42SO6KUNKdtMkuNRUC6R480s+vAiBEfhC9WHOHwHWIcRHhksO5X+/RWIaRlyWn3dLmUo+hzw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@bloc-ui%2fslider@1.0.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":21793},"module":"fesm2022/bloc-ui-slider.mjs","exports":{".":{"types":"./types/bloc-ui-slider.d.ts","default":"./fesm2022/bloc-ui-slider.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"f832a5e7e68decf50c87d89996c37e3ff983b8bb","typings":"types/bloc-ui-slider.d.ts","_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:c7269fd2-050d-48bf-b415-3dd0c10e33b3"}},"repository":{"url":"git+https://github.com/debasish1996/BLOC-UI.git","type":"git","directory":"projects/bloc-ui-slider"},"_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/forms":"^21.2.0","@angular/common":"^21.2.0"},"_npmOperationalInternal":{"tmp":"tmp/slider_1.0.0_1775451855844_0.21920750887844442","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@bloc-ui/slider","version":"1.0.1","_id":"@bloc-ui/slider@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":"cb8af54ad8246d02bf46d0cbb49a2400ceed257c","tarball":"https://registry.npmjs.org/@bloc-ui/slider/-/slider-1.0.1.tgz","fileCount":5,"integrity":"sha512-iQZohPiQmahzZwbSNfRW4hXG/TZyKe00OmR5qZ4r5qKvTU15h5NXGe69xIYa+kssdPKaG4X2TcD2JrZ8jWXpTQ==","signatures":[{"sig":"MEUCIQDFW7oidbsPAFoCkwmy6I7y4Lfr818xQm4auJJGrvAZ6wIgNEDobolB3nOApGKSx0PQcqG6lcdQA1iJ3OqB9/fB+aA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@bloc-ui%2fslider@1.0.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":21863},"module":"fesm2022/bloc-ui-slider.mjs","exports":{".":{"types":"./types/bloc-ui-slider.d.ts","default":"./fesm2022/bloc-ui-slider.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"3731c886ab4165adbdbdd0404b8af4fd2d31c749","typings":"types/bloc-ui-slider.d.ts","_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:c7269fd2-050d-48bf-b415-3dd0c10e33b3"}},"repository":{"url":"git+https://github.com/debasish1996/BLOC-UI.git","type":"git","directory":"projects/bloc-ui-slider"},"_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/forms":"^21.2.0","@angular/common":"^21.2.0"},"_npmOperationalInternal":{"tmp":"tmp/slider_1.0.1_1775536935287_0.562988258489866","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@bloc-ui/slider","version":"1.0.2","_id":"@bloc-ui/slider@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":"834d7aac0e95a2a7f4f0af5637c21a1d93ef18cd","tarball":"https://registry.npmjs.org/@bloc-ui/slider/-/slider-1.0.2.tgz","fileCount":5,"integrity":"sha512-j5TXvL0OVyR+GCq0jN6mRdTjYieC8UpH8U3LrrnduucNWD0XS8TXr3Ed0r0TFEN9aRSEWHyh7OU08d18jsLrXQ==","signatures":[{"sig":"MEUCIBeRoPEpoGjgoCv9x2QNVZND4o8nJezgV5BIdvZerJ4wAiEAgxihpW/NR40vfN6RwsiHMatkrvvR6SaKb0Xi2sBKvpg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@bloc-ui%2fslider@1.0.2","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":21863},"module":"fesm2022/bloc-ui-slider.mjs","exports":{".":{"types":"./types/bloc-ui-slider.d.ts","default":"./fesm2022/bloc-ui-slider.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"17983cd27942b6db2b299c6969903c7ea3d71ae4","typings":"types/bloc-ui-slider.d.ts","_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:c7269fd2-050d-48bf-b415-3dd0c10e33b3"}},"repository":{"url":"git+https://github.com/debasish1996/BLOC-UI.git","type":"git","directory":"projects/bloc-ui-slider"},"_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/forms":"^21.2.0","@angular/common":"^21.2.0"},"_npmOperationalInternal":{"tmp":"tmp/slider_1.0.2_1775833894290_0.4419817004669122","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@bloc-ui/slider","version":"1.0.3","_id":"@bloc-ui/slider@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":"29ee8692f3ff2c3b3f1622d589285fb807282cd5","tarball":"https://registry.npmjs.org/@bloc-ui/slider/-/slider-1.0.3.tgz","fileCount":5,"integrity":"sha512-LYm5aDB831yCd0PYhUopBN1r7Jn2gDANMTHVjOyjZtY/cmXWEQuYmQcOnFl6yjm6TAn+ghAQh9xVuKWttHTBNw==","signatures":[{"sig":"MEQCIG5LpAvwWFH3E5LLwVIzaKYu8456WDHR0ZJl3N197OiJAiADI6LrIoJdarjjjUEqpiErZe08KZOy87ywOpYkl8y7Yg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@bloc-ui%2fslider@1.0.3","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":21863},"module":"fesm2022/bloc-ui-slider.mjs","exports":{".":{"types":"./types/bloc-ui-slider.d.ts","default":"./fesm2022/bloc-ui-slider.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"1dac3254e8fdcc2ee1e63bf7a046b8cabf30b6fc","typings":"types/bloc-ui-slider.d.ts","_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:c7269fd2-050d-48bf-b415-3dd0c10e33b3"}},"repository":{"url":"git+https://github.com/debasish1996/BLOC-UI.git","type":"git","directory":"projects/bloc-ui-slider"},"_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/forms":"^21.2.0","@angular/common":"^21.2.0"},"_npmOperationalInternal":{"tmp":"tmp/slider_1.0.3_1775834716958_0.8165263618584502","host":"s3://npm-registry-packages-npm-production"}},"1.0.5":{"name":"@bloc-ui/slider","version":"1.0.5","keywords":["angular","angular-components","component-library","slider","range","forms","accessible","standalone-components","bloc-ui"],"author":{"name":"Bloc Verse"},"license":"MIT","_id":"@bloc-ui/slider@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":"81d18d9a43d28d351d7669c1f0fc375e2c8e5a6b","tarball":"https://registry.npmjs.org/@bloc-ui/slider/-/slider-1.0.5.tgz","fileCount":5,"integrity":"sha512-daUqXQtliddDitl/BdkNgW4W4qTppW/mdJt0XXLAosmj88+elYoE2/TuuvibQdRcsAjF/jBgdbL8M/Kqyh/O1Q==","signatures":[{"sig":"MEYCIQCKpIv/FYl19DUBV/Z4GynJaJAJlhKEhMT+YtpRRDgaIgIhAOr6ekqaTLXaoROhI5LwQEohaRZ5hf5MyjMRhx6edIY6","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@bloc-ui%2fslider@1.0.5","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":22307},"module":"fesm2022/bloc-ui-slider.mjs","exports":{".":{"types":"./types/bloc-ui-slider.d.ts","default":"./fesm2022/bloc-ui-slider.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"8345ba53a6062d6dd5bb1cf67f6852e62a0799c1","typings":"types/bloc-ui-slider.d.ts","_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:c7269fd2-050d-48bf-b415-3dd0c10e33b3"}},"repository":{"url":"git+https://github.com/debasish1996/BLOC-UI.git","type":"git","directory":"projects/bloc-ui-slider"},"_npmVersion":"11.11.0","description":"Range slider for Angular with forms integration and keyboard support.","directories":{},"sideEffects":false,"_nodeVersion":"24.14.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":"^21.2.0","@angular/forms":"^21.2.0","@angular/common":"^21.2.0"},"_npmOperationalInternal":{"tmp":"tmp/slider_1.0.5_1775918402153_0.6988091047733866","host":"s3://npm-registry-packages-npm-production"}},"1.0.6":{"name":"@bloc-ui/slider","version":"1.0.6","description":"Range slider for Angular with forms integration and keyboard support.","keywords":["angular","angular-components","component-library","slider","range","forms","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-slider"},"peerDependencies":{"@angular/common":"^21.2.0","@angular/core":"^21.2.0","@angular/forms":"^21.2.0"},"dependencies":{"tslib":"^2.3.0"},"sideEffects":false,"module":"fesm2022/bloc-ui-slider.mjs","typings":"types/bloc-ui-slider.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./types/bloc-ui-slider.d.ts","default":"./fesm2022/bloc-ui-slider.mjs"}},"gitHead":"abe1c2a9145e5a2a042a16ed2d52f35a653154dc","_id":"@bloc-ui/slider@1.0.6","_nodeVersion":"24.14.1","_npmVersion":"11.11.0","dist":{"integrity":"sha512-trZtscPRjzb48z/cLtS2sEqmI0BUEFeUSr7axTq8jFzNxSzFMuRhr6t29SoOQqE3P1tvn0Av4nasB0XqaLpDyw==","shasum":"b19523c42f62e085f3d0d1befe9ffe352bd93294","tarball":"https://registry.npmjs.org/@bloc-ui/slider/-/slider-1.0.6.tgz","fileCount":5,"unpackedSize":22475,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@bloc-ui%2fslider@1.0.6","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDMgfqRCgsVyJV15j1KjglA0qKMHCI+7dtQTAedQXCkAAIgIVdaKo4UEPv8oszVT+gjyCx8N0tn2w5HaJWmJg7KLqg="}]},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:c7269fd2-050d-48bf-b415-3dd0c10e33b3"}},"directories":{},"maintainers":[{"name":"bloc_ui","email":"debasishsahoo444@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/slider_1.0.6_1776135160247_0.8623289765069546"},"_hasShrinkwrap":false}},"time":{"created":"2026-04-02T16:45:48.341Z","modified":"2026-04-14T02:52:40.697Z","0.0.1":"2026-04-02T16:45:48.703Z","1.0.0":"2026-04-06T05:04:16.039Z","1.0.1":"2026-04-07T04:42:15.436Z","1.0.2":"2026-04-10T15:11:34.421Z","1.0.3":"2026-04-10T15:25:17.099Z","1.0.5":"2026-04-11T14:40:02.300Z","1.0.6":"2026-04-14T02:52:40.390Z"},"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","slider","range","forms","accessible","standalone-components","bloc-ui"],"repository":{"type":"git","url":"git+https://github.com/debasish1996/BLOC-UI.git","directory":"projects/bloc-ui-slider"},"description":"Range slider for Angular with forms integration and keyboard support.","maintainers":[{"name":"bloc_ui","email":"debasishsahoo444@gmail.com"}],"readme":"# @bloc-ui/slider\r\n\r\n> **Latest:** v1.0.6\r\n\r\nRange slider component for Angular with configurable min, max, and step values, optional label, and full Angular reactive forms integration via `ControlValueAccessor`.\r\n\r\n**[Live Documentation & Demos](https://ui.bloc-verse.com/slider)**\r\n\r\n---\r\n\r\n## Installation\r\n\r\n```bash\r\nnpm install @bloc-ui/slider\r\n```\r\n\r\n**Peer dependencies:** `@angular/common`, `@angular/core`, and `@angular/forms` ≥ 21.\r\n\r\n---\r\n\r\n## Selectors / API\r\n\r\n| Export                | Selector      | Type      | Description                         |\r\n| --------------------- | ------------- | --------- | ----------------------------------- |\r\n| `BlocSliderComponent` | `bloc-slider` | Component | Range slider with forms integration |\r\n\r\n---\r\n\r\n## Usage\r\n\r\n### With Angular reactive forms\r\n\r\n```ts\r\nimport { BlocSliderComponent } from '@bloc-ui/slider';\r\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\r\n\r\nreadonly volumeControl = new FormControl(35, { nonNullable: true });\r\n```\r\n\r\n```html\r\n<bloc-slider\r\n    label=\"Volume\"\r\n    [min]=\"0\"\r\n    [max]=\"100\"\r\n    [step]=\"5\"\r\n    [formControl]=\"volumeControl\"\r\n></bloc-slider>\r\n```\r\n\r\n### Custom range\r\n\r\n```ts\r\nreadonly budgetControl = new FormControl(60, { nonNullable: true });\r\n```\r\n\r\n```html\r\n<bloc-slider\r\n    label=\"Budget allocation\"\r\n    [min]=\"10\"\r\n    [max]=\"120\"\r\n    [step]=\"10\"\r\n    [formControl]=\"budgetControl\"\r\n></bloc-slider>\r\n```\r\n\r\n---\r\n\r\n## Inputs — `BlocSliderComponent`\r\n\r\n| Input      | Type      | Default | Description                               |\r\n| ---------- | --------- | ------- | ----------------------------------------- |\r\n| `label`    | `string`  | `''`    | Optional label displayed above the slider |\r\n| `min`      | `number`  | `0`     | Minimum value                             |\r\n| `max`      | `number`  | `100`   | Maximum value                             |\r\n| `step`     | `number`  | `1`     | Increment step                            |\r\n| `disabled` | `boolean` | `false` | Disables the slider                       |\r\n\r\n---\r\n\r\n## CSS Tokens\r\n\r\n| Token                      | Fallback  | Description                      |\r\n| -------------------------- | --------- | -------------------------------- |\r\n| `--bloc-slider-track-bg`   | `#d1d5db` | Track background colour          |\r\n| `--bloc-slider-fill-bg`    | `#374151` | Filled portion of the track      |\r\n| `--bloc-slider-thumb-bg`   | `#374151` | Thumb (handle) background colour |\r\n| `--bloc-slider-thumb-size` | `1.25rem` | Diameter of the thumb            |\r\n","readmeFilename":"README.md"}