{"_id":"@codigo-doble/ng-go-top-button","_rev":"2-0b4debb751abec70e531820fd3365154","name":"@codigo-doble/ng-go-top-button","dist-tags":{"latest":"13.0.1"},"versions":{"13.0.0":{"name":"@codigo-doble/ng-go-top-button","version":"13.0.0","description":"A simple customizable go-top button component for Angular projects.","author":{"name":"Anna Pohorielova","email":"anya.pogorelova@gmail.com"},"contributors":[{"name":"Anna Pohorielova","email":"anya.pogorelova@gmail.com"}],"repository":{"type":"git","url":"git+https://github.com/Codigo-Doble/ng-go-top-button.git"},"license":"MIT","keywords":["angular","ng","go","top","button"],"peerDependencies":{"@angular/common":"^13.2.0","@angular/core":"^13.2.0","@angular/animations":"^13.2.0","@angular/platform-browser":"^13.2.0"},"dependencies":{"tslib":"^2.3.0"},"module":"fesm2015/codigo-doble-ng-go-top-button.mjs","es2020":"fesm2020/codigo-doble-ng-go-top-button.mjs","esm2020":"esm2020/codigo-doble-ng-go-top-button.mjs","fesm2020":"fesm2020/codigo-doble-ng-go-top-button.mjs","fesm2015":"fesm2015/codigo-doble-ng-go-top-button.mjs","typings":"codigo-doble-ng-go-top-button.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./codigo-doble-ng-go-top-button.d.ts","esm2020":"./esm2020/codigo-doble-ng-go-top-button.mjs","es2020":"./fesm2020/codigo-doble-ng-go-top-button.mjs","es2015":"./fesm2015/codigo-doble-ng-go-top-button.mjs","node":"./fesm2015/codigo-doble-ng-go-top-button.mjs","default":"./fesm2020/codigo-doble-ng-go-top-button.mjs"}},"sideEffects":false,"gitHead":"0766e9dda415fa966fa7c8500c7b305be6ccc099","bugs":{"url":"https://github.com/Codigo-Doble/ng-go-top-button/issues"},"homepage":"https://github.com/Codigo-Doble/ng-go-top-button#readme","_id":"@codigo-doble/ng-go-top-button@13.0.0","_nodeVersion":"12.22.9","_npmVersion":"8.3.1","dist":{"integrity":"sha512-5rz3eRHK413PdYJ+tWQ0FzsXc7+pIyIev/WiKs8aaXTcKutn2dScL2kPo8Sz5pAkCUZyr7xEPeg9/KhwD80BHg==","shasum":"c620acb7785bd4af314cd37225cbca0a52639dfb","tarball":"https://registry.npmjs.org/@codigo-doble/ng-go-top-button/-/ng-go-top-button-13.0.0.tgz","fileCount":14,"unpackedSize":67016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiAfG5CRA9TVsSAnZWagAArb0P/3z2iFr/QLVf9qXxgN8s\n0MWZrSP+CedE3LLi5FnbxIFv9TzfnsZGviQ7aiiZEr7uWCGCAy6n6SOH8puj\nK6G643bCCCBubbAOXtk4LaWcPhto1E1l3VdKmBO/QIoZllm/YitnSB8wjhT1\nTV+r10UFfJ6d3bgbFnP843A2MnYQ3lijuY1IIbd8SVecEAeAedWpfGOXE1Jn\ngV7amac1xA7GHwowuhoF7PhCuCRDmxixS+/6zt6OGJPLK3AAPWnPiDnDbiVA\nYlDyUDCTkwliL1Krt9MrdCOKZL+qCsGhyFzUryJvlkLa7PnBjKaCEYmUHQNH\nbyzxAsHErmqfBXg3k4DLJKV9v+nxRq1a9Qu/eBkDVFcDlhqT/nc1PRDo4Atm\n3B5/xyf0Mg2qlSG0amrSkgIfugqkgILMp77K4kZVbkeDCyDZv0VUGFqPJwQy\nOq50CG5/rQ2kaiA0zcrY+oKTmVlftjfOtjy+NLgWsrLUS3u2VnJBKGYYDAe1\nQICftbFdhWZaqnU5m6/9CVCvJt/NnljlUomGOMW1qIIuqto7kbL0Dt4JbHzx\nLf+c3IP3LzRvI+C+eTWpQDglyhj154B5RSyDpRGrFHR6ENwStheQ+KDIICVC\nPU5qvipLpwApWh9j9pewcTznKDOuOEcJVG1Yf3URfGyQc6tFFavabXkk2b9C\n0rYA\r\n=2/L5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDifpdFoS0yFYCPHSLwDXRiTlV+8BjyLetGr8UTgCFQaAiEA2iGmuI4u/maybj9yLhqW8Svz2W2yW1YHB4XwX7l+FyA="}]},"_npmUser":{"name":"antuv","email":"antu.villegas96@gmail.com"},"directories":{},"maintainers":[{"name":"antuv","email":"antu.villegas96@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-go-top-button_13.0.0_1644294584902_0.09813819833124415"},"_hasShrinkwrap":false},"13.0.1":{"name":"@codigo-doble/ng-go-top-button","version":"13.0.1","description":"A simple customizable go-top button component for Angular projects.","author":{"name":"Anna Pohorielova","email":"anya.pogorelova@gmail.com"},"contributors":[{"name":"Anna Pohorielova","email":"anya.pogorelova@gmail.com"}],"repository":{"type":"git","url":"git+https://github.com/Codigo-Doble/ng-go-top-button.git"},"license":"MIT","keywords":["angular","ng","go","top","button"],"peerDependencies":{"@angular/common":"^13.2.0","@angular/core":"^13.2.0","@angular/animations":"^13.2.0","@angular/platform-browser":"^13.2.0"},"dependencies":{"tslib":"^2.3.0"},"module":"fesm2015/codigo-doble-ng-go-top-button.mjs","es2020":"fesm2020/codigo-doble-ng-go-top-button.mjs","esm2020":"esm2020/codigo-doble-ng-go-top-button.mjs","fesm2020":"fesm2020/codigo-doble-ng-go-top-button.mjs","fesm2015":"fesm2015/codigo-doble-ng-go-top-button.mjs","typings":"codigo-doble-ng-go-top-button.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./codigo-doble-ng-go-top-button.d.ts","esm2020":"./esm2020/codigo-doble-ng-go-top-button.mjs","es2020":"./fesm2020/codigo-doble-ng-go-top-button.mjs","es2015":"./fesm2015/codigo-doble-ng-go-top-button.mjs","node":"./fesm2015/codigo-doble-ng-go-top-button.mjs","default":"./fesm2020/codigo-doble-ng-go-top-button.mjs"}},"sideEffects":false,"gitHead":"0766e9dda415fa966fa7c8500c7b305be6ccc099","bugs":{"url":"https://github.com/Codigo-Doble/ng-go-top-button/issues"},"homepage":"https://github.com/Codigo-Doble/ng-go-top-button#readme","_id":"@codigo-doble/ng-go-top-button@13.0.1","_nodeVersion":"12.22.9","_npmVersion":"8.3.1","dist":{"integrity":"sha512-3+P6e6bnuQ6TYB5ZQjQA9gfaMNuv3XUP2mMcqlBGafAX/Kn+a4+4mmtxC70VgWY0RONQgE9gmHL1BNmjzSpKFw==","shasum":"0d10f485cf1e235a2168233960e09a883bd3740e","tarball":"https://registry.npmjs.org/@codigo-doble/ng-go-top-button/-/ng-go-top-button-13.0.1.tgz","fileCount":14,"unpackedSize":69547,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiAfIHCRA9TVsSAnZWagAALhQP/0f50Xt6v0QGkzQFtQoT\nSHLDbhUXj4u5uttpaw/U1CCwl97EvHofi9JTyyrAS0luoRarGSdhm8rwP5+J\n45zW1fSduFvKlUdzs+zRPU+wi6PnFibQOZY7sYqYc4RifkAtfhY9VmZpOpiG\nUd97EyoRwwiWo1/zwthOS5wWHQx53FUoaMlhieQKCLF6rW3tiZrQxNEJU5mM\nFUcvGscziKw0kOwrRBTzY9I9R+rZps3fsG+w/PCU9Rb2Ax5hfVC4l1NwXeYn\nW04eIyhJHone+5yZTwX9kIdQhbdg1Rtpe51WzAvtdwMJyrIMZPs7KaPOfqAa\n9LdV3FXW+bsPN+T8rI5044fIE2wBsBa3E0L+KebUfQqw4NIHLP7JaFi1qacD\n+shUgD2oLzjYPomjDLDbmbs2mnhouDeTcUeVpo7rpqK0hy7m289y0kiXu/Rn\nbLedJoQ5bNYsAwxDjxojEYTui+gI82HFt34DlWOaC5S2LkNG1a2ji/m0Pd1j\nXnX98HTKygDau2TcsCy4DA4izaIvCAdvGZfqAa5jTfownLYgwBsPq5L/3sf2\nUo0LQQijvuKprRV7Rw4Nr6Ih+YLufb+ryQnH2U2CAUVQT9bJHOKQJ15BBsWZ\nMvOqYrrTaEwX9+NEwqfiVnkXky4htt2377RMJa2m0qxKeXG4YHOFjB/1cDOS\nnbD6\r\n=lAnp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHowsWajQlWubHGHF9jFkdC6YaCVfWYVnmbTKIyC6woTAiEAixc8f7akrwPG7ziEUwscFu92iPBO99jO2tM+lc8/zsM="}]},"_npmUser":{"name":"antuv","email":"antu.villegas96@gmail.com"},"directories":{},"maintainers":[{"name":"antuv","email":"antu.villegas96@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-go-top-button_13.0.1_1644294663045_0.3853522609825242"},"_hasShrinkwrap":false}},"time":{"created":"2022-02-08T04:29:44.844Z","13.0.0":"2022-02-08T04:29:45.048Z","modified":"2022-04-05T00:09:10.342Z","13.0.1":"2022-02-08T04:31:03.209Z"},"maintainers":[{"name":"antuv","email":"antu.villegas96@gmail.com"}],"description":"A simple customizable go-top button component for Angular projects.","homepage":"https://github.com/Codigo-Doble/ng-go-top-button#readme","keywords":["angular","ng","go","top","button"],"repository":{"type":"git","url":"git+https://github.com/Codigo-Doble/ng-go-top-button.git"},"contributors":[{"name":"Anna Pohorielova","email":"anya.pogorelova@gmail.com"}],"author":{"name":"Anna Pohorielova","email":"anya.pogorelova@gmail.com"},"bugs":{"url":"https://github.com/Codigo-Doble/ng-go-top-button/issues"},"license":"MIT","readme":"# ng-go-top-button\nA simple customizable go-top button component for Angular projects.\n\n## Versions\n\nThis is the new version of the original [ng2-go-top-button](https://www.npmjs.com/package/ng2-go-top-button). This version was re-created according to the new Angular library format to support Angular v9 and higher. For previous Angular versions refer to the original version.\n\n## Installation\n```\nnpm install ng-go-top-button --save\n```\n\n## Usage\nImport statement in the app module:\n```typescript\nimport {GoTopButtonModule} from 'ng-go-top-button';\nimport {BrowserAnimationsModule} from '@angular/platform-browser/animations';\n\n...\n\n@NgModule({\n    ...\n    imports: [..., GoTopButtonModule, BrowserAnimationsModule],\n    ...\n```\n\nIn the target app component:\n```typescript\nimport { Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  ...\n  encapsulation: ViewEncapsulation.None // for animations and custom styling to work\n})\nexport class AppComponent {\n...\n}\n```\n\nOn your template paste the `<ng-go-top-button></ng-go-top-button>` html. This will add a simple button with default styles and without animated scroll. By default go-top-button will appear on the right side, 50% top and bottom and without any icons or text. You can then customize its styles and behaviour.\n\nExample of customization:\n```angular2html\n<ng-go-top-button \n                 [animate]=\"true\"\n                 [speed]=\"50\"\n                 [acceleration]=\"2\"\n                 [scrollDistance]=\"300\"\n                 [classNames]=\"'custom-class'\"\n                 [styles]=\"{\n                    'border-radius': '20px 20px 20px 20px',\n                    'right': '5px',\n                    'color': 'green',\n                    'border': '5px solid',\n                    'line-height': '20px'\n                 }\">\n        <i class=\\'fa fa-arrow-up\\'></i>\n  </ng-go-top-button>\n```\nCustom CSS class declaration (if needed):\n```css\n.custom-class {\n    position: fixed;\n    background-color: pink;\n    border-color: green;\n    height: 30px;\n    width: 30px;\n}\n```\n\n## API\n| Property | Type | Description |\n| ------ | ------ | ------ |\n| scrollDistance | *number* | Number of pixels to be scrolled Y for button to be shown. Defaults to 200px. Must be greater than zero. |\n| styles | *object* | User-defined styles config for the button. |\n| classNames | *string* | Custom class names in the following format 'class1 class2 class3'. *Note*: this attribute completely overrides the default '.go-top-button' class attributes, so one should specify all style properties manually.|\n| animate | *boolean* | If true, scrolling will be animated. False by default. |\n| speed | *number* | Speed of animated scroll. Must be greater than 1. 80 by default. |\n| acceleration  | *number* | Number of pixels to speed up when scrolling is animated. 0 by default - this way page will be scrolled top with the constant speed. |\n| tabIndex  | *number*  |   Custom tabindex button attribute value, by default 0.\n\n\n## IE-specific issues:\n\nIE does not support web animations. If you would like to enable them, install and import the corresponding polyfill to your polyfills.js file:\n\nIn your project's directory:\n```\nnpm install --save web-animations-js\n```\n\nIn polyfills.js:\n```\nimport 'web-animations-js';\n```\n\n## Example project\n\nYou can find example project that uses `ng-go-top-button` in `projects/example-app/` directory of this repository. To run the example project execute the following commands from the root directory of the project:\n\n```\nng build --project=example-app\ncd projects/example-app\nng serve\n```\n","readmeFilename":"README.md"}