{"id":13535522,"url":"https://github.com/tb/ng2-nouislider","last_synced_at":"2025-05-16T14:07:13.474Z","repository":{"id":7951976,"uuid":"56957189","full_name":"tb/ng2-nouislider","owner":"tb","description":"Angular2 noUiSlider directive","archived":false,"fork":false,"pushed_at":"2023-07-20T17:43:43.000Z","size":9749,"stargazers_count":182,"open_issues_count":72,"forks_count":114,"subscribers_count":8,"default_branch":"master","last_synced_at":"2025-04-19T16:24:56.366Z","etag":null,"topics":["angular","angular2","ng2","nouislider"],"latest_commit_sha":null,"homepage":"http://tb.github.io/ng2-nouislider/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tb.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-04-24T06:17:09.000Z","updated_at":"2025-02-03T16:34:33.000Z","dependencies_parsed_at":"2024-06-18T12:32:44.227Z","dependency_job_id":"8fb4482f-eb1c-4fe4-8f8e-bafe590ce4e9","html_url":"https://github.com/tb/ng2-nouislider","commit_stats":{"total_commits":183,"total_committers":29,"mean_commits":6.310344827586207,"dds":0.4808743169398907,"last_synced_commit":"0c186b31007ff724578165b5984dfb75f96a90ba"},"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tb%2Fng2-nouislider","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tb%2Fng2-nouislider/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tb%2Fng2-nouislider/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tb%2Fng2-nouislider/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tb","download_url":"https://codeload.github.com/tb/ng2-nouislider/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253785300,"owners_count":21963943,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","angular2","ng2","nouislider"],"created_at":"2024-08-01T08:00:57.733Z","updated_at":"2025-05-16T14:07:13.459Z","avatar_url":"https://github.com/tb.png","language":"TypeScript","funding_links":[],"categories":["Uncategorized"],"sub_categories":["Uncategorized"],"readme":"# ng2-nouislider\n\n[![CI](https://github.com/tb/ng2-nouislider/actions/workflows/ci.yml/badge.svg?event=push)](https://github.com/tb/ng2-nouislider/actions/workflows/ci.yml)\n[![npm version](https://badge.fury.io/js/ng2-nouislider.svg)](https://badge.fury.io/js/ng2-nouislider)\n[![Downloads](https://img.shields.io/npm/dm/ng2-nouislider.svg)](https://npmjs.org/package/ng2-nouislider)\n[![All Contributors](https://img.shields.io/badge/all_contributors-18-orange.svg?style=flat-square)](#contributors)\n\nAngular2 nouislider component\n\nSee [demos](https://tb.github.io/ng2-nouislider/)\n\n## Install\n\n\u003e Requires Angular 14 or higher\n\n    npm i nouislider ng2-nouislider\n\n## Import\n\n    import { NouisliderModule } from 'ng2-nouislider';\n\n### Styles\n\n    @import \"nouislider/dist/nouislider.css\";\n\n## Usage\n\n### Using ngModel\n\n    \u003cnouislider [connect]=\"true\" [min]=\"0\" [max]=\"15\" [(ngModel)]=\"someRange\"\u003e\u003c/nouislider\u003e\n\n### Within reactive forms\n\n```js\nthis.form1 = this.formBuilder.group({ single: [10] });\n```\n\n```html\n\u003cform [formGroup]=\"form\"\u003e\n  \u003cnouislider [min]=\"0\" [max]=\"20\" [step]=\"0.5\" [formControl]=\"form.controls.single\"\u003e\u003c/nouislider\u003e\n\u003c/form\u003e\n```\n\n## Nouislider documentation\n\nThis component is based on [nouislider](https://refreshless.com/nouislider/). Documentation about additional settings (passed in [config] @Input) can be found [here](https://refreshless.com/nouislider/slider-options/).\n\n## Start development\n\n    corepack enable\n    pnpm i\n    pnpm start\n\n## Contributors\n\nThanks goes to these wonderful people ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)):\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --\u003e\n\n|   [\u003cimg src=\"https://avatars2.githubusercontent.com/u/71683?v=4\" width=\"100px;\"/\u003e\u003cbr /\u003e\u003csub\u003eTomasz Bak\u003c/sub\u003e](http://twitter.com/tomaszbak)\u003cbr /\u003e[💻](https://github.com/tb/ng2-nouislider/commits?author=tb 'Code') [👀](#review-tb 'Reviewed Pull Requests')    | [\u003cimg src=\"https://avatars2.githubusercontent.com/u/18688794?v=4\" width=\"100px;\"/\u003e\u003cbr /\u003e\u003csub\u003eGiacomo Mazzamuto\u003c/sub\u003e](https://github.com/gmazzamuto)\u003cbr /\u003e[💻](https://github.com/tb/ng2-nouislider/commits?author=gmazzamuto 'Code') [👀](#review-gmazzamuto 'Reviewed Pull Requests') | [\u003cimg src=\"https://avatars3.githubusercontent.com/u/7102450?v=4\" width=\"100px;\"/\u003e\u003cbr /\u003e\u003csub\u003eRyan Morris\u003c/sub\u003e](https://github.com/ryan-morris)\u003cbr /\u003e[💻](https://github.com/tb/ng2-nouislider/commits?author=ryan-morris 'Code') | [\u003cimg src=\"https://avatars2.githubusercontent.com/u/2569015?v=4\" width=\"100px;\"/\u003e\u003cbr /\u003e\u003csub\u003eSven Flickinger\u003c/sub\u003e](https://github.com/naeramarth7)\u003cbr /\u003e[💻](https://github.com/tb/ng2-nouislider/commits?author=naeramarth7 'Code') | [\u003cimg src=\"https://avatars0.githubusercontent.com/u/8615481?v=4\" width=\"100px;\"/\u003e\u003cbr /\u003e\u003csub\u003eRiku Kallio\u003c/sub\u003e](https://github.com/RichieRock)\u003cbr /\u003e[💻](https://github.com/tb/ng2-nouislider/commits?author=RichieRock 'Code') |   [\u003cimg src=\"https://avatars3.githubusercontent.com/u/5350861?v=4\" width=\"100px;\"/\u003e\u003cbr /\u003e\u003csub\u003eJohn Pinkster\u003c/sub\u003e](https://github.com/jpinkster)\u003cbr /\u003e[💻](https://github.com/tb/ng2-nouislider/commits?author=jpinkster 'Code')    |   [\u003cimg src=\"https://avatars1.githubusercontent.com/u/477298?v=4\" width=\"100px;\"/\u003e\u003cbr /\u003e\u003csub\u003eOleg Romanovskyi\u003c/sub\u003e](https://olg.io/)\u003cbr /\u003e[💻](https://github.com/tb/ng2-nouislider/commits?author=shedar 'Code')   |\n| :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |\n|                          [\u003cimg src=\"https://avatars1.githubusercontent.com/u/5629145?v=4\" width=\"100px;\"/\u003e\u003cbr /\u003e\u003csub\u003eATeal\u003c/sub\u003e](http://www.alexrteal.com)\u003cbr /\u003e[💻](https://github.com/tb/ng2-nouislider/commits?author=ATeal 'Code')                           |                            [\u003cimg src=\"https://avatars1.githubusercontent.com/u/2158235?v=4\" width=\"100px;\"/\u003e\u003cbr /\u003e\u003csub\u003eJérémy Leherpeur\u003c/sub\u003e](https://github.com/amenophis)\u003cbr /\u003e[💻](https://github.com/tb/ng2-nouislider/commits?author=amenophis 'Code')                            |      [\u003cimg src=\"https://avatars1.githubusercontent.com/u/6425649?v=4\" width=\"100px;\"/\u003e\u003cbr /\u003e\u003csub\u003eMatt Lewis\u003c/sub\u003e](https://mattlewis.me/)\u003cbr /\u003e[💻](https://github.com/tb/ng2-nouislider/commits?author=mattlewis92 'Code')      |    [\u003cimg src=\"https://avatars1.githubusercontent.com/u/5819263?v=4\" width=\"100px;\"/\u003e\u003cbr /\u003e\u003csub\u003eanysite\u003c/sub\u003e](https://github.com/anysite)\u003cbr /\u003e[📖](https://github.com/tb/ng2-nouislider/commits?author=anysite 'Documentation')     |          [\u003cimg src=\"https://avatars1.githubusercontent.com/u/3389712?v=4\" width=\"100px;\"/\u003e\u003cbr /\u003e\u003csub\u003eflmg\u003c/sub\u003e](https://github.com/flmg)\u003cbr /\u003e[💻](https://github.com/tb/ng2-nouislider/commits?author=flmg 'Code')           | [\u003cimg src=\"https://avatars2.githubusercontent.com/u/8425921?v=4\" width=\"100px;\"/\u003e\u003cbr /\u003e\u003csub\u003eSirWojtek\u003c/sub\u003e](https://github.com/SirWojtek)\u003cbr /\u003e[📖](https://github.com/tb/ng2-nouislider/commits?author=SirWojtek 'Documentation') | [\u003cimg src=\"https://avatars1.githubusercontent.com/u/596580?v=4\" width=\"100px;\"/\u003e\u003cbr /\u003e\u003csub\u003eRubén Trujillo\u003c/sub\u003e](http://bi4group.com)\u003cbr /\u003e[💻](https://github.com/tb/ng2-nouislider/commits?author=rubentrf 'Code') |\n| [\u003cimg src=\"https://avatars1.githubusercontent.com/u/12625792?v=4\" width=\"100px;\"/\u003e\u003cbr /\u003e\u003csub\u003eOlena Horal\u003c/sub\u003e](https://github.com/sharlatta)\u003cbr /\u003e[💻](https://github.com/tb/ng2-nouislider/commits?author=sharlatta 'Code') [💡](#example-sharlatta 'Examples') |                                 [\u003cimg src=\"https://avatars1.githubusercontent.com/u/316541?v=4\" width=\"100px;\"/\u003e\u003cbr /\u003e\u003csub\u003eJeremy Fry\u003c/sub\u003e](http://www.jeremyfry.com)\u003cbr /\u003e[💻](https://github.com/tb/ng2-nouislider/commits?author=jeremyfry 'Code')                                  |         [\u003cimg src=\"https://avatars0.githubusercontent.com/u/9978922?v=4\" width=\"100px;\"/\u003e\u003cbr /\u003e\u003csub\u003eTadeusz\u003c/sub\u003e](https://github.com/mkp05)\u003cbr /\u003e[💻](https://github.com/tb/ng2-nouislider/commits?author=mkp05 'Code')         |   [\u003cimg src=\"https://avatars0.githubusercontent.com/u/2358714?v=4\" width=\"100px;\"/\u003e\u003cbr /\u003e\u003csub\u003ePhilippe Roy\u003c/sub\u003e](http://philipperoy.github.io)\u003cbr /\u003e[💻](https://github.com/tb/ng2-nouislider/commits?author=PhilippeRoy 'Code')    |\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:END --\u003e\n\nThis project follows the [all-contributors](https://github.com/kentcdodds/all-contributors) specification.\nContributions of any kind are welcome!\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftb%2Fng2-nouislider","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftb%2Fng2-nouislider","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftb%2Fng2-nouislider/lists"}