{"_id":"@arun-maddheshia/ng5-slider","_rev":"4-cac6b98b15e8ee9a6a61f557e5aa605d","time":{"1.2.4-1":"2020-07-31T08:18:14.073Z","created":"2020-07-31T08:36:16.929Z","2.0.0":"2020-07-31T08:36:17.141Z","modified":"2022-04-04T15:40:47.640Z"},"name":"@arun-maddheshia/ng5-slider","dist-tags":{"latest":"2.0.0"},"versions":{"2.0.0":{"name":"@arun-maddheshia/ng5-slider","version":"2.0.0","description":"Self-contained, mobile friendly slider component for Angular 5+ based on angularjs-slider. Customize version of ng5-slider.","keywords":["slider","ui","component","angular","ng","angular2","ng2","angular4","ng4","angular5","ng5"],"author":{"name":"Piotr Dziwinski; Arun Maddheshia","email":"arun.maddheshia@gmail.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/arun-maddheshia/ng5-slider.git"},"bugs":{"url":"https://github.com/arun-maddheshia/ng5-slider/issues"},"homepage":"https://github.com/arun-maddheshia/ng5-slider#readme","dependencies":{"detect-passive-events":"^1.0.4","rxjs":">=5.5.6","rxjs-compat":"^6.5.2","tslib":"^1.7.1"},"peerDependencies":{"@angular/core":">=5.0.2","@angular/common":">=5.0.2","@angular/forms":">=5.0.2"},"main":"bundles/arun-maddheshia-ng5-slider.umd.js","module":"esm5/arun-maddheshia-ng5-slider.js","es2015":"esm2015/arun-maddheshia-ng5-slider.js","typings":"arun-maddheshia-ng5-slider.d.ts","metadata":"arun-maddheshia-ng5-slider.metadata.json","_id":"@arun-maddheshia/ng5-slider@2.0.0","_nodeVersion":"12.0.0","_npmVersion":"6.14.1","dist":{"integrity":"sha512-upcUE5twAen7PMvcpgrlGn7Wj4Z5zMTPJBykTfM8EMfc9CveW8KiFCfylAdY2KAkVGGXlHMPcN/zS9bXqa3EMA==","shasum":"dbc166cb6a86f932c7befd194e43dbe4afc22fc0","tarball":"https://registry.npmjs.org/@arun-maddheshia/ng5-slider/-/ng5-slider-2.0.0.tgz","fileCount":29,"unpackedSize":1332566,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfI9gBCRA9TVsSAnZWagAA2x0P/12j1hldx9FExYnhirV3\nifUUNIvGENGic+u+vppOnw/0fgL8/jQtQNGKXISRE2IkIStrZa/7t5AGlULr\nBPowONHSRCt4/dSoh9RDazr+tfLV25zD1PyMTe1uR1ZyuPP1SeQgJpnM5WC5\nUTwa6TR3myWpIymAIrCPWYi+8dIrinBoe4JBrK1Xm8ejwePBoz5s00mI4vA4\nBj4bZVrZWIZxzDupQZ6/FCvIpCFGTnsliTL26ypY8D3NP+bE6jrOVOcqykt1\nXWTGX9ReQFdk4guXTfKCVw8eDgbERK7cAMnezAcuYI7DglDck/DqDCAf9xak\naMhjnIcM3lGoSko/P//YzJEOfKSxky8oqM9HqUDmkd58Eo5+Pswaf+ahU1fx\nMJFh2KZM+8mK/7FpRVs7irk81Sfi0Gpz+bZmKciuNDZN91Kj2unpG1gXm6mM\naEAZkGkEQABfykm5mdJH1uFdTiVZorfSATfOFA170IuQli+s6WL4wxJ/FUdQ\nhlRCFFPLDQsA3thBVqDJLmTYAdNB2K+VOMDuSb86jRWPGPDSbpALH+VGS4z0\nVVs8u1JEwzakIH0FJSFfnlin/vgmCVam/LHPryK/xhUsgfqTFpQHPcLPJI5a\nVA6hWKYidtY0BMxlqPwurMEswt1MOQ5gR+u/ZRNR5DdzJaGalpUWkqq6VR5f\n7+u/\r\n=68Tj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEHPVqFIO+a1kPsjoygyMTV7C38/54cviwgHBJ6+42E1AiADwVf8yhRektQJOqxMmR59FMfse7/HZwGTkADrIBkx+Q=="}]},"maintainers":[{"name":"arun-maddheshia","email":"arun.maddheshia@gmail.com"}],"_npmUser":{"name":"arun-maddheshia","email":"arun.maddheshia@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng5-slider_2.0.0_1596184576990_0.0473785491543941"},"_hasShrinkwrap":false}},"maintainers":[{"name":"arun-maddheshia","email":"arun.maddheshia@gmail.com"}],"description":"Self-contained, mobile friendly slider component for Angular 5+ based on angularjs-slider. Customize version of ng5-slider.","homepage":"https://github.com/arun-maddheshia/ng5-slider#readme","keywords":["slider","ui","component","angular","ng","angular2","ng2","angular4","ng4","angular5","ng5"],"repository":{"type":"git","url":"git+https://github.com/arun-maddheshia/ng5-slider.git"},"author":{"name":"Piotr Dziwinski; Arun Maddheshia","email":"arun.maddheshia@gmail.com"},"bugs":{"url":"https://github.com/arun-maddheshia/ng5-slider/issues"},"license":"MIT","readme":"# ng5-slider\n\n## Note:\n\nBased on https://github.com/angular-slider/ng5-slider, upgraded to work with customize solution.\n\n[![npm version](https://badge.fury.io/js/ng5-slider.svg)](https://badge.fury.io/js/ng5-slider)\n[![Travis CI Build](https://travis-ci.org/angular-slider/ng5-slider.svg?branch=master)](https://travis-ci.org/angular-slider/ng5-slider)\n\nWebsite: https://angular-slider.github.io/ng5-slider/\n\nSelf-contained, mobile friendly slider component for Angular 5+ based on [angularjs-slider](https://github.com/angular-slider/angularjs-slider).\n\n## Demos\n\n * Single slider - [StackBlitz](https://stackblitz.com/edit/ng5-slider-simple-slider-example?file=src%2Fapp%2Fapp.component.ts)\n\n   ![simple slider image](https://raw.githubusercontent.com/angular-slider/ng5-slider/master/assets/simple-slider.png)\n\n * Range slider - [StackBlitz](https://stackblitz.com/edit/ng5-slider-range-slider-example?file=src%2Fapp%2Fapp.component.ts)\n\n   ![range slider image](https://raw.githubusercontent.com/angular-slider/ng5-slider/master/assets/range-slider.png)\n\n * Slider with ticks - [StackBlitz](https://stackblitz.com/edit/ng5-slider-ticks-example?file=src%2Fapp%2Fapp.component.ts)\n\n   ![ticks slider image](https://raw.githubusercontent.com/angular-slider/ng5-slider/master/assets/ticks-slider.png)\n\n * Customised slider - [StackBlitz](https://stackblitz.com/edit/ng5-slider-customised-range-slider-example?file=src%2Fapp%2Fapp.component.ts)\n\n   ![customised slider image](https://raw.githubusercontent.com/angular-slider/ng5-slider/master/assets/customised-slider.png)\n\n * Slider with custom style - [StackBlitz](https://stackblitz.com/edit/ng5-slider-styled-slider-example?file=src%2Fapp%2Fapp.component.ts)\n\n   ![styled slider image](https://raw.githubusercontent.com/angular-slider/ng5-slider/master/assets/styled-slider.png)\n\n * Vertical slider - [StackBlitz](https://stackblitz.com/edit/ng5-slider-vertical-slider-example?file=src%2Fapp%2Fapp.component.ts)\n\n   ![vertical slider image](https://raw.githubusercontent.com/angular-slider/ng5-slider/master/assets/vertical-slider.png)\n\n * [More examples on official website](https://angular-slider.github.io/ng5-slider/demos)\n\n## Dependencies\n\n * Angular 5+\n * rxjs 5+\n\n## Installation\n\nTo add the slider to your Angular project:\n```\nnpm install --save @arun-maddheshia/ng5-slider\n```\n\nOnce installed, add the slider to your `app.module.ts`:\n```typescript\nimport { Ng5SliderModule } from '@arun-maddheshia/ng5-slider';\n\n...\n\n@NgModule({\n   ...\n   imports: [\n     ...\n     Ng5SliderModule,\n    ...\n   ],\n   ...\n})\nexport class AppModule {}\n```\n\n## Sample usage\n\nNow you can use the slider component in your app components, for example in `app.component.ts`:\n```typescript\nimport { Options } from '@arun-maddheshia/ng5-slider';\n...\n\n@Component({...})\nexport class AppComponent {\n  value: number = 100;\n  options: Options = {\n    floor: 0,\n    ceil: 200\n  };\n}\n```\n\nAnd in template file `app.component.html`:\n```html\n<ng5-slider [(value)]=\"value\" [options]=\"options\"></ng5-slider>\n```\n\n## Documentation\nFull API documentation is available on [official website](https://angular-slider.github.io/ng5-slider/docs).\n\n## Styling\n\nAn overview of how to apply your own style to the slider is described in [STYLING.md](STYLING.md).\n\n## Animations\n\nAs of v1.2.0 the slider features CSS animations of slider movement. If you prefer the previous behaviour, without animations, you can set the flag `animate: false` in your slider options.\n\n## Tooltips\n\nThe slider allows for customising how to implement tooltips. See [TOOLTIPS.md](TOOLTIPS.md) for more information.\n\n## Known Issues\n\nBefore reporting a new bug, please look at [KNOWN_ISSUES.md](KNOWN_ISSUES.md) for a list of known problems and their workarounds. New bugs reports for these problems will not be accepted.\n\n## Bugs\n\nYou can report any bugs as [Github issues](https://github.com/angular-slider/ng5-slider/issues).\n\nPlease describe the issue in detail pasting any relevant code, or preferrably a StackBlitz with reproduction of the problem by [forking and editing this sample StackBlitz](https://stackblitz.com/edit/ng5-slider-simple-slider-example?file=src/app/app.component.ts). Please also provide the version of NPM package you are using.\n\n## Changelog\n\nFor list of changes and bugfixes, see [CHANGELOG.md](CHANGELOG.md).\n\n## Developer information\n\nIf you would like to contribute to the project, see [DEVELOPERS.md](DEVELOPERS.md).\n\n## License\n\nThe project is licensed under the MIT license.\n","readmeFilename":"README.md"}