{"_id":"@azarudheen/rn-circle-slider","_rev":"4-619329a3055db731a4ac1a64638147a2","name":"@azarudheen/rn-circle-slider","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@azarudheen/rn-circle-slider","version":"1.0.0","description":"RN circle slider","main":"index.ts","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/azarudheen2404/react-native-circle-slider.git"},"author":{"name":"Azarudheen"},"license":"ISC","bugs":{"url":"https://github.com/azarudheen2404/react-native-circle-slider/issues"},"homepage":"https://github.com/azarudheen2404/react-native-circle-slider#readme","dependencies":{"react":"16.13.1","react-native":"0.63.2","react-native-svg":"^12.1.0"},"devDependencies":{"@types/react":"^16.9.31","@types/react-native":"^0.62.1"},"publishConfig":{"access":"public"},"gitHead":"281d1faebebc43e5c249b71aef853becac7501a4","_id":"@azarudheen/rn-circle-slider@1.0.0","_nodeVersion":"15.8.0","_npmVersion":"7.5.0","dist":{"integrity":"sha512-Hjl5hkCXBurywZX1m2jQFE3jGaTFxqC22oj3W+4AKzmWIIuLlswkKvVPsHxk65OneR0Vk8Bnw6nnNpn2faR1rg==","shasum":"39df3090ebf89430a618590343baf7f36a378656","tarball":"https://registry.npmjs.org/@azarudheen/rn-circle-slider/-/rn-circle-slider-1.0.0.tgz","fileCount":7,"unpackedSize":45267,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQcKeCRA9TVsSAnZWagAAE9gP/2ef4Trj0skNW+F5FODy\ndHaKqF2cmZxWGkibBA4S9TiZGiaeuHK560dVtLFcMxVSLwKuAstVbnU44zFy\nZfmAw3Gzwgr2Machgg8skiK71d02P8gDJDiyQSFG8aklTDoYsxwesq3kc54G\nABNfsAMau0bSe6uCVHdqgCihyqV3Wvrjov7Ywerxz32/v/XBGnob4wBGUn0E\nr1QS4YJlDQNc7GlF02xq6vLlisFOprb5WMNZdNSr3KMoIPG6eupspd+j311O\n0xMiF9TfsnxInLuqKSASj+B2M0tGcO1gFJ2xfgfe8mQ/NeO4cmaaBof3FA3a\nhJONUv3kEC7nhP5qHikj/3rFnq8yvPjFzjDfKN/CL6msWe0jB8dlH/g7exCq\n7zEPh0pg1cTPu9TpIQkYftNCnIMDvO68mdHn5qjiAy/Du9cuDPFBpG1plOwK\nd56QjB6FAO6BCp2IsmS5QjgT+ccqw3M5jAx33+1rHrBqo7Ig/qc5mF5q367I\nNMJfCKi22meSN2yG60iOjF8gwQCQfpvvL0Ee5ngecSfEHmP0AWfnvhXPEzco\nx8bB50yUCDzEal9H4YCoUWKE9R8B0yP6S+Dx7PGN9UJgXZFlDZuZXfXLijJH\nxWw4Ab+NncAccX2DxYNJTs7E0fpHvxFkd/zUQz5HybaXz2i4r0/UbBPeqQQN\netjf\r\n=ejtQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCWsDTfVnIVwtYB3YaNyXzjUFoJIxL9mGmfGdQTwdkiqwIhAPvbrMpcgBBPVFt6gFKEfYcR/aGDpYBPJp4ZrrbOc0V8"}]},"_npmUser":{"name":"azarudheen","email":"azarudheen2404@gmail.com"},"directories":{},"maintainers":[{"name":"azarudheen","email":"azarudheen2404@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rn-circle-slider_1.0.0_1614922397914_0.40881452272883045"},"_hasShrinkwrap":false},"1.0.1":{"name":"@azarudheen/rn-circle-slider","version":"1.0.1","description":"RN circle slider","main":"index.ts","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/azarudheen2404/react-native-circle-slider.git"},"author":{"name":"Azarudheen"},"license":"ISC","bugs":{"url":"https://github.com/azarudheen2404/react-native-circle-slider/issues"},"homepage":"https://github.com/azarudheen2404/react-native-circle-slider#readme","dependencies":{"react":"16.13.1","react-native":"0.63.2","react-native-svg":"^12.1.0"},"devDependencies":{"@types/react":"^16.9.31","@types/react-native":"^0.62.1"},"publishConfig":{"access":"public"},"gitHead":"56cf7530b5b2f792bebb26bb5ef241184198c47d","_id":"@azarudheen/rn-circle-slider@1.0.1","_nodeVersion":"15.8.0","_npmVersion":"7.5.0","dist":{"integrity":"sha512-pIOm1k6wNtxv1a369uumAgBLV/v0eplusstM1Mep8vVzzYCr1WxqGhIDNowq6DaX72S8jNfzxkR1uoHGBeuONQ==","shasum":"75b5727d67e4a770b59b5028744d2f9476ee2e25","tarball":"https://registry.npmjs.org/@azarudheen/rn-circle-slider/-/rn-circle-slider-1.0.1.tgz","fileCount":7,"unpackedSize":45557,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUMNlCRA9TVsSAnZWagAAvKMP/Rqq5N3IRIt3mAwv/BqQ\nzwuWtT8WO3qHGq+GlwsuE0DEqHtQnV9ewfiIcw8PWspclx8S7fYmV10bW87C\ny0BlWzjEusmkNlUGHp06LY7elQ7OUq8O1boQq5ZtH5PdVogyhYZCgoVW5xy0\nwqvqgDxB3AHFSruVZO9s3vN8Qn30qK5LnmHpR+DxUa9jxPqiRH1rCfHzDmr7\nm5POe+XU63pNADA6o4fvMIkaNpiEwYOnuOMkvmBxmirHz+GXHD/HXRoHEidn\nNeuFRgzSt38LCjHKmiQa1LLGfVNZzzNyO6wWXL+5NDfQISxa3RRmYT99s5qi\n3lS2B7kPtFoBvrFjr7eHHx2USzUKQcaFVFwxrC9GeMaucfkuKUOHyswEWPOe\n/tJnIzHgHr2oLk8foexVQBTJU+h2lhVrXTmBJ1moJksWpFFy4Ag6wO9aIAFo\nkU+BN1Fpj2qgZMSPp+p9n/uQbE/CKdFvm6CgEEVbz4EMk0IiB3WDC8vqFIXH\nxBWSRV8Jtq5cqXuj3upfPue07QSxKWewZnfQWO4gylZaLUcQnVQNW65CYEOk\noDTVPuaYcuyyLUngxtg2YDftZDxp9+N/GMiKSdp+I9yTc6mzvThOtHjbv6zo\nvGkfOzMNhEGsmXzJUVAR1JtJ2WLGPTOvxS4hFB5XsVCmT9xZgZdq9FKt39Dp\nE7Ru\r\n=gJd8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICQrhjcuXottx0dYPbp8r911lUMwVxvFDxObOD7SH4EuAiEA5OBuIkTOEgXXbXFLy86BfkHkYWw3ml9sJ5xKupCuJKA="}]},"_npmUser":{"name":"azarudheen","email":"azarudheen2404@gmail.com"},"directories":{},"maintainers":[{"name":"azarudheen","email":"azarudheen2404@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rn-circle-slider_1.0.1_1615905637345_0.09669519833902629"},"_hasShrinkwrap":false},"1.0.2":{"name":"@azarudheen/rn-circle-slider","version":"1.0.2","description":"RN circle slider","main":"index.ts","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/azarudheen2404/react-native-circle-slider.git"},"author":{"name":"Azarudheen"},"license":"ISC","bugs":{"url":"https://github.com/azarudheen2404/react-native-circle-slider/issues"},"homepage":"https://github.com/azarudheen2404/react-native-circle-slider#readme","dependencies":{"react":"16.13.1","react-native":"0.63.2","react-native-svg":"^12.1.0"},"devDependencies":{"@types/react":"^16.9.31","@types/react-native":"^0.62.1"},"publishConfig":{"access":"public"},"gitHead":"ccb190f19ef43361e561dc295791aa1eacf250bb","_id":"@azarudheen/rn-circle-slider@1.0.2","_nodeVersion":"15.8.0","_npmVersion":"7.5.0","dist":{"integrity":"sha512-MF3MEmRendQF0ccO0l0Get90mUpzXKoMcMHj8utMenUxE6S8dFgC3m1RQFel0j/EjZt0py2X73ILRxb9W2rbMA==","shasum":"adff04e37b6d13dc301886a2b05570e4dc46d929","tarball":"https://registry.npmjs.org/@azarudheen/rn-circle-slider/-/rn-circle-slider-1.0.2.tgz","fileCount":7,"unpackedSize":45640,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUZbxCRA9TVsSAnZWagAAvBEP/Rzv/2mz0j20+iuxDpXg\n8J7g9MS9eCTE6A/cbeekc5O22sXI4897CJdnsdSVpm9yUQnUqn8ZDZz1XG8w\nkK2RSvHWuqh+oIkZCDpS1co/SKvszThTlEGC+VGeHQT60wL5VUQU9MNAKv3s\nAb3cQeDsZI56SDdLyJFM7rnn0sd/7OV3OyIF/GnQOhU4WinllsNEdsqVLAtA\n2ATs0tHMVGlSCDLmZ/ijK23XU1nnoGYRfYogx35WsJolWqhJ71yn0roSeEJs\nP77xIcDhZ6xWxlOnZpdRvXlhXThUogKq3u91BLIJo49HhuQr1sWj2D/rHMA9\njb6Ivjxb3ililslKAMorVJzEs+gTLK/05vwyywNLjnLBMhPcLfBcmgON+sbH\nmstfGygg/mvv3o359gBCnNQndw6rkCVKjts7OysD2Mbn9ga58WIyls1298vP\njbCaLPGkcvB0JdwgLcufG6AHH3JFydJyL64tRMF2o2x+sE5pa7fHoA/o0uOb\nnSPrrn37lOnT7a/jNC1jTf9u3NUSAlBgHSaKrrUmR5HgRqt94X5KdKOqnIO0\ntGz5WjssFGHugLtax8XdU/sCXJq+ncTbRivnsMU7rc1InCUiXiPrP8thMpcR\nOaXHc2VP8L4J6zsQBSVhCrvokmJwtRWHB0c4+WPHVMtL4OUXgofqQUCox8ki\n9EIX\r\n=d/Ya\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCIqGFIiIXQ7a7kqCQFRqFaOS1q/Jzi0Z0CSoxjaev4GwIhAIbFugrin7Au2iODd8ANoFJjFAdmMJQ2pe5lTkp6jSfy"}]},"_npmUser":{"name":"azarudheen","email":"azarudheen2404@gmail.com"},"directories":{},"maintainers":[{"name":"azarudheen","email":"azarudheen2404@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rn-circle-slider_1.0.2_1615959792715_0.08703149719578729"},"_hasShrinkwrap":false},"1.0.3":{"name":"@azarudheen/rn-circle-slider","version":"1.0.3","description":"RN circle slider","main":"index.ts","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/azarudheen2404/react-native-circle-slider.git"},"author":{"name":"Azarudheen"},"license":"ISC","bugs":{"url":"https://github.com/azarudheen2404/react-native-circle-slider/issues"},"homepage":"https://github.com/azarudheen2404/react-native-circle-slider#readme","dependencies":{"react":"16.13.1","react-native":"0.63.2","react-native-svg":"^12.1.0"},"devDependencies":{"@types/react":"^16.9.31","@types/react-native":"^0.62.1"},"publishConfig":{"access":"public"},"gitHead":"0585d17b348c15b1d866fd3e613b4f982af00329","_id":"@azarudheen/rn-circle-slider@1.0.3","_nodeVersion":"15.8.0","_npmVersion":"7.5.0","dist":{"integrity":"sha512-cg1+EaoA75KRL8+C7XMZ0AknZwZPvleuWX9CK69tMs2A35dH+5UIFuNB6rkhkQJylivBd59fd1WUIxlyq3QUVg==","shasum":"e3cfaf3d28c352a4480ffa4665366e6ecf4dd623","tarball":"https://registry.npmjs.org/@azarudheen/rn-circle-slider/-/rn-circle-slider-1.0.3.tgz","fileCount":7,"unpackedSize":45647,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUbHgCRA9TVsSAnZWagAAxk4QAIJSlzp+gj02zfq2RxQ4\n3RLsboqJNI7ZryKj/4RBrCqn0weJ3AHYx4h+vzJkpwcInjLdfKuLu7oZyCjk\nwxeXoCY88rIUbymANp4lpTfbs6I5n6uHwwMn5WHcDuXgSxLm8jqhtBr4JD4f\naZr1WVFxBvfUQEBfAkkQE1KNzTfGrs1HU/ZQaQk9bLvtgAmx8cuO+26Rd+Ee\nvE9402F5ivJuZAcHSL2bbzN5hRbsEEG4x9WBz0nngWU7DNX/DkCod26iEN+r\nnEIu78RxY01wcau9Nxk+caZkbKaH2QUbaExK12cLV9Ll8x56Vakbo0inx2OK\nqJqm+UhkEi7yX7DushARCw2cUl677Amawsp/7Y5QVfzFsB1T8uQ9sVN8EAa/\nULXZKYf0akRq8NfE3BvxfDQnM3Kp99aQ/ZOFCH6YrHk67U7dxymy/HQA5QOr\ncQEWnOVrNf56w4s1Sdw3h44N4+NCmJktF8GPxV61PRgrBI3iMLC7eftgpkBa\nsL91JIkJslU4CilgctoitHoLye06csubB8cRHZCLW+wwt1v2TzeMWDj39Cui\nQuvi0856fMVAEMWg6GJ/0gCh5Nx4b33njZjkNIMqnfWSpIdRKdOHtceSdV5z\nFGEeKSdInX+qSJmTFe0SozEQRzjP78nQa43DfQVDql8DTdGKZT30iMUCDMdF\nCfaU\r\n=wEAu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCbuSUHPgsh8pan8DWeGV24dzM5CVzisxqp5mgUSzputwIhAJFHPa+8gCaOSiu2qgc+RL0fMSsfOAZ7XeV+7YD7Zbnn"}]},"_npmUser":{"name":"azarudheen","email":"azarudheen2404@gmail.com"},"directories":{},"maintainers":[{"name":"azarudheen","email":"azarudheen2404@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rn-circle-slider_1.0.3_1615966687776_0.8558983632615371"},"_hasShrinkwrap":false}},"time":{"created":"2021-03-05T05:33:17.868Z","1.0.0":"2021-03-05T05:33:18.368Z","modified":"2022-04-04T17:15:23.255Z","1.0.1":"2021-03-16T14:40:37.490Z","1.0.2":"2021-03-17T05:43:12.827Z","1.0.3":"2021-03-17T07:38:07.935Z"},"maintainers":[{"name":"azarudheen","email":"azarudheen2404@gmail.com"}],"description":"RN circle slider","homepage":"https://github.com/azarudheen2404/react-native-circle-slider#readme","repository":{"type":"git","url":"git+https://github.com/azarudheen2404/react-native-circle-slider.git"},"author":{"name":"Azarudheen"},"bugs":{"url":"https://github.com/azarudheen2404/react-native-circle-slider/issues"},"license":"ISC","readme":"[![Language](https://img.shields.io/badge/language-ES%206-orange.svg)](https://github.com/lukehoban/es6features#readme)\n[![Platforms](https://img.shields.io/badge/platform-iOS%20%7C%20Android-lightgrey.svg)](http://facebook.github.io/react-native/docs/getting-started.html)\n[![Donate](https://img.shields.io/badge/Donate-PayPal-green.svg)](https://paypal.me/RayChooi)\n\n# React Native Circle Slider\n\n##### React native circle slider using [react-native-svg](https://github.com/react-native-community/react-native-svg) and [PanResponder](https://facebook.github.io/react-native/docs/panresponder.html).\n\n\"Circle\n\n## Install\n\nThis component is built with `React Native 0.39+` and works for Android and iOS.\n\n**Install with [npm](https://www.npmjs.com/):**\n\n```sh\nnpm i --save react-native-circle-slider\n```\n\n**Install with [yarn](https://yarnpkg.com):**\n\n```sh\n$ yarn add react-native-circle-slider\n```\n\n## Usage\n\n**Basic Usage(github file)**\n\n```javascript\nimport React, { Component } from \"react\";\nimport { View } from \"react-native\";\nimport CircleSlider from \"react-native-circle-slider\";\n\nexport default class CircleSliderContainer extends Component {\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t);\n\t}\n}\n```\n\n## Properties\n\n| Property name | Type | Default | Description |\n| ----------------- | ---------- | ------------- | ------------------------------------- |\n| **btnRadius** | _number_ | 15 | The radius of the small button |\n| **dialRadius** | _number_ | 130 | The radius of the circle slider |\n| **dialWidth** | _number_ | 5 | The width of the slider line |\n| **meterColor** | _string_ | '#0cd' | The color of slider line |\n| **fillColor** | _string_ | 'none' | The color of circle fill |\n| **onValueChange** | _function_ | x => x | Value to print on button (x=degrees) |\n| **textColor** | _string_ | '#fff' | The color of the button text |\n| **textSize** | _number_ | 10 | The size of the button text |\n| **strokeColor** | _string_ | '#fff | The color of stroke above the line |\n| **strokeWidth** | _number_ | 0.5 | The size of stroke above the line |\n| **value** | _number_ | 0 | The value of the slider (degrees) |\n| **min** | _number_ | 0 | The min limit of the slider (degrees) |\n| **max** | _number_ | 359 | The max limit of the slider (degrees) |\n| **xCenter** | _number_ | Screen center | The x coordinates of rotation center |\n| **yCenter** | _number_ | Screen center | The y coordinates of rotation center |\n\n## Notes\n\nThere seems to be an error in the React Native code where locationX and locationY do not update themselves and stay as the coordinates of the first touch.\nA small work-around was used for now by setting the coordinates for the rotation center.\n\n## License\n\nGNU General Public License v3.0\n","readmeFilename":"README.md"}