{"_id":"@agilie/action-button","_rev":"13-2a7cb06465b92962efa823128fc79eb7","name":"@agilie/action-button","dist-tags":{"latest":"0.1.3"},"versions":{"0.1.0":{"name":"@agilie/action-button","version":"0.1.0","description":"Action button for user interactions","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/agilie/action-button.git"},"contributors":[{"name":"Agilie Team","email":"info@agilie.com","url":"https://github.com/agilie"}],"keywords":["button","action","image","UI"],"bugs":{"url":"https://github.com/agilie/action-button/issues"},"author":{"name":"Agilie Team","email":"info@agilie.com","url":"https://agilie.com"},"license":"MIT","gitHead":"81683b8cf8c143fdd8fa98d654ac177d6073dbee","homepage":"https://github.com/agilie/action-button#readme","_id":"@agilie/action-button@0.1.0","_npmVersion":"5.5.1","_nodeVersion":"8.9.0","_npmUser":{"name":"agilie-admin","email":"web@agilie.com"},"dist":{"integrity":"sha512-Kx5Z3VXKc3c3pWk5TCDCCE/wwQeApeFb92Te0sH/lsu+RpEk5e/npEIz5+dCCMxLqpAzchtU7/+E4jLwRFcoMg==","shasum":"b745b6f8a559147775831beca597db14a942a065","tarball":"https://registry.npmjs.org/@agilie/action-button/-/action-button-0.1.0.tgz","fileCount":13,"unpackedSize":41898,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcF9foCRA9TVsSAnZWagAAMEUQAKPFIga+Y/pdeVZ911kQ\nui30DEA6YIDZn0pr2I283kdA+gkT5Q8OEdkb8AmdYejJ42eA7B9vsPVJLpEv\nx/+Q46LXgbdjkHipHEGVZ6QgYpcfHPSwQsAQbA/peBn2OGdiIXnGdEOnJQBs\nmE/nJ76j0GPMq4MIkMhHw6tHVmuSQOFECTcOjHwDjPiQJ8EBAgUTffcX7gQF\njVXPUUfIg5UD/UfCXNB4MxuQTCTk39yToHAP4Ki5sSZiIMluhQeZB5TP0d77\nO8H+Qo1mmS6TH6BYJPAVjVaKyc+b0bFSwkm8w0K9DTQUW0TknDRwg2uTvQ3w\nTp+xWUkr0uZUmOHMz4eN5B2bhgPADoaN4URnw9HSnksu0aMGhqx82MaVPnJA\nw17EpUhWYGLvYIIR0E6bkl1I6R98+ZewoidZCpOBXKBZKYMwKbDbpKLa7Ycl\nk0th0cs+dhs+Miw/J2a4wiYRuOfWA2WnNjgQitAgoJ33xOpMpxy0K1Y8ry/J\n0tJo95NddGWKejJvW0VK5uf1Kn1BqKr9ABgp4yzOe0ER2YobfQhog3/a3CyE\nP+ptc1rh9hJGJed6cfktE5C4y8vSNAv8ZM7Tar4Xr68aI0JNEavtG8x1CDp5\nsB//zwxeBRn35K1gRk7GFhK6Y2/RzIhRrldWJyyBNaAWqam73HeCWnQPX6jA\n/CpN\r\n=YHHL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEsP2cyJdU1jQhbaASuD5Xrcs7zwcYnd+pFPWS4mLvY2AiAjAByNVgPyZq0YBw+wyJpguhw2OIDgitqDiUoTRy74vw=="}]},"maintainers":[{"name":"agilie-admin","email":"web@agilie.com"},{"name":"fargo23","email":"zolotukhin_bohdan@ukr.net"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/action-button_0.1.0_1545066471755_0.6300644632229377"},"_hasShrinkwrap":false},"0.1.1":{"name":"@agilie/action-button","version":"0.1.1","description":"Action button for user interactions","main":"dist/common.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/agilie/action-button.git"},"contributors":[{"name":"Agilie Team","email":"info@agilie.com","url":"https://github.com/agilie"}],"keywords":["button","action","image","UI"],"bugs":{"url":"https://github.com/agilie/action-button/issues"},"author":{"name":"Agilie Team","email":"info@agilie.com","url":"https://agilie.com"},"license":"MIT","gitHead":"7495de5ada8027d15814b8e4fe8f7ea48f2d1f78","homepage":"https://github.com/agilie/action-button#readme","_id":"@agilie/action-button@0.1.1","_npmVersion":"5.5.1","_nodeVersion":"8.9.0","_npmUser":{"name":"agilie-admin","email":"web@agilie.com"},"dist":{"integrity":"sha512-Wc3s5KVM0Wt9FT/3fQw1KKgWAMRiJfpA0vqJDmpw5rayc67MJ72AIG249rdn24CyxAj0BL7rnZaS+EY3uvoidg==","shasum":"271421fa63f637e9d49f3b4fbad5ae33c3b92ea6","tarball":"https://registry.npmjs.org/@agilie/action-button/-/action-button-0.1.1.tgz","fileCount":19,"unpackedSize":54626,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcIkd6CRA9TVsSAnZWagAASB4P/jkoZSqwDekWEwzEMOqZ\njNpXwHolQTZFvto2JBQt95cmhgSA2y6j9O8ay8m22tRvP5Wf7NL0nsW6MDH0\neZG/zHspkleoZCLuTZUx7+9q9Jf6C74e1MpzxYwgfc9h5bBWxR4KHvUDYIBN\n0jmfEVhptLD+FnSMSy3KuVOmTfpjC0EpaviHE0wuSE6eDTRfx2p/D4oy6JSz\nCsTH1DjcCKfHzpK6tZsvDetjWdOkXPhM6NIFbZPXwmOaUvpwn8boEmRqd+/C\nfEQBhQ6Vk/yGzPE26+b6PoHHPrMqR3OrG6wHuMiyXK3MR1PKIwIKzWCHxXKg\n3zZ5u3iMZpuAfmfdkQQdwQ+QprMoosKO5t9tqC5kyao5nKMHIYO23rjB/At5\nV3a2CF5choQKsSRyXg5Nx9Nul7ezDXH6kWc7Kylvg/p46L5OvN8+pZxyrZng\nY8dLcJWax46bIVvBsjg/OfJzVIAA0cfCufgqQGeCZ/0rs5m1K2nO0j8/dOYw\n7UluU1cqWtDqkrqX4tx07kt7o/zIOXEepuw+ONBKkDWLoZJrZao0c8G96JC0\nQK7qm6F2GxJtNXzZ5jYxaAXm7Ou/ZTVjfWG04HKUKLRPJIPTl26kMr1gAV3b\nXcmKyGmrAzP2JYWmusFhOHcsG4nfC/ffU4PtQb8E15/j/QdR3BK4Y7Rq2+Lo\nTYgt\r\n=VxY/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICDsDhefQWSnLUcpy7YVdkLHlfsNN6kRjDI+wxWu+mdsAiEAge21F1NxJEmc64Dm6YrfLowhibTH8WRKJL0g2/8wXbs="}]},"maintainers":[{"email":"web@agilie.com","name":"agilie-admin"},{"email":"zolotukhin_bohdan@ukr.net","name":"fargo23"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/action-button_0.1.1_1545750393732_0.6308266456938094"},"_hasShrinkwrap":false},"0.1.2":{"name":"@agilie/action-button","version":"0.1.2","description":"Action button for user interactions","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/agilie/action-button.git"},"contributors":[{"name":"Agilie Team","email":"info@agilie.com","url":"https://github.com/agilie"}],"keywords":["button","action","image","UI"],"bugs":{"url":"https://github.com/agilie/action-button/issues"},"author":{"name":"Agilie Team","email":"info@agilie.com","url":"https://agilie.com"},"license":"MIT","gitHead":"4bfdf1884ddd2bea93e0d7b22522d2cc54dc0939","homepage":"https://github.com/agilie/action-button#readme","_id":"@agilie/action-button@0.1.2","_npmVersion":"5.5.1","_nodeVersion":"8.9.0","_npmUser":{"name":"agilie-admin","email":"web@agilie.com"},"dist":{"integrity":"sha512-2X3hai7+DEk7SRsKj31aseatcSf7uboN6hn8MzclbFoLFj8vI/pcWee4lwT0K0w8Y5Zfhf8zn1CrUqpWNeoiPg==","shasum":"472d0dab6d7d657045f6d806e28d0cb67e36553e","tarball":"https://registry.npmjs.org/@agilie/action-button/-/action-button-0.1.2.tgz","fileCount":15,"unpackedSize":35861,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcJKzhCRA9TVsSAnZWagAArroP/2a+0t7irRDIf7aIWYcJ\nNvBVbB+N2M+HTYNnNWzSCGwszbsvVFoKt4t5iasRYu6LVUtjWY+qhVBqeM8R\nvYc+/yRRt/Y02aYDQrB3ZIDIelaKfQrmzEL0AsYEuy3TB6/FT/CNgZMabZpY\niRuNqhT3AFi2EPDfN2KiEKww+U0zJFrTTI7iwj9aGu8WzA9rQunlM+JhDjPR\nTwXBtjWyu0ESZuyMaqBQpVTzlY6WBUxCls88SSxSqvOt0iGbiIfLTCitHTsl\n6oETMgizOZD0rOzcOi+9KlpqoyRwPbAbnWJA2D8sBhPKxUwOmXDN2+JZOb9S\nytvCdrXKT/EmVuiqLWJNO5+SMokzPEUskGMKtRhInOgkZNmlZePJgIgn7IkB\nW7VaPnCiAKFVCDSXm/LDBCSg6op1iEF1aE5NoFEfHUkStx9dlU8suUVzRIDG\n4Wib0gvIvfouavZKqbcG7Sx5rH49GtRqEI2k2Lz3C0Fe4VrO31mzdOv16sFC\nBhFlpD2AhrPdJ1MqsLby0i7ZlzXo9gmdBUmCXPOG5XU/V4fO2IQlU8YD8F4h\npo1ZAMJgMxVtFKFCiw3uVHDYgSEv7i5K7q6Cnqds9versAfMhbMN4uaCQbE6\n21EQaMfWiN1KRURz379yLZTdxJ77kuE6uAp6tGdYlnuF5ni3SccKHeeehazE\nZIZa\r\n=qzSC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDo46gOSOI/+E1RNOOQWsH0YpGVVW7TOsWGKHIX6Ns5WwIhAPwPkLHtoGTYo1UjJrYyyPABgXpbX/NaGrV0cWTRph5T"}]},"maintainers":[{"email":"web@agilie.com","name":"agilie-admin"},{"email":"zolotukhin_bohdan@ukr.net","name":"fargo23"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/action-button_0.1.2_1545907424577_0.36409965478136797"},"_hasShrinkwrap":false},"0.1.3":{"name":"@agilie/action-button","version":"0.1.3","description":"Action button for user interactions","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","uglify":"browserify -p tinyify index.js > index.min.js"},"repository":{"type":"git","url":"git+https://github.com/agilie/action-button.git"},"contributors":[{"name":"Agilie Team","email":"info@agilie.com","url":"https://github.com/agilie"}],"keywords":["button","action","image","UI"],"bugs":{"url":"https://github.com/agilie/action-button/issues"},"author":{"name":"Agilie Team","email":"info@agilie.com","url":"https://agilie.com"},"license":"MIT","devDependencies":{"browserify":"^16.2.3","tinyify":"^2.5.0"},"gitHead":"150023a289098536a2c2dddb13b66b2816f54c84","homepage":"https://github.com/agilie/action-button#readme","_id":"@agilie/action-button@0.1.3","_npmVersion":"5.5.1","_nodeVersion":"8.9.0","_npmUser":{"name":"agilie-admin","email":"web@agilie.com"},"dist":{"integrity":"sha512-YR6wnC/GSici7zm+COZBJOVOkiMsnej5CR1kxA70MGx7x2gW9lXd6w3hsoSoTJqUc3mMPgbynF07VTknayi57w==","shasum":"de1f4ce0b59b3a056f0df5a65e5f9d0f6eb5f4e2","tarball":"https://registry.npmjs.org/@agilie/action-button/-/action-button-0.1.3.tgz","fileCount":16,"unpackedSize":39879,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcJRRmCRA9TVsSAnZWagAApIQP/18RysJ7sBCyATmUCPp0\n496UBke8eqZI0Jm86ELVU0F+ixw3/e6AhLQ3Z1uh6/6JUc5TFKPtKrPuKPDi\njH5H+TW9pxhrBsuAEL7r7u9OgU2ihZhlwU/Ex3Oq8bRoZggABQSf0DAZieKX\nKjx6JjOkRpHF35lZNCYa4XyCzGG0GqaTBpTESOn3peTPq+X/FH5Oh0SJb8g0\nccQPstWw99P18hkZo33z927PZ0hjpcpJc5Y+CHs72g3pv8LNeW9J8+jD/amK\nFH06Y8IZaKoPbaLr4JkXG6aSqdUS9yHNDOJPoxhYhDqzw5ol3Mosc4IR2L3U\n/ahwhKi/7Hl3XK+d5jQxpcEPaaiJ29zJ+FCfbRR/01XwSIhZfXQJ/Lf/w+mr\nmY8lvptBcu9XEOjVHqKEfOiN8hYm8E0QE+Pv48EKm6peP5Hz8NUBnTfetTkZ\n8RJQ+iEEY50ToT4Z0WG012+MF53kwJegOMCCaYIBS18QhicQd3PIEuy9gAwv\n2MA7111IcGJWcRNHGre3ul0d4DxAb8ZjTEQOPfLB457Cfmn7a5K3EGQkj4l4\nzG1rUBH1kOUuA773lV+LAQlMqwXu3KY0/GJdrbMvlSEvtOhj22Z8+YI/OI/h\nNKujA0ieFZz3hjAwcgZ/SmCYRksYj1yCD4MoRAPcIVWNt7SzpaJrbl54s4nQ\nvWv1\r\n=Bs62\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC4YU0RN7zLnnk74M3m+UL+36YGGMr6HxsDSJCM0K2XHwIgIyqx4cCQEJiem/lhwVZ3kEZSRizVeIQv8AmhBigAQV0="}]},"maintainers":[{"email":"web@agilie.com","name":"agilie-admin"},{"email":"zolotukhin_bohdan@ukr.net","name":"fargo23"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/action-button_0.1.3_1545933925602_0.14008613608981868"},"_hasShrinkwrap":false}},"time":{"created":"2018-12-17T17:07:51.579Z","0.1.0":"2018-12-17T17:07:51.931Z","modified":"2022-04-04T11:59:31.486Z","0.1.1":"2018-12-25T15:06:33.931Z","0.1.2":"2018-12-27T10:43:44.790Z","0.1.3":"2018-12-27T18:05:25.798Z"},"maintainers":[{"email":"sergey.mell@agilie.com","name":"sergey.mell"},{"email":"web@agilie.com","name":"agilie-admin"}],"description":"Action button for user interactions","homepage":"https://github.com/agilie/action-button#readme","keywords":["button","action","image","UI"],"repository":{"type":"git","url":"git+https://github.com/agilie/action-button.git"},"contributors":[{"name":"Agilie Team","email":"info@agilie.com","url":"https://github.com/agilie"}],"author":{"name":"Agilie Team","email":"info@agilie.com","url":"https://agilie.com"},"bugs":{"url":"https://github.com/agilie/action-button/issues"},"license":"MIT","readme":"# Agilie/Action-button\n\n[![install size](https://packagephobia.now.sh/badge?p=@agilie/action-button)](https://packagephobia.now.sh/result?p=@agilie/action-button)\n[![](https://img.shields.io/github/license/agilie/action-button.svg)](https://github.com/agilie/action-button/tree/master)\n\n\nThis is fixed floating action button.\n\n## Install\n\n1. From CDN:\n```html\n  <script src=\"https://unpkg.com/@agilie/action-button@0.1.1/dist/css/main.css\"></script>\n  <script src=\"https://unpkg.com/@agilie/action-button@0.1.1/dist/js/common.js\"></script>\n```\n2. From Git Repository:\n```\n$ git clone https://github.com/agilie/action-button.git\n```\n3. From NPM:\n```\n$ npm install @agilie/action-button\n```\n\n\n## Usage\n\n1. From CDN:\n```html\n<head>\n  <script src=\"https://unpkg.com/@agilie/action-button@0.1.1/dist/css/main.css\"></script>\n  <script src=\"https://unpkg.com/@agilie/action-button@0.1.1/dist/js/common.js\"></script>\n</head>\n<body>\n  <div class=\"wrap\" id=\"js-btn-wrap\">\n    <div class=\"item\"></div>\n    <div class=\"item\"></div>\n    <div class=\"item\"></div>\n  </div>\n</body>\n```\n\n```js\nvar elemsWrap = document.getElementById('js-btn-wrap');\nvar actionBtn = new ActionBtn(elemsWrap);\n```\n2. From Git Repository:\n<head>\n  <script src=\"AddButton/dist/css/main.css\"></script>\n  <script src=\"AddButton/dist/js/common.js\"></script>\n</head>\n<body>\n  <div class=\"wrap\" id=\"js-btn-wrap\">\n    <div class=\"item\"></div>\n    <div class=\"item\"></div>\n    <div class=\"item\"></div>\n  </div>\n</body>\n```\n\n```js\nvar elemsWrap = document.getElementById('js-btn-wrap');\nvar actionBtn = new ActionBtn(elemsWrap);\n```\n3. From NPM:\nimport our package from your module bundler (webpack)\n```js\nvar actionBtn = require('@agilie/action-button');\n```\n\n##### As a result:\n\n```html\n  <div class=\"addBtn__wrapper\" style=\"width: 80px; height: 80px;\">\n    <div class=\"wrap addBtn__wrap\" id=\"js-btn-wrap\" style=\"width: auto; height: auto;\">\n      <button class=\"addBtn addBtn--close\" type=\"button\" style=\"width: 80px; height: 80px; background-color: rgb(249, 180, 120); animation-iteration-count: 3;\"></button>\n      <div class=\"item addBtn__item\" style=\"height: 45px; width: 45px; background-color: rgb(117, 174, 253); transition-delay: 0s; transition-duration: 0.8s; transform: translate(0px);\"></div>\n      <div class=\"item addBtn__item\" style=\"height: 45px; width: 45px; background-color: rgb(247, 113, 109); transition-delay: 0.5s; transition-duration: 0.8s; transform: translate(0px);\"></div>\n      <div class=\"item addBtn__item\" style=\"height: 45px; width: 45px; background-color: rgb(251, 213, 112); transition-delay: 1s; transition-duration: 0.8s; transform: translate(0px);\"></div>\n    </div>\n  </div>\n```\n\n## Examples\n\n##### Base usage\n\n```html\n  <div class=\"wrap\" id=\"js-btn-wrap\">\n    <div class=\"item\"></div>\n    <div class=\"item\"></div>\n    <div class=\"item\"></div>\n  </div>\n  <script type=\"text/javascript\">\n    var elemsContainer = document.getElementById('js-btn-wrap');\n    var instances = new ActionBtn(elemsContainer);\n  </script>\n```\n![Preview](examples/default/action-button_01.png)\n![Preview](examples/default/action-button_02.png)\n\n## Contact us\nIf you have any questions, suggestions or just need a help with web or mobile development, please email us at <web@agilie.com>. You can ask us anything from basic to complex questions.\n\nWe will continue publishing new open-source projects. Stay with us, more updates will follow!\n","readmeFilename":"README.md"}