{"_id":"@bulatdashiev/svelte-slider","_rev":"3-d664e948153db7699f7d350661ebf925","name":"@bulatdashiev/svelte-slider","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.1":{"name":"@bulatdashiev/svelte-slider","version":"1.0.1","description":"Simple range slider for Svelte 3","svelte":"src/index.js","module":"dist/index.mjs","main":"dist/index.js","scripts":{"build":"rollup -c","prepublishOnly":"npm run build"},"devDependencies":{"@rollup/plugin-node-resolve":"^6.0.0","rollup":"^1.20.0","rollup-plugin-svelte":"^5.0.0","svelte":"^3.0.0"},"keywords":["svelte","slider","range"],"repository":{"type":"git","url":"git+https://github.com/BulatDashiev/svelte-slider.git"},"bugs":{"url":"https://github.com/BulatDashiev/svelte-slider/issues"},"homepage":"https://github.com/BulatDashiev/svelte-slider#readme","author":{"name":"BulatDashiev"},"license":"MIT","gitHead":"db992af251cb71e93b8b98d5d16cbd263296fbf6","_id":"@bulatdashiev/svelte-slider@1.0.1","_nodeVersion":"14.2.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-mGepBnquLtKUiWFwAlbo5Gukz4Y8SIYb3m1U9NaC8GjM3cgdexf6ZzkNBokiry2PZhVfcq5ohdA2f67u1dBcLA==","shasum":"97d180c5134890b55ba72c37d4a27521d96fdacb","tarball":"https://registry.npmjs.org/@bulatdashiev/svelte-slider/-/svelte-slider-1.0.1.tgz","fileCount":11,"unpackedSize":77238,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeyhtaCRA9TVsSAnZWagAALWAQAKI5uZDuwIrLowQMMBmI\nibKcDeP2jl0StfXvlU031D5LmyK36bYeCfJj3qjN3LPtD3rMuR4oo5sVT3c/\nEZmI98FRFKXWX0Z0HSC2fT+fCS5ua7wCxnBBO4mAnnBfayUTsyp40ouGEd52\nTZkg+Ns2N5X8frmB3QfMSFp4cbcZC3ZoIiCFab/umuZ52aWvLaiMDyJHmpTy\nu5kB3v1Zg2WJTTt7D3Z5WhRtVfo8rr99WZyWtWaUgioxQ9fdD8V/msT8/jqJ\nu73wM/CbxKAU/iOtY3GomYjPlaAxt0gPyIm1scH1iwLiclWW65PDxzd0ok8e\nRCKVEGaKJ4z2ppv5zePFp2/B6HFWuadXFk6pwsaIlnbfb60rhksrNYmaqKMT\nrivioP3BeB2Lnj63iQ065lCQWwoCYBb3gKB0YM1xsr8OC0OeM5SydOVjpxBi\nWUeiCfw4GxOB87jFeE3tUiHb6dGKNJfjaBoSp/ScK7xlnsJdLrqWSF4ELFKf\nK2lhp0ljFNOvHf8ogHCG2NOoG+XJgDXderSkonJX51tn0UScdwYYw3horksN\nc57EjUprdSDBRIQk1asEjqlf1IIdlcmHrAR9iH1Bo4fgBB3KWxAwpFTCChDQ\nLoA4ZEEoLuijPt1NI7XyrnenS4MAZXxGVHlkV80ByLa5vT4M0a3hutBdNuMR\nVmaM\r\n=zaXS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHtBukOqHJByQ4URGnHbBgBjttWVWPwIcv+JHbr8gsziAiEArELi44owi1WaebFEQz5HrZlCqKpAvgtQd4LlVh6m/yQ="}]},"maintainers":[{"name":"bulatdashiev","email":"bulatdashievmail@gmail.com"}],"_npmUser":{"name":"bulatdashiev","email":"bulatdashievmail@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-slider_1.0.1_1590303577831_0.8323262165396834"},"_hasShrinkwrap":false},"1.0.2":{"name":"@bulatdashiev/svelte-slider","version":"1.0.2","description":"Simple range slider for Svelte 3","svelte":"src/index.js","module":"dist/index.mjs","main":"dist/index.js","scripts":{"build":"rollup -c","prepublishOnly":"npm run build"},"devDependencies":{"@rollup/plugin-node-resolve":"^6.0.0","rollup":"^1.20.0","rollup-plugin-svelte":"^5.0.0","svelte":"^3.0.0"},"keywords":["svelte","slider","range"],"repository":{"type":"git","url":"git+https://github.com/BulatDashiev/svelte-slider.git"},"bugs":{"url":"https://github.com/BulatDashiev/svelte-slider/issues"},"homepage":"https://github.com/BulatDashiev/svelte-slider#readme","author":{"name":"BulatDashiev"},"license":"MIT","gitHead":"35a0962ae8ad04dd0733f91b8cc72eb86fa8626c","_id":"@bulatdashiev/svelte-slider@1.0.2","_nodeVersion":"14.2.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-SK6gJblequw1gYlupKfuLzo2H+F4hkXxpzM8KcloAIgQNYJjye+tDvdpsLTtKHXix+g2qqAe4y0sp+iNhemjLA==","shasum":"60d2698ce43b03d76ae7f9ac3f44cde5d2977d68","tarball":"https://registry.npmjs.org/@bulatdashiev/svelte-slider/-/svelte-slider-1.0.2.tgz","fileCount":11,"unpackedSize":77396,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeyiMFCRA9TVsSAnZWagAA8UUP/RCk5JjVbT0g7MHuDkvI\nvajsM7KYdVZVnW5ypyMlZfb7UDzz/tsjQsDE5dCAzOR0HW/O8V7InEXFMAkn\n3e7LbN6n6Mc1zWVTtw6D2q7sKUGcuE5dzjSPakQ8uJNsix2Goo9u4HeWhcVY\nH8aS2AA0Q/eD7naEAi8PJhEQ7ocHWIrJ4BQWRrXM4oNuEF3FrNb5IlDq9rQW\noXCbjIQsDuYmItiHtpeUpnJUpZhAafV5+PEOZ6s8TpemhzAoH4sUwea7whST\nwtyKDdDdY84jy9vzcbLC4QTYb8mCHI2kKQeY3RliJMR08aif1V0pMTP0SvJ3\nnFBf5QqVezeU3hKduwkfTk7tc88gqq+a7lVVMM7XObt3CguMhd0l6/XzL5MP\nf8L2bshJXSNNrzcIo7XcD5doBfhHEeivKdNlHrmzQ6139SlhVW1ngHVljksj\nGOHXnQ4cDPTDvU2xqSE3vFvEKQ/LxVkk+1z6o4HmiYribDBq7iEY1XBpmKN7\nNBLXXxIJoJVbU0qA0uJ7MF3mB3ZuUOQ6kWba/uSBkhEAUWDub9IIDluachiE\nbX4XaNIBj1pjQytRgY52wyplBUxJ34sm2NWlGTpHjLiw3gsY7TRm6RnJaclb\n8f70uS+3/62KCpUS72B3YruBuGJzt0hA7nRL6tWMLD4lBB8JKw14gazOoCbo\nC5Ry\r\n=Ltrg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFE1ph4G604Fp4pbjzV0F6ive3Wv5/XmUDPlXi56ET7wAiEA74oAcN9AnBpj3pbec6ZHzZ95L3ZjvknKwqTnXMJer6I="}]},"maintainers":[{"name":"bulatdashiev","email":"bulatdashievmail@gmail.com"}],"_npmUser":{"name":"bulatdashiev","email":"bulatdashievmail@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-slider_1.0.2_1590305541438_0.8813163530752353"},"_hasShrinkwrap":false},"1.0.3":{"name":"@bulatdashiev/svelte-slider","version":"1.0.3","description":"Simple range slider for Svelte 3","svelte":"src/index.js","module":"dist/index.mjs","main":"dist/index.js","scripts":{"build":"rollup -c","prepublishOnly":"npm run build"},"devDependencies":{"@rollup/plugin-node-resolve":"^6.0.0","rollup":"^1.20.0","rollup-plugin-svelte":"^5.0.0","svelte":"^3.0.0"},"keywords":["svelte","slider","range"],"repository":{"type":"git","url":"git+https://github.com/BulatDashiev/svelte-slider.git"},"bugs":{"url":"https://github.com/BulatDashiev/svelte-slider/issues"},"homepage":"https://github.com/BulatDashiev/svelte-slider#readme","author":{"name":"BulatDashiev"},"license":"MIT","gitHead":"c4fad3a452943d18a7b7e67001dd20ee37de3355","_id":"@bulatdashiev/svelte-slider@1.0.3","_nodeVersion":"14.2.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-GkVyqIjzQnqy0FQIm8wqRLIOFQBQ/Ewd381Y7KwABsSwiSu0eMYO0/8s4q/wlMDDb2/+U66rXlalaUokUfw8Vg==","shasum":"a26630657e0ff812410247f58e9907609bd0a166","tarball":"https://registry.npmjs.org/@bulatdashiev/svelte-slider/-/svelte-slider-1.0.3.tgz","fileCount":8,"unpackedSize":72451,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeyihWCRA9TVsSAnZWagAAkJcP/3AbLU277S6y1b1OuYpD\nZmgBr6j0U7Oe4+0XeBRoyhgPwdyC6H+/Lyif6AqjwEc/WPT3U9uQZFQXmI3P\nCGzv8pzorgekMCpL3Cw6TqHt1GVVI/h6+G2xZ5GJ1BHVwrsLeb8VdwfDNc6k\nm2din4lw3d/ANXlULgYCKl8vtO4EAxU7Nb+ucd113KBb1FvKqgPmiw75mx1d\ngzQMIbJh7OWnSqVRoTR0/mNU3LHMCDNDoyu5mWXzWjFeIPhn3ZBS6OSsLKd4\nCwGXb2TPOB2stiNQfJoWsndFtFQSzlGvAO1z8pRV/754H7xx5V/4g8xCLKYu\nYrIw5zXXsCIGpTu0P6ffbkDaFIIJvd0eFg1PNp0fod6r5kNSMQNjjWtYpioN\nQ4ebj9fMR7Gb21xnAAf0sa0Vvb1rSSzzY/fMaZK0U2YbznUuOnE2wOXJ1G6Q\ngmmZyCatesQWosHtPDsiJcNLsV3UGRkPPNsqIqgko05hD2Xwn80ziSVFRqDX\nFSiBbwP3XKsQdHVivWnQ6QApNAordbYZ7rvFVknVU6C2mapHWt48yWtOBtY/\nNHpjduF6teLJxipgHrPzfAiN6ZuKNr2LXYBKFO6NMAnPFguvD3iKuWP9tguw\nUtgq1OmiReagurKe8WicUvQw/tT1UO1to4C5Hkj5Vh4pAY/ISrKtJ2YeZrB6\nVZba\r\n=dk1R\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC5TXXzqVF8Hl4148bURp4wgRgYyLtreeOFJsija99l4gIhAPDWPjwl8K1J/PY5uYGBqczaguo1ZMKYaca/A5uJarUt"}]},"maintainers":[{"name":"bulatdashiev","email":"bulatdashievmail@gmail.com"}],"_npmUser":{"name":"bulatdashiev","email":"bulatdashievmail@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-slider_1.0.3_1590306902293_0.6615737742663768"},"_hasShrinkwrap":false}},"time":{"created":"2020-05-24T06:59:37.781Z","1.0.1":"2020-05-24T06:59:37.994Z","modified":"2022-04-04T21:03:12.558Z","1.0.2":"2020-05-24T07:32:21.646Z","1.0.3":"2020-05-24T07:55:02.534Z"},"maintainers":[{"name":"bulatdashiev","email":"bulatdashievmail@gmail.com"}],"description":"Simple range slider for Svelte 3","homepage":"https://github.com/BulatDashiev/svelte-slider#readme","keywords":["svelte","slider","range"],"repository":{"type":"git","url":"git+https://github.com/BulatDashiev/svelte-slider.git"},"author":{"name":"BulatDashiev"},"bugs":{"url":"https://github.com/BulatDashiev/svelte-slider/issues"},"license":"MIT","readme":"# svelte-slider\n\nSimple svelte range slider component. [demo](https://svelte.dev/repl/e93d43c42b434e3aa3e2a5815f805c75?version=3.22.3)\n\n## Install\n\nInstall with npm or yarn:\n\n```bash\nnpm i -D @bulatdashiev/svelte-slider\n```\n\nThen import `Slider` component to your Svelte app.\n\n```js\nimport Slider from '@bulatdashiev/svelte-slider';\n```\n\n## Usage\n\n### Simple usage\n```html\n<Slider bind:value >\n```\n\n### Range input\n```html\n<Slider bind:value range />\n```\n\n### Min, max and step\n```html\n<Slider min=\"-50\" max=\"50\" step=\"10\" bind:value range />\n```\n\nYou can `bind`  to min, max and value, slider will change according to props change\n\n### Slots\n\nDefault slot\n```html\n<Slider bind:value>\n  <span style=\"font-size: 20px;\">&#128079;</span>\n</Slider>\n```\n\nLeft, right slots\n```html\n<Slider bind:value range>\n  <span slot=\"left\" style=\"font-size: 20px;\">&#128078;</span>\n  <span slot=\"right\" style=\"font-size: 20px;\">&#128077;</span>\n</Slider>\n```\n\n## Props\n\n|Name|Type|Default|Description|\n|---|---|---|---|\n|value|Array [number, number]|`[min, max]`||\n|min|number|`0`||\n|max|number|`100`||\n|step|number|`1`||\n|name|Array [string, string]|empty array|Provide names to inputs if you want use slider in form input|\n|range|boolean|`false`|Set to `true` to use range input|\n|order|boolean|`false`|Set to `true` if you want value[0] always be greater then value[1]|\n\n## Slots\n\n- `default` - customizes both thumbs if `left` or `right` slots isn't provided\n- `left` - provide to customize left thumb\n- `right` - provide to customize right thumb\n\n\n## Events\n\n- `input` - event fires when the value changes within thumb drag\n\n## Style\n\n```css\n:root {\n  --track-bg: #ebebeb;\n  --progress-bg: #8abdff;\n  --thumb-bg: #5784fd;\n}\n```\n\nset `--thumb-bg` to `transparent` if you use custom thumb\n```css\n:root {\n  --thumb-bg: transparent;\n}\n```\n\n## License\n\nMIT &copy; BulatDashiev","readmeFilename":"README.md"}