{"_id":"@2alheure/vue-toggle","_rev":"3-f6440d1f034a672c86307e535bf14692","name":"@2alheure/vue-toggle","dist-tags":{"latest":"1.1.1"},"versions":{"1.0.0":{"name":"@2alheure/vue-toggle","version":"1.0.0","description":"A Simple VueJS toggle button","main":"./src/Toggle.vue","scripts":{"test":"vue serve src/Toggle.vue"},"repository":{"type":"git","url":"git+https://github.com/2alheure/vuejs_toggle.git"},"keywords":["Vue.js","Button","Component","Toggle"],"author":{"name":"2alheure","email":"contact@2alheure.fr"},"license":"WTFPL","bugs":{"url":"https://github.com/2alheure/vuejs_toggle/issues"},"homepage":"https://github.com/2alheure/vuejs_toggle#readme","gitHead":"5cb85a3c804d9c4e4437e47cc11a88e43cad0cab","_id":"@2alheure/vue-toggle@1.0.0","_nodeVersion":"14.6.0","_npmVersion":"6.14.6","dist":{"integrity":"sha512-8PjRP767cnLdYSHPUgrr3oTrxvgm8Sf0TIjo1b30xnfoFnfDb72oJOsVxfSA1HGYO9uQvPrmYaN1wPUstLOSDA==","shasum":"ac58e635295d32d6b2ce007b142e008e271a96a5","tarball":"https://registry.npmjs.org/@2alheure/vue-toggle/-/vue-toggle-1.0.0.tgz","fileCount":3,"unpackedSize":3646,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkU/oCRA9TVsSAnZWagAA7ooP/2NtPBJezf7+rYUHC626\nDZaI1i07BABsP0KVD+mhTBmTOnxTmVpt8A+Dv0L98tzpO8Cqsp/cDEFPqvuM\nFszBAOzrG5fPLJ5Xt/sNGmXQJFALLs02AAFLWVjUAqAsI6UpzY6fH/XjG8Xe\neqz9N4lzUkJTruapHtlUoqsD8Xo3kmDZ0PtbQ593N/rrT0U5IyuckvoHnyv3\nObHxv/ymDoZFQeprMlAV4e3YZIS2Av3I74493ykxydS1y6xpWglYEZjl8Z+T\n2e2TZEgQAy880vXTKCSPPDVB3i0c0Jg/E3fvRJc66aLwE+wnbrfmrsl7qoXV\nv5BAtIdvJcodDA+vJVFjHfbKtpVv8/FKmDfyOtr49H1xXW6NbSuPjz6et0xV\nyAgYCuYoOCMjRqb2kenlFPc4Ci7RaHQmBx58KJ8Rj2nqyh7V16+dsMh+Abae\n6TETc1HX175aTH9TGTRpTb2/dvCIsUC2yJ/TIVsqhv03hlPWegjUUqfpr+22\ng5KE86WthCjmE0uxp48GTajxv8Wt3OaY3Q6B8gI/WCWMDO3uHhsJICY/USBz\nVTfjWzWlKVcE5w9pXFvKcdzvbz2P1J/5a/60YoKPOW6H97liA7tvz26Phpf0\nqXDNDprN0qSmQeyIBLPoB8vPSMg7uIuwiq0zaY7lRk9Jx/PRgrWrykFQKSCc\nJt60\r\n=kRMj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEWxsnKRykbeFl/omq1mnlJzrTBsUbmN7NdQuNjydHPtAiBuagtnGNJihiYRdSgPNCWWIC2dPMJrSTy6WgsTb/Aqrw=="}]},"_npmUser":{"name":"2alheure","email":"jordan.juventin@2alheure.fr"},"directories":{},"maintainers":[{"name":"2alheure","email":"jordan.juventin@2alheure.fr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-toggle_1.0.0_1620135911902_0.8122353403183884"},"_hasShrinkwrap":false},"1.1.0":{"name":"@2alheure/vue-toggle","version":"1.1.0","description":"A Simple VueJS toggle button","main":"./src/Toggle.vue","scripts":{"test":"vue serve src/Toggle.vue"},"repository":{"type":"git","url":"git+https://github.com/2alheure/vuejs_toggle.git"},"keywords":["Vue.js","Button","Component","Toggle"],"author":{"name":"2alheure","email":"contact@2alheure.fr"},"license":"WTFPL","bugs":{"url":"https://github.com/2alheure/vuejs_toggle/issues"},"homepage":"https://github.com/2alheure/vuejs_toggle#readme","gitHead":"50c04d0ddb727878586f8e5b2662082caf29c5c1","_id":"@2alheure/vue-toggle@1.1.0","_nodeVersion":"14.6.0","_npmVersion":"6.14.6","dist":{"integrity":"sha512-6OY+972/kIf3wy3MalhDy9VZqO9izBAid2EcrTsTzQzuDGPFXvwCA9PGtqqNb3ChTHl91uFFUwePwgempCsdQQ==","shasum":"3f4ebeac049e456f87dad672341fd8462b408c6a","tarball":"https://registry.npmjs.org/@2alheure/vue-toggle/-/vue-toggle-1.1.0.tgz","fileCount":3,"unpackedSize":4258,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhH98zCRA9TVsSAnZWagAAx80QAKSjrFwI79J8meC59BxC\nuXR1wnueipmYacUFSOA2oOOiEA5I4yct3wCA6l58gDP5eKPhyWLk5ABXD321\nVdZQ9rZC1bEHlRQK1gjwHJ4DH1Yd1/A9zpOaPh32FZILS3u7VjJbGtnZp9LE\nY/B/Q7J9Cxg380OZZ8l/IuE7BLWD4halnu12v9/AGg4Eld6FdD3/vtKP6ZWm\nJVtLzIHZSB9jbyfUdsORwjMK6KPm+a+zy49gtV0QweJAHOoAd2yQME8SjoDE\nIMogLlxpOXksmi7PbtndxxXX8hOyqiNcSX3JBtSXTkWZL7FSYvibUHvFXh3/\nP2LbnfZkZpUJHaQWBHxGK6zgId5E8KGg3AVVvRDoAOci3SRM7TteRiAInASK\nnRtQIZmfyYfful0b/lpjLV/upS6CI9IKnwz6rA0pDTIkF2Cjm6O8HftAtheQ\ndUkq510+0ONeat1PJMFvZhsXSILXA0Ky30zn69IC77lRcdPNdTQKWgX0j7NI\nbP10aUgC44wFr8YQD7KGYb1E5UO97AEt3BBbJpEm20DuV4lYoYaKoCWwwVpZ\nNTGU/IWYe+1wfv3zjce9dBK3d8QXsDZTd3Zn8kKZr5ZiATC+79Zo1ypSMy0z\nM1wr1IeYPSrvvPd9HSTGSbfm+D4uUCatz6vx+t7LmyAiGB+P0AfZYYaMH2Uv\nHOzA\r\n=W5ko\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC0LFBvJL/3n5D8I04GbeLVXf97C7kgyNBw+uffYmauQQIhALgfiK/uwhSHQFwA7nn0hCx5m/wwA8gy4EOKKxs/qOs7"}]},"_npmUser":{"name":"2alheure","email":"jordan.juventin@2alheure.fr"},"directories":{},"maintainers":[{"name":"2alheure","email":"jordan.juventin@2alheure.fr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-toggle_1.1.0_1629478707263_0.7426268753614071"},"_hasShrinkwrap":false},"1.1.1":{"name":"@2alheure/vue-toggle","version":"1.1.1","description":"A Simple VueJS toggle button","main":"src/Toggle.vue","scripts":{"test":"vue serve src/Toggle.vue"},"repository":{"type":"git","url":"git+https://github.com/2alheure/vuejs_toggle.git"},"keywords":["Vue.js","Vue 3","Button","Component","Toggle"],"author":{"name":"2alheure","email":"contact@2alheure.fr"},"license":"WTFPL","bugs":{"url":"https://github.com/2alheure/vuejs_toggle/issues"},"homepage":"https://github.com/2alheure/vuejs_toggle#readme","gitHead":"558f17e8e9c8dace81eb12ebddc590b1c1e04dbe","_id":"@2alheure/vue-toggle@1.1.1","_nodeVersion":"14.6.0","_npmVersion":"6.14.6","dist":{"integrity":"sha512-LxcvuZoxkz9AK03eMueDBKfuKQ9ConcTqWeLTtmSjsk3AgBFi89R8PDILNDbSJhd7ywwz3VR4ToLHN2qgjo18Q==","shasum":"5107e4d6bb6002074ba0ee967f43172ba83ce7b0","tarball":"https://registry.npmjs.org/@2alheure/vue-toggle/-/vue-toggle-1.1.1.tgz","fileCount":3,"unpackedSize":4313,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhLeqSCRA9TVsSAnZWagAAOcAP+gN/Qw+mI7Wj43SjsfNU\nA2TibrvvA0Q3hTywhsKxU+OPbqXIUN5NPMiwIwxYuUuXCN8lh97fNuyC8a8n\nhjoaz2/1fwRE8kMy/7h+JmEZ1feA3dC/mazdK6iEi8lKut/+21Mv87ROgdjl\n43luWm/qEyFb24g0x9qs7lE7I8Ohw3u/NdEIg4FX7+ZNTGAnCgDpwjcsAGUQ\n35NxsARAGqo9l8FkJB+kCvlUgDCcx3l2Oi6yNSvpdXGyc204Tgn/KvrGcAs3\nnh4eIXZ18nOKp2bMFeYr1F0khA0Y/4CszNSq15WoYBg4WO+BOWgdFDDMimLg\nTJBQKmvW1F690iDo4TShnAgRbYq/Nq1cLcnE7wTGsF0ofrulq/sJY2eeRB27\nxfKd72auVAPxb7i3ZGsjuu/j950ViN8VZ5dYk4LHM7CNRdaF5Zs28eCh0NT1\ngi2df6XlqaEO5ivAFqCb6NI4H2Orx/DO3PMUGMVm9XKBsvFf3FkvU5wZqH0y\n2M4esBCxdTjdht5JwoP9wfc38u+4BCALkcjLchIfBVdqoCimpecJxqWilSs1\nk6l+mrM8Ffrrf0zlJLbwlDtfYRyGo/qnzx28CPuG4iHJT0sXMNInW9ZRULQP\n7MBedRVEC45/T444n0TD2i9uov5anZzBUoOhT/9MsPk+mhChrDIH1V3p6UMK\n//sE\r\n=thZs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGruowRUn2NEzQrtHkSnIv8Kp2Rjjf1fkQMvNLu410JRAiEAvPB8axwBkC+J3zA2xBjld8ULgZQBQDPlnigpe1d5fGA="}]},"_npmUser":{"name":"2alheure","email":"jordan.juventin@2alheure.fr"},"directories":{},"maintainers":[{"name":"2alheure","email":"jordan.juventin@2alheure.fr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-toggle_1.1.1_1630399122384_0.808998360952613"},"_hasShrinkwrap":false}},"time":{"created":"2021-05-04T13:45:11.798Z","1.0.0":"2021-05-04T13:45:12.028Z","modified":"2022-04-04T10:41:59.839Z","1.1.0":"2021-08-20T16:58:27.435Z","1.1.1":"2021-08-31T08:38:42.899Z"},"maintainers":[{"name":"2alheure","email":"jordan.juventin@2alheure.fr"}],"description":"A Simple VueJS toggle button","homepage":"https://github.com/2alheure/vuejs_toggle#readme","keywords":["Vue.js","Vue 3","Button","Component","Toggle"],"repository":{"type":"git","url":"git+https://github.com/2alheure/vuejs_toggle.git"},"author":{"name":"2alheure","email":"contact@2alheure.fr"},"bugs":{"url":"https://github.com/2alheure/vuejs_toggle/issues"},"license":"WTFPL","readme":"# Vue.js Toggle button\r\nA simple Vue.js toggle button.  \r\nThis component is compatible with Vue 3.\r\n\r\n- [Vue.js Toggle button](#vuejs-toggle-button)\r\n  - [Simple usage](#simple-usage)\r\n  - [Props](#props)\r\n  - [Events](#events)\r\n  - [Events](#events-1)\r\n\r\nIt has been inspired by [this article by ALEXANDRU STRATULAT](https://sandulat.com/blog/custom-switch-with-tailwind-and-vue), so check it out if you wish to understand how it works. \r\n\r\n## Simple usage\r\nFirst run `npm install @2alheure/vue-toggle`.  \r\nThen its usage is simple :  \r\n```js\r\n<template><Toggle v-model=\"isToggled\" /></template>\r\n\r\n<script>\r\nimport Toggle from \"@2alheure/vue-toggle\";\r\n\r\nexport default {\r\n  components: {\r\n    Toggle\r\n  },\r\n  data() {\r\n    return {\r\n      isToggled: false\r\n    }\r\n  }\r\n};\r\n</script>\r\n```\r\n\r\nPlease note the `v-model` directive, as it is usable as an input (and is one, intrinsically).\r\n\r\n## Props\r\n| Name       |  Type   |   Default value    | Description                                            |\r\n| :--------- | :-----: | :----------------: | ------------------------------------------------------ |\r\n| name       | String  | Some random string | The name of the inner input.                           |\r\n| colorOK    | String  |     `#0d9488`      | The color of the toggle when it is toggled ON.         |\r\n| colorKO    | String  |     `#6b7280`      | The color of the toggle when it is toggled OFF.        |\r\n| width      | String  |       `3rem`       | The width of the toggle.                               |\r\n| height     | String  |      `1.5rem`      | The height of the toggle.                              |\r\n| modelValue | Boolean |      `false`       | The prop lnked to the `v-model` directive. (mandatory) |\r\n\r\n## Events\r\n## Events\r\n| Name              | Value type |      Value       | Description                           |\r\n| :---------------- | :--------: | :--------------: | ------------------------------------- |\r\n| update:modelValue |  Boolean   | The toggle value | Emitted each time the toggle switches |\r\n","readmeFilename":"README.md"}