{"id":20775701,"url":"https://github.com/kennethkalmer/ember-cli-nouislider","last_synced_at":"2025-04-12T21:19:24.559Z","repository":{"id":28356372,"uuid":"31870164","full_name":"kennethkalmer/ember-cli-nouislider","owner":"kennethkalmer","description":"{{range-slider}} component for ember-cli powered by noUiSlider","archived":false,"fork":false,"pushed_at":"2025-03-13T07:32:13.000Z","size":3207,"stargazers_count":44,"open_issues_count":46,"forks_count":52,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-05T17:01:40.713Z","etag":null,"topics":["ember","ember-addon","ember-cli","nouislider","range-slider-component"],"latest_commit_sha":null,"homepage":"http://kennethkalmer.github.com/ember-cli-nouislider","language":"Handlebars","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/kennethkalmer.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","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":"2015-03-08T23:33:03.000Z","updated_at":"2024-05-30T02:28:22.000Z","dependencies_parsed_at":"2024-11-24T13:02:02.516Z","dependency_job_id":"421a80cc-1e03-472e-b590-4c3d9e55d2b5","html_url":"https://github.com/kennethkalmer/ember-cli-nouislider","commit_stats":{"total_commits":175,"total_committers":28,"mean_commits":6.25,"dds":"0.29714285714285715","last_synced_commit":"1d0c895d21eda61c5a5d302c1b8a8dec7da49dcb"},"previous_names":[],"tags_count":23,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kennethkalmer%2Fember-cli-nouislider","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kennethkalmer%2Fember-cli-nouislider/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kennethkalmer%2Fember-cli-nouislider/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kennethkalmer%2Fember-cli-nouislider/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kennethkalmer","download_url":"https://codeload.github.com/kennethkalmer/ember-cli-nouislider/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248631973,"owners_count":21136600,"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":["ember","ember-addon","ember-cli","nouislider","range-slider-component"],"created_at":"2024-11-17T12:38:38.871Z","updated_at":"2025-04-12T21:19:24.537Z","avatar_url":"https://github.com/kennethkalmer.png","language":"Handlebars","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ember-cli-nouislider\n\n[![Build Status](https://travis-ci.org/kennethkalmer/ember-cli-nouislider.svg)](https://travis-ci.org/kennethkalmer/ember-cli-nouislider)\n[![npm version](https://badge.fury.io/js/ember-cli-nouislider.svg)](http://badge.fury.io/js/ember-cli-nouislider)\n[![Code Climate](https://codeclimate.com/github/kennethkalmer/ember-cli-nouislider/badges/gpa.svg)](https://codeclimate.com/github/kennethkalmer/ember-cli-nouislider)\n[![Ember Observer Score](http://emberobserver.com/badges/ember-cli-nouislider.svg)](http://emberobserver.com/addons/ember-cli-nouislider)\n[![Open Source Helpers](https://www.codetriage.com/kennethkalmer/ember-cli-nouislider/badges/users.svg)](https://www.codetriage.com/kennethkalmer/ember-cli-nouislider)\n\nThis ember-cli addon provides you with a range-slider component, based on\n[noUiSlider](http://refreshless.com/nouislider). It includes everything you need,\nand adds no extra dependencies other than noUiSlider itself (which has no external dependencies).\n\nTo get started simply install the addon:\n\n```\n$ ember install ember-cli-nouislider\n```\n\nThis will install `nouislider` via Bower, and will include it into your application's\nmergetree, so you don't need to worry about anything there.\n\n## Compatibility\n\n* Ember.js v3.12 or above\n* Ember CLI v2.13 or above\n* Node.js v10 or above\n\n## Demo \u0026 documentation\n\nHave a look around then [demo and documentation](http://kennethkalmer.github.com/ember-cli-nouislider)\nto get a feel for how to use it.\n\n## Component\n\nYou have the opportunity to customize if needed.\n\nTo do this, generate your own component and re-export\nthe one provided:\n\n```\n$ ember g component range-slider\n```\n\n```js\n// app/components/range-slider.js\nimport RangeSlider from 'ember-cli-nouislider/components/range-slider';\n\nexport default RangeSlider;\n```\n\nInclude the slider into your views like this:\n\n```handlebars\n{{range-slider start=someValue on-change=(action \"changedAction\")}}\n```\n\nAnd setup an action handler in your route:\n\n```js\n// app/routes/my-route.js\nimport Controller from '@ember/controller';\nimport { debug } from '@ember/debug';\n\nexport default Controller.extend({\n  // ...\n  actions: {\n    // ...\n    changedAction: function(value) {\n      debug( `New slider value: ${value}`);\n    }\n  }\n});\n```\n\nSee the [documentation](https://kennethkalmer.github.com/ember-cli-nouislider/)\nfor more actions.\n\n## Configuration\n\nThe component has a lot of configurable options, most of them mapping directly\nto the [original options](http://refreshless.com/nouislider/slider-options/).\nTo see how the slider is initialized internally, please have a look at\n`app/components/range-slider.js` in this project, or browse through the\n[documentation](https://kennethkalmer.github.com/ember-cli-nouislider).\n\n\n## License\n\nThis project is licensed under the [MIT License](LICENSE.md).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkennethkalmer%2Fember-cli-nouislider","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkennethkalmer%2Fember-cli-nouislider","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkennethkalmer%2Fember-cli-nouislider/lists"}