{"_id":"@boatzako/ngx-smooth-scroll","_rev":"3-e5ad87d3e670b42cc6d0128d43080c0f","name":"@boatzako/ngx-smooth-scroll","dist-tags":{"latest":"2.2.0"},"versions":{"2.0.0":{"name":"@boatzako/ngx-smooth-scroll","version":"2.0.0","license":"MIT","author":{"name":"BoatZako","email":"boat_zako@hotmail.com"},"repository":{"type":"git","url":"git+https://github.com/BoatZako/ngx-smooth-scroll.git"},"peerDependencies":{"@angular/common":"^9.0.7","@angular/core":"^9.0.7","tslib":"^1.10.0"},"main":"bundles/boatzako-ngx-smooth-scroll.umd.js","module":"fesm5/boatzako-ngx-smooth-scroll.js","es2015":"fesm2015/boatzako-ngx-smooth-scroll.js","esm5":"esm5/boatzako-ngx-smooth-scroll.js","esm2015":"esm2015/boatzako-ngx-smooth-scroll.js","fesm5":"fesm5/boatzako-ngx-smooth-scroll.js","fesm2015":"fesm2015/boatzako-ngx-smooth-scroll.js","typings":"boatzako-ngx-smooth-scroll.d.ts","metadata":"boatzako-ngx-smooth-scroll.metadata.json","sideEffects":false,"description":"[![Weekly downloads](https://badgen.net/npm/dw/@boatzako/ngx-smooth-scroll)](https://badgen.net/npm/dw/@boatzako/ngx-smooth-scroll) [![Total downloads](https://badgen.net/npm/dt/@boatzako/ngx-smooth-scroll)](https://badgen.net/npm/dt/@boatzako/ngx-smooth-","bugs":{"url":"https://github.com/BoatZako/ngx-smooth-scroll/issues"},"homepage":"https://github.com/BoatZako/ngx-smooth-scroll#readme","_id":"@boatzako/ngx-smooth-scroll@2.0.0","_nodeVersion":"12.9.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-70XScXjjo2D8RHd4mEviStPpCJfEzz9D9UgRKxx84G+SbGsc/d/ekCZAdU1hgFUg78P7ToQSoAU0I/TMDLu+Ew==","shasum":"21026031522c3ec8658914d92e1d02471890da5c","tarball":"https://registry.npmjs.org/@boatzako/ngx-smooth-scroll/-/ngx-smooth-scroll-2.0.0.tgz","fileCount":27,"unpackedSize":215812,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgepBHCRA9TVsSAnZWagAAeyYP/i/bcknGZDmXXBEQE7Hk\nLtZR5vimPJMA5n08KFB3IzkeB4OfDFdr5f86OEH8HBgUb4BUdyJz2668AOz9\n1b7TDpc5OKl3ibLDqzr73CfRx8WbUx03e2wItdXVul80d6i2xmqx8IMmN2/t\nZIiS4RjAtX2N1riLDChBvcnVOk9z1B0+jpvkCnyUEM9zIA2xmHARB6lUyG0S\ngt3QujbYeAifzpmQI19ZzRRwaD87jjsezlihpsgf0OFcrAXb5ItYeHSjPPwW\nU70yGP4FTbvXF3Xt6ktpCFiRhiZlsRPS/pUx4ObqBD5uRstids0JE/kGgltA\nqcqkuMoyHwNtSx/R5eNjFpHO9me4UJ4ljNs4HXVd4ov3XXIXmXhzTPzZZchN\nlFLgs94x1xa2NHnkxZ+1epAL8sfhg0RmvJ0QteqFbN9p3Yz5Oqym1N7G43V9\nt5bMT6V61FMFRJGq1b3ZhfFyFt4tj6KSUONV40KrrQRT4o1IffYV9gRqgg/m\nd9LBc1LtS7qTOIZHb3kJOEOqOPGSBqgPuOmsAac4afxIboRWUsz1WxHOTDus\nqs/DcyNNpHuGcyPzuyqrrsA5JA5j3ANUbn6ItBezy6l/2GxqdQvz46NmAX51\nBhVMgCfDB07p8L1WGT5nJChjiC9+FZetXLQ7NiHSJ2ypEOL2ndB1PngNSXQQ\nZpnr\r\n=0zMp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC7kxGExiFCo0kvihyENxT7lYTN7W5lCpL6oQdUaLSufgIhALdSe9TLm+bpYjipSK93v6rPDUAOjUX1yL7QrcluTuAI"}]},"_npmUser":{"name":"boatzako","email":"boat_zako@hotmail.com"},"directories":{},"maintainers":[{"name":"boatzako","email":"boat_zako@hotmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-smooth-scroll_2.0.0_1618645062833_0.8387130015285509"},"_hasShrinkwrap":false},"2.1.0":{"name":"@boatzako/ngx-smooth-scroll","version":"2.1.0","license":"MIT","author":{"name":"BoatZako","email":"boat_zako@hotmail.com"},"keywords":["ngx","angular","smooth","scroll"],"repository":{"type":"git","url":"git+https://github.com/BoatZako/ngx-smooth-scroll.git"},"peerDependencies":{"@angular/common":"^9.0.7","@angular/core":"^9.0.7","tslib":"^1.10.0"},"main":"bundles/boatzako-ngx-smooth-scroll.umd.js","module":"fesm5/boatzako-ngx-smooth-scroll.js","es2015":"fesm2015/boatzako-ngx-smooth-scroll.js","esm5":"esm5/boatzako-ngx-smooth-scroll.js","esm2015":"esm2015/boatzako-ngx-smooth-scroll.js","fesm5":"fesm5/boatzako-ngx-smooth-scroll.js","fesm2015":"fesm2015/boatzako-ngx-smooth-scroll.js","typings":"boatzako-ngx-smooth-scroll.d.ts","metadata":"boatzako-ngx-smooth-scroll.metadata.json","sideEffects":false,"description":"[![Weekly downloads](https://badgen.net/npm/dw/@boatzako/ngx-smooth-scroll)](https://badgen.net/npm/dw/@boatzako/ngx-smooth-scroll) [![Total downloads](https://badgen.net/npm/dt/@boatzako/ngx-smooth-scroll)](https://badgen.net/npm/dt/@boatzako/ngx-smooth-","bugs":{"url":"https://github.com/BoatZako/ngx-smooth-scroll/issues"},"homepage":"https://github.com/BoatZako/ngx-smooth-scroll#readme","_id":"@boatzako/ngx-smooth-scroll@2.1.0","_nodeVersion":"12.9.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-DHyD7skdnfF40qUmE1rZ3dqsz2oKwLJc1ug1Hxui+NcTSYYhiGQyTMjtKkBUxnfzy2W4MdcKzSjZzoWSemYabw==","shasum":"fdac5390d2b54dea501af90c78a84e67c7803ca2","tarball":"https://registry.npmjs.org/@boatzako/ngx-smooth-scroll/-/ngx-smooth-scroll-2.1.0.tgz","fileCount":27,"unpackedSize":223382,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJguJrdCRA9TVsSAnZWagAAbRUP/RozbgeIa+59yXxsAd2P\n5SCHTt/3V3aspi7dBt/TrM58rjZJyTX3fK7BQD92yDM80L57gkYkUSrJcmJ4\nyEbKJqZto1naaSW46Bf0JHuhkx3L/fxgSh4/LPAAhBu3kUHfumV/n8zWc9Lh\na8On/aoM8UF2O7cOAel8rFsbbI+GYfzRWnGcOkDI1VJD22/1amzjnYIyZf64\nrfzuH4HvHHAMt3kg1zhJ3E/dawaKuxfr08Zbrfvj8Lcmppp2Qi9c+9JhbUPF\nxhr3006+KYcW1imKn9nF9S3M8OOPeOvP+5hUhX7U1eoSyIi2zV5aJgEyWrPB\nMCMfnS+UreTHpXVJrgM6b/UqAtCh2w1lEE4dxL5J9mtUGWbyccwPSTmXWlnf\nX9YP2Z3gbvqymiZ3HgmQaEs7uqSwSmxHTktuUiOVO/07DNXNi8S/WkltFEo0\n/BGal6SpXUn8JYADMJfrSTHnoY67AE2GAkDfsWvd06Emq/AufCV7/e4Fe0SG\nkKWDnlgtjGQt3sdNGkbUh5OHN8X3jvCZxZj9uR64kAcPDOTDvz830QOFFda8\n1qJXhxi/y4vo7BSM39NrIFTtjXA3rP8s1tfCJN+N8o25HTSM0ImbFv8Yd/pg\n3aTzWq6yNFl2ZStQ6gclkbHNWXM3AXFof9bo5DBx1uM7iI6GBR61m4SoxiW/\n6yT0\r\n=Pdfc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC0S5QbdspQqrEdBeYB554VLbdTCYFNFkq7oovbWLdOKAIgctCFux5A1QTPtgeL/jF751IywnB6EzfyXkE/Bb6RnoI="}]},"_npmUser":{"name":"boatzako","email":"boat_zako@hotmail.com"},"directories":{},"maintainers":[{"name":"boatzako","email":"boat_zako@hotmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-smooth-scroll_2.1.0_1622711005090_0.7657785867648308"},"_hasShrinkwrap":false},"2.2.0":{"name":"@boatzako/ngx-smooth-scroll","version":"2.2.0","license":"MIT","author":{"name":"BoatZako","email":"boat_zako@hotmail.com"},"keywords":["ngx","angular","smooth","scroll"],"repository":{"type":"git","url":"git+https://github.com/BoatZako/ngx-smooth-scroll.git"},"dependencies":{"tslib":"^2.3.0"},"peerDependencies":{"@angular/common":"^13.1.0","@angular/core":"^13.1.0"},"module":"fesm2015/boatzako-ngx-smooth-scroll.mjs","es2020":"fesm2020/boatzako-ngx-smooth-scroll.mjs","esm2020":"esm2020/boatzako-ngx-smooth-scroll.mjs","fesm2020":"fesm2020/boatzako-ngx-smooth-scroll.mjs","fesm2015":"fesm2015/boatzako-ngx-smooth-scroll.mjs","typings":"boatzako-ngx-smooth-scroll.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./boatzako-ngx-smooth-scroll.d.ts","esm2020":"./esm2020/boatzako-ngx-smooth-scroll.mjs","es2020":"./fesm2020/boatzako-ngx-smooth-scroll.mjs","es2015":"./fesm2015/boatzako-ngx-smooth-scroll.mjs","node":"./fesm2015/boatzako-ngx-smooth-scroll.mjs","default":"./fesm2020/boatzako-ngx-smooth-scroll.mjs"}},"sideEffects":false,"gitHead":"b959f39726b1130c26729ab49d4f43b18d8b018d","description":"[![Weekly downloads](https://badgen.net/npm/dw/@boatzako/ngx-smooth-scroll)](https://badgen.net/npm/dw/@boatzako/ngx-smooth-scroll) [![Total downloads](https://badgen.net/npm/dt/@boatzako/ngx-smooth-scroll)](https://badgen.net/npm/dt/@boatzako/ngx-smooth-","bugs":{"url":"https://github.com/BoatZako/ngx-smooth-scroll/issues"},"homepage":"https://github.com/BoatZako/ngx-smooth-scroll#readme","_id":"@boatzako/ngx-smooth-scroll@2.2.0","_nodeVersion":"16.13.0","_npmVersion":"8.1.0","dist":{"integrity":"sha512-Sgo0eKVuu/srucyG1Y8sAb7Q/GJH3EQObC+eJ908SMjffjXjDFxQV56QvVvNGBJeGmJur8ZgZsyanAtAfMENFQ==","shasum":"f4d75d40d2c7ff10f87ccef1c16df79847bc8b45","tarball":"https://registry.npmjs.org/@boatzako/ngx-smooth-scroll/-/ngx-smooth-scroll-2.2.0.tgz","fileCount":17,"unpackedSize":90979,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6rUYCRA9TVsSAnZWagAALrMP/0CgemnylsiOefVaTy2O\nYSzY3uEKhaQsZsd/BajEWZBSRH5dbe7BKlMeYRIWVbXjx0FcofRzacKNg8aO\nYrzJVPhgKqQ9Alw/56BXILEcEyMGNmyXaN/ng+0wFGsXDaCABefUHciSJbpw\nZRoePGVaLFkPXUvU/RLstf3r4AgSapKev0qU+f1ywdr2efUaWd4yffXj7/Lr\njYppJZKBd4dsB2bTOEgarXukwiAeMQIgfYpQX2TPYO63trSzLusEGH8BIgz2\nJrHbReHU60hly2YnEQGqMjKllHti9JU+qBdV3J47a4GJu+XqQk/isX2ZZQkL\nOrO5Hh8YO0ptTcuLD1VkfTlRJcPZXV5hNWHLf09GU8/MA/pE5qo5d0rwuOWq\nEidB0+FbPfmtSY22HQUa/LKPyQj9AeVteUfiHxCkYeef2fFJvDhtrPsRxQi5\nfOr/xnfQRVAs6Q9/5s3DAGyQvi9FoePQBV69jRSpzk6ok+FJg4thGImfk63G\nrq3pycL4lWeJ9ib3LS+OHIYllRl9jMtQimfJhylKd8xLo4nJf12qCDBNleVI\n6MwRxLoqclL0wp+BmrWRXpBHNJMwTF6F/mPehbTRwAb9VBsYwcgi/Po+0N+T\n7hogaZaZH0NWW+A7878kaKZ9K30QzJim79h21bZC63WfnSE0nTXsABGEDjBh\nObH9\r\n=JPv6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDAl0NCFXfvx0zZPLrfRRBJTjO/8QaEVzMdTH/0bRmzsAIhAMXCAqB557YEwWkqpxDnhJWI6RQbJx7p39iVihrOjttc"}]},"_npmUser":{"name":"boatzako","email":"boat_zako@hotmail.com"},"directories":{},"maintainers":[{"name":"boatzako","email":"boat_zako@hotmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-smooth-scroll_2.2.0_1642771736172_0.1309161403764929"},"_hasShrinkwrap":false}},"time":{"created":"2021-04-17T07:37:42.794Z","2.0.0":"2021-04-17T07:37:43.030Z","modified":"2022-04-04T19:55:06.545Z","2.1.0":"2021-06-03T09:03:25.243Z","2.2.0":"2022-01-21T13:28:56.367Z"},"maintainers":[{"name":"boatzako","email":"boat_zako@hotmail.com"}],"description":"[![Weekly downloads](https://badgen.net/npm/dw/@boatzako/ngx-smooth-scroll)](https://badgen.net/npm/dw/@boatzako/ngx-smooth-scroll) [![Total downloads](https://badgen.net/npm/dt/@boatzako/ngx-smooth-scroll)](https://badgen.net/npm/dt/@boatzako/ngx-smooth-","homepage":"https://github.com/BoatZako/ngx-smooth-scroll#readme","repository":{"type":"git","url":"git+https://github.com/BoatZako/ngx-smooth-scroll.git"},"author":{"name":"BoatZako","email":"boat_zako@hotmail.com"},"bugs":{"url":"https://github.com/BoatZako/ngx-smooth-scroll/issues"},"license":"MIT","readme":"# ngx-smooth-scroll\n\n[![Weekly downloads](https://badgen.net/npm/dw/@boatzako/ngx-smooth-scroll)](https://badgen.net/npm/dw/@boatzako/ngx-smooth-scroll)\n[![Total downloads](https://badgen.net/npm/dt/@boatzako/ngx-smooth-scroll)](https://badgen.net/npm/dt/@boatzako/ngx-smooth-scroll)\n[![License](https://badgen.net/npm/license/@boatzako/ngx-smooth-scroll)](https://badgen.net/npm/license/@boatzako/ngx-smooth-scroll)\n\nSmooth scroll for Angular13+. [Demo](https://stackblitz.com/edit/boatzako-ngx-smooth-scroll-demo)\n\n## Getting Started\n\nYou can install @boatzako/ngx-smooth-scroll by using npm.\n\n```\nnpm install @boatzako/ngx-smooth-scroll --save\n```\nOnce installed you need to import our main module:\n\nThis module provides one directive and one service.\n\n```js\nimport { NgModule } from '@angular/core';\nimport { BrowserModule } from '@angular/platform-browser';\nimport { AppComponent } from './app.component';\n\nimport { NgxSmoothScrollModule } from '@boatzako/ngx-smooth-scroll'; // <-- add\n\n@NgModule({\n  imports: [\n    BrowserModule, \n    NgxSmoothScrollModule  // <-- add\n  ],\n  declarations: [ \n    AppComponent,\n  ],\n  bootstrap: [ AppComponent ]\n})\nexport class AppModule { }\n\n```\n\n\n## Usage - Service\n\nimport service to component\n```js\nimport { Component, OnInit } from '@angular/core';\nimport { SmoothScrollService, ISmoothScrollOption } from '@boatzako/ngx-smooth-scroll';\n\n@Component({\n  ...\n})\nexport class AppComponent implements OnInit{\n\n  constructor(private smooth: SmoothScrollService) { }\n\n  ngOnInit() {\n    this.smooth.smoothScrollToAnchor();\n  }\n  \n  goTop(){\n    this.smooth.smoothScrollToTop({ duration: 1000, easing: 'linear' });\n  }\n}\n```\n### Methods\n#### smoothScroll\n**smoothScroll(** *height [, ISmoothScrollOption] [, HTMLElement]* **)**\\\nSmooth scroll according to the height.\n\n#### smoothScrollToTop\n**smoothScrollToTop(** *[ISmoothScrollOption] [, HTMLElement]* **)**\\\nSmooth scroll to top page.\n\n#### smoothScrollToAnchor\n**smoothScrollToAnchor(** *[ISmoothScrollOption] [, HTMLElement]* **)**\\\nSmooth scroll to the anchor.\n\n## ISmoothScrollOption\nFor set duration, easing function, and offset\n```js\nlet option1 = { duration: 500 };\nlet option2 = { duration: 1000, easing: 'easeOutQuart'};\nlet option3 = { easing: 'linear'};\nlet option4 = { duration: 700, easing: 'easeInCubic', offset: -50 };\n\n// this.smooth.smoothScrollToTop(option1);\n// this.smooth.smoothScrollToAnchor(option2);\n```\n\n## Usage - Directive\n\n**SmoothScroll**\\\nScroll the window to the specified element ID or hash when clicking the element.\n\n```js\nimport { Component, OnInit } from '@angular/core';\n\n@Component({  \n  ...\n  template: `\n    <div id=\"div1\">\n      <a href=\"#div2\" SmoothScroll [showHash]=\"true\">Click!!</a>\n    </div>\n    <div id=\"div2\" SmoothScroll [scrollTo]=\"'div1'\" [duration]=\"500\">\n      <h1>Click me</h1>\n    </div>\n  `,\n  ...\n})\nexport class AppComponent{\n\t...\n}\n\n```\n\n### Options\n#### [scrollTo]\ntype: `string`\\\ndefault: `null`\\\nID of the element in document.\n\n#### [duration]\ntype: `number`\\\ndefault: `800`\\\nThe duration of the smooth scroll, in milliseconds.\n\n#### [easing]\ntype: `enum`\\\ndefault: `easeInOutQuad`\\\nThe easing function to be used for this scroll.\n\n**Easing functions** *from - <https://gist.github.com/gre/1650294>*\n * 'linear'\n * 'easeInQuad'\n * 'easeOutQuad'\n * 'easeInOutQuad'\n * 'easeInCubic'\n * 'easeOutCubic'\n * 'easeInOutCubic'\n * 'easeInQuart'\n * 'easeOutQuart'\n * 'easeInOutQuart'\n * 'easeInQuint'\n * 'easeOutQuint'\n * 'easeInOutQuint'\n\n#### [offset]\ntype: `number`\\\ndefault: `0`\\\nscroll additional px ( like padding )\n\n#### [showHash]\ntype: `boolean`\\\ndefault: `false`\\\nSet `true` for show hash on URL\n\n#### [container]\ntype: `HTMLElement`\\\ndefault: `document.documentElement`\\\nSet element which need to scroll\n\n## Authors\n* [BoatZako](https://github.com/BoatZako/) (boat_zako@hotmail.com)\n\n## License\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details\n\n## Support\n<a href=\"https://www.buymeacoffee.com/boatzako\" target=\"_blank\"><img src=\"https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png\" alt=\"Buy Me A Coffee\" ></a>","readmeFilename":"README.md","keywords":["ngx","angular","smooth","scroll"]}