{"_id":"ip-slider","_rev":"1-e035898008c5ae636145a4036c7160f7","name":"ip-slider","dist-tags":{"latest":"0.0.1"},"versions":{"0.0.1":{"name":"ip-slider","version":"0.0.1","private":false,"description":"A simple wrapper around HTML5 Element.","module":"dist/esm/index.js","main":"dist/index.js","types":"dist/types/components.d.ts","collection":"dist/collection/collection-manifest.json","scripts":{"build":"stencil build","start":"stencil build --dev --watch --serve"},"dependencies":{},"devDependencies":{"@stencil/core":"~0.13.2","@stencil/sass":"^0.1.1"},"repository":{"type":"git","url":"git+https://github.com/wanoo21/ip-range.git"},"author":{"name":"Ion Prodan"},"license":"MIT","bugs":{"url":"https://github.com/wanoo21/ip-range/issues"},"homepage":"https://github.com/wanoo21/ip-range","gitHead":"a54fd573b798cd5b71f309a449a9e5fc7a9c07e7","_id":"ip-slider@0.0.1","_npmVersion":"6.4.1","_nodeVersion":"8.11.2","_npmUser":{"name":"wanoo21","email":"ionprodan33@gmail.com"},"dist":{"integrity":"sha512-Tjwyhsj0Ze/xUuNv5EEjOojTQoGAAWTwI6o5GqmLuOWT/wqd3swTQdSqZEod3v/RxAkVQd63SqX/ubI8XviRDQ==","shasum":"cf2d7e57a3e5f50a83638e98b932841f791adc97","tarball":"https://registry.npmjs.org/ip-slider/-/ip-slider-0.0.1.tgz","fileCount":42,"unpackedSize":296058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbyJ6YCRA9TVsSAnZWagAAvAkP/ji82gMcGyoZguZGQUZJ\ndJ8rsmAWwX1E1++nh0UjAKmTA2DMuXYqL51N19521dUEi7hJfO0LO1DtfMN6\nlsV9B/bldVQ7qIoPl8QPbqP8LabOLqb7ilgWndMOjtODzwg4CD9vdGq58fcD\nzHPGPu7sMgdH+l84Su+H73MxvMljFsaKS1o6sVoJ1DS1Ytq3bwKaKCp6mmPc\nNfscxAkU6w1WUxtjYjbMbRXakvVKDmEBiprtFST2EMr5VW9c2V4CXi3H2xPa\nUP76y5zyRwuBpgRIlPjUIBUzitrCFQIq38r53UqSnToEsF8kBhhdc/gN8uPc\n6v9QMTUTxttTya7SeAUvNnW7E+MxUxRG3g0y6QDEbnFT0K+/Z8mbsUC6LwZF\n8Wdf3aGEyH3dZqUWtFEbGRX9+QQo+ttaldMrsGde2E0FFz64eQLxqN84VzBC\nm1aTupXgHZo/HgaL0WWXwgXCc1fJLQXyAF1gU6eWZdZzKFoHUaNPpohKxc4v\ngLCJM03lsdVHTDlVhaL5OkGcIZME6NDD+eGr6fYVpRA+i6B0/SJoWc9shY9S\nRqHKwk+22TStBz2Nq/H5Q68I4VfzdRrOzDxYklcaAC0xG3uqxhLr3qsyfOEB\nPzuF2eAIAIVmNhE5NyNXYA4DLr1RWQ4N9vr2wXo1+6O3CAYQP8junjDXlTdQ\nh1IV\r\n=X/LJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD6Qrcosrz/qBHr9dLJOPhLynx4/UGCiVAJvAapMosR6wIgZlV10jCSQJO3Z2uVrVaCH7LJvTl++bRNo9un7N90dZw="}]},"maintainers":[{"name":"wanoo21","email":"ionprodan33@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ip-slider_0.0.1_1539874456001_0.7779168827194063"},"_hasShrinkwrap":false}},"time":{"created":"2018-10-18T14:54:16.001Z","0.0.1":"2018-10-18T14:54:16.129Z","modified":"2022-05-06T03:22:04.494Z"},"maintainers":[{"name":"wanoo21","email":"ionprodan33@gmail.com"}],"description":"A simple wrapper around HTML5 Element.","homepage":"https://github.com/wanoo21/ip-range","repository":{"type":"git","url":"git+https://github.com/wanoo21/ip-range.git"},"author":{"name":"Ion Prodan"},"bugs":{"url":"https://github.com/wanoo21/ip-range/issues"},"license":"MIT","readme":"# IP Slider\n\n![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)\n[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/ip-slider)\n\nA simple wrapper around `` HTML5 Element.\n\nThe range input itself has browser support about like: Firefox 23+, Safari 4+, iOS 5+, Chrome 6+, Opera 11+, IE 10+, Android 4.2+. So pretty good. This custom component should largely match that.\n\nInspired by [CSS-TRICKS](https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/).\n\n![ip slider example](https://image.ibb.co/iSZ1O0/ip-slider-ex.gif)\n\n## Install\n\n### Script tag\n\n- Put a script tag `` in the head of your index.html\n- Then you can use the `` element anywhere in your template, JSX, html etc\n\n### Node Modules\n\n- Run `npm install ip-slider --save`\n- Put a script tag similar to this `` in the head of your index.html\n- Then you can use the `` element anywhere in your template, JSX, html etc\n\n### In a Stencil app\n\n- Run `npm install ip-slider --save`\n- Add an import to the npm packages `import 'ip-slider';`\n- Then you can use the `` element anywhere in your template, JSX, html etc\n\n## Using\n\nInclude `ip-slider` element in you page:\n\n```html\n\n```\n\nAdd `disabled` attribute in order to disable.\n\nYou can get the **value** listening **oninput** event:\n\n```html\n\n```\n\nThis **event** is a **CustomEvent**:\n\n```js\nfunction yourFunction(event) {\n console.log(event.detail.value);\n}\n```\n\nTo get the real event from input, get `srcEvent`:\n\n```js\nfunction yourFunction(event) {\n console.log(event.detail.srcEvent);\n}\n```\n\nAnother option to get data:\n\n```js\nconst ipSlider = document.querySelector('ip-slider');\n\nconsole.log(ipSlider.value);\nconsole.log(ipSlider.min);\nconsole.log(ipSlider.max);\nconsole.log(ipSlider.step);\nconsole.log(ipSlider.disabled);\n```\n","readmeFilename":"readme.md"}