{"_id":"@aerian/preact-range-slider","_rev":"5-4bbddad2418d373a337428bbb5000e06","name":"@aerian/preact-range-slider","dist-tags":{"latest":"0.3.1"},"versions":{"0.3.0":{"name":"@aerian/preact-range-slider","version":"0.3.0","description":"Preact component for input values with range slider","main":"es5/index.js","module":"./es5-esm/index.js","types":"./es2015/index.d.ts","scripts":{"test":"echo \"Error: no test specified\" && exit 1","lint:scripts-project":"tslint -c tslint-type-check.json -p tsconfig.json --type-check","lint:scripts-other":"tslint \"{*.js,demo/*.js,demo/src/**/*.{ts,tsx}\"","lint":"npm run lint:scripts-project && npm run lint:scripts-other","build":"tsc","build:es5":"tsc --target es5 --outDir ./es5-esm","build:umd":"rollup -c","build:all":"npm run build && npm run build:es5 && npm run build:umd && npm run build:styles","minify":"uglifyjs ./es5/index.js -c -m -o ./es5/preact-range-slider.min.js","prepare":"npm run lint && npm run build:all && npm run minify","build:demo":"cd demo && tsc && rollup -c","build:styles":"dart-sass ./assets/index.scss > ./assets/index.css"},"repository":{"type":"git","url":"git+https://github.com/m18ru/preact-range-slider.git"},"keywords":["preact","component","slider","range","range-slider"],"author":{"name":"Andrey Avol Volynkin","email":"code@m18.ru"},"license":"MIT","bugs":{"url":"https://github.com/m18ru/preact-range-slider/issues"},"homepage":"https://github.com/m18ru/preact-range-slider#readme","peerDependencies":{"preact":"*","tslib":"^1.8.0"},"devDependencies":{"dart-sass":"^1.0.0-beta.2","preact":"^10.0.0-alpha.0","rollup":"^0.50.0","rollup-plugin-node-resolve":"^3.0.0","tslib":"^1.8.0","tslint":"^5.7.0","tslint-config-m18":"^1.6.2","typescript":"^3.3.3333","uglify-js":"^3.1.3"},"dependencies":{"classjoin":"^0.2.1"},"gitHead":"8c6acbedc1c7eaab537255ac57479851eae19525","_id":"@aerian/preact-range-slider@0.3.0","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"ascorbic","email":"m@mk.gg"},"dist":{"integrity":"sha512-RCCcUOIGp5elI3E+6lpPEfPZgrjjv1MzQOPv1n7jBk7r6tAlOGqGlWvPv6XaktLjkoTwvHSrXl+NyHtybErZsw==","shasum":"7f0744353da41ae12004f4654472d2aafe6e6804","tarball":"https://registry.npmjs.org/@aerian/preact-range-slider/-/preact-range-slider-0.3.0.tgz","fileCount":72,"unpackedSize":270176,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcrwTeCRA9TVsSAnZWagAAxUAP/1plkE2NC6CgopfOrQph\nW+0QznnyGiOV5p/kO6IammQEQWVx3XPNzLeO2PlgyOGRLtO0x1daDnDry5WE\nWJrWRC1/spADnSHv944FSUa5+PzjcC2GxOn5ZvdyUiWYkHNO5YmIreiBdUi8\nqrXsCIfS0KmOarPGnDk9BCuknNXnC8VqNaiDB6yzWR8dPyU9PhzOwwnx8hAJ\nu42CE8OWK7Rf2dRTjsC7MBIsEi0RsWcVbfgtvulAwtH5IbNAY/vkcHy+UBFI\n1Q0oIAFw8ysqWsXp9+Hoc7wCRzdOo+G1UL7PeFwqpESDWBZfDIiYMqnZlvFr\npxx5YJTInjUIx027LsDkovsCyzmUq+E12qfFp1G55exdTuBCJz2jCWhkrElb\nd+Dx0Tk8Etu6u8R/w130Tg019Ak+Vih8p5Nr04yOvD4PrWaW9er8Z2KGFH3Y\nwurOLdechMAXDz1tfsI3NO9AfZ2dj5Amt9THFpw4UlYnXdpQiF24u2C1519i\n4dnXWQFsvi/97PnLOSQ7YkpUmVbbklKRxC86IhMkFfaqyROnnTELEZw6d/cV\nteipvdNrtYo5gXK7CHB+wAt30VCX3FXxjrC0n2Qyys2rbfdKsHPQV07AqcZh\nB8he7ZXT93yWkpkoxEPtnFjZt4SBYLlTVfpxuaGVT28gxJ3VIV2LpfGStAfB\nM4lN\r\n=rtGe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHVpNwiDEdiOWpoVPLeSOvBbonxrRts+z9Tx16bOx39AAiAQcLctOqyHUGogSnJxzmhR5Yv4N9Ek4oyDfLGXnqtHLA=="}]},"maintainers":[{"name":"ascorbic","email":"m@mk.gg"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/preact-range-slider_0.3.0_1554973917383_0.7181090793490037"},"_hasShrinkwrap":false},"0.3.1":{"name":"@aerian/preact-range-slider","version":"0.3.1","description":"Preact component for input values with range slider","main":"es5/index.js","module":"./es5-esm/index.js","types":"./es2015/index.d.ts","scripts":{"test":"echo \"Error: no test specified\" && exit 1","lint:scripts-project":"tslint -c tslint-type-check.json -p tsconfig.json --type-check","lint:scripts-other":"tslint \"{*.js,demo/*.js,demo/src/**/*.{ts,tsx}\"","lint":"npm run lint:scripts-project && npm run lint:scripts-other","build":"tsc","build:es5":"tsc --target es5 --outDir ./es5-esm","build:umd":"rollup -c","build:all":"npm run build && npm run build:es5 && npm run build:umd && npm run build:styles","minify":"uglifyjs ./es5/index.js -c -m -o ./es5/preact-range-slider.min.js","prepare":"npm run lint && npm run build:all && npm run minify","build:demo":"cd demo && tsc && rollup -c","build:styles":"dart-sass ./assets/index.scss > ./assets/index.css"},"repository":{"type":"git","url":"git+https://github.com/aerian-studios/preact-range-slider.git"},"keywords":["preact","component","slider","range","range-slider"],"author":{"name":"Andrey Avol Volynkin","email":"code@m18.ru"},"license":"MIT","bugs":{"url":"https://github.com/m18ru/preact-range-slider/issues"},"homepage":"https://github.com/m18ru/preact-range-slider#readme","peerDependencies":{"preact":"*","tslib":"^1.8.0"},"devDependencies":{"dart-sass":"^1.0.0-beta.2","preact":"^10.0.0-alpha.0","rollup":"^0.50.0","rollup-plugin-node-resolve":"^3.0.0","tslib":"^1.8.0","tslint":"^5.7.0","tslint-config-m18":"^1.6.2","typescript":"^3.3.3333","uglify-js":"^3.1.3"},"dependencies":{"classjoin":"^0.2.1"},"gitHead":"8c6acbedc1c7eaab537255ac57479851eae19525","_id":"@aerian/preact-range-slider@0.3.1","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"ascorbic","email":"m@mk.gg"},"dist":{"integrity":"sha512-xD67H26JMB8Z67cUamRT/AyUZIq6XP6vMOud/Q4l6ZhGtWdkVlxI76sMjb5rnj77W19wLAZRO7wmenIWx8ftWA==","shasum":"384319418f1f8e06d5f65e912d5f4518aff13f64","tarball":"https://registry.npmjs.org/@aerian/preact-range-slider/-/preact-range-slider-0.3.1.tgz","fileCount":72,"unpackedSize":270274,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcrwWqCRA9TVsSAnZWagAAv6kP/2TsNdOHQ1jZYqcRGviB\nayW+c/J7VLmH3KHK8uI6KZslAh4j8x5DGcbN047yHfwqREswkev9IUXQmufh\nmqqW1TpnI2W3BXLr9Ayg4P6/qPd0yPNVq0q+ozs3RAyL3S5Z6xCe8YWayDsS\nPr/CQG6Cdk+1YmcxZ3TLbJ8HtwfuStgQMigaQ7VSbwBIpzOXIlmLRf9mhzD1\nUMYSsVuF6R392J+TkIYuBcmvku2uHSFyT4Nz3dlDtMiLbVtglxCY49qfyHIu\nMSK4SbDPMpOW483k3y1XzyDybHfGnDV4H1PuggLjZtXMfvuIKR5fzc37l/W/\n9KzoX7ZuDAZHWIENPxu1WVKpcXrK2H8XjUrYEep8jvpCqu3294JYGfqQUUa2\nnU15s4L6bCutCFycczNbA7kcZPgkvHL0HW76WdqIrYexEmf8DZa8dIIoKUDM\n5dWl9W/zzxxB0cbwq8CaGa7Fp3Y/nPtIHYsKDoxu+d8sU8+U2drmEszC4VFA\nXLUiDKtgxagH/J2HGEKoj2aFKZtdGlwnoSC27BEOCiafEDw19YS7CtMy4Qry\n/micJ7QEIucuw6+fr64XbYr3QQr3RMv+Mo/6vIg4ZnXPgYvP/Z9tNKeJj65j\nVSR8BL3exsfkJSfV3TU3+9o9hDmZ2JigOXuFiX5e9q9OFChkYrX6q0QGuiX8\nywLm\r\n=m9F+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDiapN5vgClOpblSIAUdnt8ewUv9mKZqy+GNx9u2fsULAiBeBcMFtGFaEir9IuDJU8VjTTsDNwNjcFlP4nuLIZXVxg=="}]},"maintainers":[{"name":"ascorbic","email":"m@mk.gg"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/preact-range-slider_0.3.1_1554974121701_0.539883638698001"},"_hasShrinkwrap":false}},"time":{"created":"2019-04-11T09:11:57.199Z","0.3.0":"2019-04-11T09:11:57.531Z","modified":"2022-04-04T11:48:34.602Z","0.3.1":"2019-04-11T09:15:21.901Z"},"maintainers":[{"email":"darren.ivey@aerian.com","name":"darren.ivey"},{"email":"davinux@gmail.com","name":"davinux"},{"email":"sunya.dickman@gmail.com","name":"s-unya"},{"email":"m@mk.gg","name":"ascorbic"}],"description":"Preact component for input values with range slider","homepage":"https://github.com/m18ru/preact-range-slider#readme","keywords":["preact","component","slider","range","range-slider"],"repository":{"type":"git","url":"git+https://github.com/aerian-studios/preact-range-slider.git"},"author":{"name":"Andrey Avol Volynkin","email":"code@m18.ru"},"bugs":{"url":"https://github.com/m18ru/preact-range-slider/issues"},"license":"MIT","readme":"[![NPM][npm]][npm-url]\n[![Dependencies][deps]][deps-url]\n[![DevDependencies][deps-dev]][deps-dev-url]\n\n# @aerian/preact-range-slider\n\nPreact component for input values with range slider\n\nBased on `rc-slider` for React, with a lot of changes (so, this component is not\ncompatible with original). Fork of [preact-range-slider](https://www.npmjs.com/package/preact-range-slider)\n\nWritten in TypeScript, types are also included.\n\n## Demo\n\n[On CodePen](https://codepen.io/avol/pen/LyovJb).\n\n## Installation\n\nFor bundlers and other NPM-based environments:\n\n```\nnpm install --save-dev preact tslib preact-range-slider\n```\n\nPackage `tslib` required in ES5-ESM version for `__extends` and `__assign`\nhelper functions. It's not required for ES2015 version and for UMD version\n(functions is included in UMD).\n\n## Usage\n\nThere is two components:\n\n* `Slider` — for range slider with one handle.\n* `MultiSlider` — for range slider with multiple handles (two and more).\n\n```jsx\nrender(\n\t<div>\n\t\t<Slider />\n\t\t<MultiSlider />\n\t</div>,\n\tcontainer\n);\n```\n\n### UMD\n\nUMD is default for this package, so just use something like:\n\n```js\nimport {Slider, MultiSlider} from 'preact-range-slider';\n// or\nconst {Slider, MultiSlider} = require( 'preact-range-slider' );\n```\n\nFor using directly in browser (import with `<script>` tag in HTML-file):\n\n* [Development version](https://unpkg.com/preact-range-slider/es5/index.js)\n* [Production version](https://unpkg.com/preact-range-slider/es5/preact-range-slider.min.js)\n\nYou can use AMD or `PreactRangeSlider` global variable.\n\n### ES2015 module systems\n\nPackage contain `module` property for use with ES2015 module bundlers\n(like Rollup and Webpack 2).\n\n### ES2015 code base\n\nIf you don't want to use transplitted to ES5 code, you can use included\nES2015 version.\n\nYou can directly import this version:\n\n```js\nimport {Slider, MultiSlider} from 'preact-range-slider/es2015';\n```\n\nOr specify alias in Webpack config:\n\n```js\n{\n\t// …\n\tresolve: {\n\t\textensions: ['.ts', '.tsx', '.js'],\n\t\talias: {\n\t\t\t'preact-range-slider': 'preact-range-slider/es2015',\n\t\t},\n\t},\n};\n```\n\n### Styles\n\nYou can use SCSS mixin from `preact-range-slider/assets/_mixin.scss`, where\nyou can specify prefix for internal classes:\n\n```scss\ndiv.my-range-slider\n{\n\t@import \"mixin\";\n\t@include range-slider(\"my-\");\n}\n```\n\nOr you can use compiled CSS file `preact-range-slider/assets/index.css` with\ndefault parameters (`div.range-slider` element, internal classes without\nprefix).\n\nYou can override colors by creating variables with these names:\n\n```\n$range-slider-clr-primary\n$range-slider-clr-secondary\n$range-slider-clr-disabled\n$range-slider-clr-obscured\n$range-slider-clr-text\n$range-slider-clr-dot-bg\n$range-slider-clr-handle-bg\n$range-slider-clr-tooltip-fg\n$range-slider-clr-tooltip-bg\n```\n\nlike:\n\n```scss\n$range-slider-clr-primary: $my-theme-primary-color;\n@import \"preact-range-slider/assets/index.scss\";\n```\n\n## API\n\n### Common properties\n\n| Name | Type | Default | Description |\n| ---- | ---- | ------- | ----------- |\n| `min` | `number` | `0` | The minimum value of the slider. |\n| `max` | `number` | `100` | The maximum value of the slider. |\n| `step` | `number` | `1` | Value to be added or subtracted on each step the slider makes. Step can be set to zero or less to make `marks` as steps. |\n| `marks` | `{[key: number]: string | JSX.Element | Array<string | JSX.Element>}` | `{}` | Marks on the slider. The key determines the position, and the value determines what will show. |\n| `dots` | `boolean` | `false` | Show dots on slider (with step as interval)? |\n| `included` | `boolean` | `true` | As continuous value interval (otherwise, as independent values)? |\n| `vertical` | `boolean` | `false` | Vertical slider mode? |\n| `disabled` | `boolean` | `false` | Disable control (handles can't be moved)? |\n| `className` | `string` | `'range-slider'` | Component main class name. |\n| `classesPrefix` | `string` | `''` | Prefix for secondary class names in component. |\n| `tipFormatter` | `( value: number ) => string | JSX.Element | Array<string | JSX.Element>` | `String` | A function to format value on tooltip. |\n\n### Slider properties\n\n| Name | Type | Default | Description |\n| ---- | ---- | ------- | ----------- |\n| `defaultValue` | `number` | `0` | Initial value of slider. |\n| `value` | `number` | `undefined` | Current value of slider (for controlled component). |\n| `onBeforeChange` | `( value: number ) => void` | `noop` | Triggered before value is start to change (on mouse down, etc). |\n| `onChange` | `( value: number ) => void` | `noop` | Triggered while the value of Slider changing. |\n| `onAfterChange` | `( value: number ) => void` | `noop` | Triggered after slider changes stop (on mouse up, etc). |\n\n### MultiSlider properties\n\n| Name | Type | Default | Description |\n| ---- | ---- | ------- | ----------- |\n| `defaultValue` | `number[]` | `[0, 0]` | Initial value of slider. |\n| `value` | `number[]` | `undefined` | Current value of slider (for controlled component). |\n| `count` | `number` | `1` | How many ranges to render (handles count = count + 1). |\n| `allowCross` | `boolean` | `true` | Allow handles to cross each other? |\n| `pushable` | `boolean | number` | `false` | Allow pushing of surrounding handles when moving? When set to a number, the number will be the minimum ensured distance between handles. |\n| `onBeforeChange` | `( value: number[] ) => void` | `noop` | Triggered before value is start to change (on mouse down, etc). |\n| `onChange` | `( value: number[] ) => void` | `noop` | Triggered while the value of Slider changing. |\n| `onAfterChange` | `( value: number[] ) => void` | `noop` | Triggered after slider changes stop (on mouse up, etc). |\n\n## Change Log\n\n[View changelog](CHANGELOG.md).\n\n## License\n\n[MIT](LICENSE).\n\n[npm]: https://img.shields.io/npm/v/preact-range-slider.svg\n[npm-url]: https://npmjs.com/package/preact-range-slider\n\n[deps]: https://img.shields.io/david/m18ru/preact-range-slider.svg\n[deps-url]: https://david-dm.org/m18ru/preact-range-slider\n\n[deps-dev]: https://img.shields.io/david/dev/m18ru/preact-range-slider.svg\n[deps-dev-url]: https://david-dm.org/m18ru/preact-range-slider?type=dev\n","readmeFilename":"README.md"}