{"_id":"@codekraft-studio/vue-autoscroll","_rev":"3-90a48b0613bbc35f4ca31a615611702a","name":"@codekraft-studio/vue-autoscroll","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.0":{"name":"@codekraft-studio/vue-autoscroll","version":"0.1.0","_id":"@codekraft-studio/vue-autoscroll@0.1.0","maintainers":[{"name":"b4dnewz","email":"filippo@codekraft.it"}],"dist":{"shasum":"32451b9fe9d23c35ff611d5cb3ee635ba252c32a","tarball":"https://registry.npmjs.org/@codekraft-studio/vue-autoscroll/-/vue-autoscroll-0.1.0.tgz","fileCount":32,"integrity":"sha512-oKkzvwVLmAs0eOE4Z2qJ98W2v1GVD3YtF4sQjxhlGqUTl/tdEwBDPMiZ6Aau6pFYRoFeVAYSgNwwHZbUTHHd/g==","signatures":[{"sig":"MEUCIBFu8n8I5MY35aK20HFkkxEwOPhuLCWceHOKN9VerwH+AiEA+JNyU+5RNB4x4Zli4TapTv/Ya6CoR2eD+FM2Zuysqeg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":976931,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb+8qnCRA9TVsSAnZWagAAVz4P/RSZSGl3Eh4wKCSvhnE7\ntNUSGpkKp87CSt+9fStUAjpIrO3usN5Me3tTsBCt1djBaDSwp6OzYH+Id5Sz\nliqVA7jqN2Q2MPBMcv4EGxIIMlZJugoo5EwZazt1A7x1E1+rpuaN5hBvoJxc\nUTa9mSy66Y0K/syvS3yua3sCeUns5h/GW3+H2cG3p8XKhnEDU46ql4EnpUze\nI5moLtrm613pDfLQZnfHB/cIegIPUpgs+vI1xYM4BU8MwOOYuc+JjKA/5LcT\nM5qGWvplhVPnd4Xn3O6kuRY8O5l/pWs44fIWEQsqaBBWgnkBrNWM0D0BIUFu\nn+DO+0FaX2QkOKTOSng/zfD+13znnR5NIVgaNkbyXRpn9tc7ozLr7YqN2wma\njDPdSUPe6p6m6+0ddSZMa08AFNfPJdtNenEVvgu8ngYAH6QiboDSh6TbdeWR\nNdWGXG89OeDEKP+oNn/H9rPswYXdldhXc3HgR6J7ah4X5SbdM6koXog2A7hd\nawGieGyTnMlwdL1LCGB3WwpGp1z9GW0hKEOfpukzmNHI9tscWLj+wNsI85lw\n20PUhADQVCfgdtepQlysHFNc+abtAwHr9gR+vmbT1oXr7qOxfvkoRehj223W\nHgzXkapPy3kBGQwYlALKFYJjMaQqxaCL0CahitdOaqeBlWK3XfYdJ4vkOaGO\nNx5u\r\n=FVKU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/VueAutoscroll.umd.js","gitHead":"59aa1639d4d33228c62e2517fe57f9625d8f796e","scripts":{"lint":"vue-cli-service lint","build":"vue-cli-service build --target lib --name VueAutoscroll lib/index.js","serve":"vue-cli-service serve --open","start":"vue-cli-service serve --mode production --open","test:e2e":"vue-cli-service test:e2e","build:demo":"vue-cli-service build --dest demo","publish:demo":"git subtree push --prefix demo origin gh-pages"},"_npmUser":{"name":"b4dnewz","email":"filippo@codekraft.it"},"gitHooks":{"pre-commit":"lint-staged"},"_npmVersion":"6.4.1","description":"Automatic scroll-down on event directive for VueJs","directories":{},"lint-staged":{"*.js":["vue-cli-service lint","git add"],"*.vue":["vue-cli-service lint","git add"]},"_nodeVersion":"8.11.2","dependencies":{"vue":"^2.5.17"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"axios":"^0.18.0","eslint":"^5.8.0","node-sass":"^4.9.0","lint-staged":"^7.2.2","sass-loader":"^7.0.1","babel-eslint":"^10.0.1","@vue/cli-service":"^3.1.4","eslint-plugin-vue":"^5.0.0-0","@vue/cli-plugin-babel":"^3.1.1","vue-template-compiler":"^2.5.17","@vue/cli-plugin-eslint":"^3.1.5"},"_npmOperationalInternal":{"tmp":"tmp/vue-autoscroll_0.1.0_1543228071106_0.6497854313162679","host":"s3://npm-registry-packages"}},"0.1.1":{"name":"@codekraft-studio/vue-autoscroll","version":"0.1.1","_id":"@codekraft-studio/vue-autoscroll@0.1.1","maintainers":[{"name":"b4dnewz","email":"filippo@codekraft.it"}],"dist":{"shasum":"57a8f62604fc765991e672d6c08621e204639519","tarball":"https://registry.npmjs.org/@codekraft-studio/vue-autoscroll/-/vue-autoscroll-0.1.1.tgz","fileCount":31,"integrity":"sha512-5yAwuMhv0k9+mzAxjEkf+OZEKLxg4v9MMUYr9l+olIu/tLxZkrs2jrcCIvfSYML1+KGSy4qhwNlYlKuzqmjLmQ==","signatures":[{"sig":"MEQCIFpFgKIMbp4KQjrBO8FNvloxyqRBk3aSXTvZOZf/ZB91AiBIAtxdxwFC266yHll1enkjdse2weB0q/CrEk07N0rjxw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":724339,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd/MnXCRA9TVsSAnZWagAAltsP/24F2hliW8MzVuLhjVZt\nNWtYpWsJER3ORANuX2zt+tn4DHUIBEi86m/h1rfW9GkaXke12OdI++gihjAO\ntdKv1ZYANXntxCmslVPGp/zFExoAcCCpUqrJwFhO1pIR/Q51CdYymyYcJ/k9\ncIFl1insLZkCZlsGIfY7cs1/4pyyaFV7BozDHKkbwHRKpmO8LO9qCXX+0wcA\n4F5jE+J0go13rKNG65XNuibzSdUR7USwx2OMseMCuGzYwpQo+C1nGkuZwWWu\nhzMYg8VJhpieiLDUQpDKBwcLd57lYTtUtug2k+7ev7YiOx+Ddn5VDC1KVDqw\nw9PEMESxEUepWemmMB8wPOGyIhONpVjzrndXekM7CAn26gF6CQzlwzSEkReJ\nmd4KcZf2NfaCi6rmvWgva0xIdxFJRIRsLmuV0o1ATzCBcp4C84zZ7zE8kASu\nlK0lzKqCUqxo8/FWdpHMskVAT6L8avawBuIlp3N/1puijk0qhr0iJIgjLFyf\nJoyD2xXu3QDo1bCv5vhSjIErENoh/LhwCSxQ+wzTXbBhwtC7L7ijjeyDbZzv\nnqYukPIp9IoKzuHur9vHE2o96dvsKfwiYXJlH5peKBXyOtmaU7x02A4smUlf\nSyYafGrDsaCOq1FeDU6mR+e14oQMl1bJ5I9hAPgHvsX/RCFkEM4k4T7uQWa5\nApSA\r\n=Aq3a\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/VueAutoscroll.umd.js","gitHead":"9501682b70d73df65febd77b9a7cfe319f49815d","scripts":{"lint":"vue-cli-service lint","build":"vue-cli-service build --target lib --name VueAutoscroll lib/index.js","serve":"vue-cli-service serve --open","start":"vue-cli-service serve --mode production --open","build:demo":"vue-cli-service build --dest demo","publish:demo":"git subtree push --prefix demo origin gh-pages"},"_npmUser":{"name":"b4dnewz","email":"filippo@codekraft.it"},"gitHooks":{"pre-commit":"lint-staged"},"_npmVersion":"6.12.1","description":"Automatic scroll-down directive for VueJs","directories":{},"lint-staged":{"*.js":["vue-cli-service lint","git add"],"*.vue":["vue-cli-service lint","git add"]},"_nodeVersion":"10.15.3","dependencies":{"vue":"^2.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"axios":"^0.18.1","eslint":"^5.8.0","node-sass":"^4.9.0","lint-staged":"^7.2.2","sass-loader":"^7.0.1","babel-eslint":"^10.0.1","@vue/cli-service":"^3.1.4","eslint-plugin-vue":"^5.0.0-0","@vue/cli-plugin-babel":"^3.1.1","vue-template-compiler":"^2.2","@vue/cli-plugin-eslint":"^3.1.5"},"_npmOperationalInternal":{"tmp":"tmp/vue-autoscroll_0.1.1_1576847830655_0.6131856415362138","host":"s3://npm-registry-packages"}}},"time":{"created":"2018-11-26T10:27:50.973Z","modified":"2024-08-10T13:19:49.085Z","0.1.0":"2018-11-26T10:27:51.307Z","0.1.1":"2019-12-20T13:17:10.844Z"},"description":"Automatic scroll-down directive for VueJs","maintainers":[{"email":"erikyo83@gmail.com","name":"erikyo"},{"email":"filippo@codekraft.it","name":"b4dnewz"}],"readme":"# vue-autoscroll\r\n\r\n> Automatic scroll-down directive for VueJs\r\n\r\n### [DEMO](https://codekraft-studio.github.io/vue-autoscroll/)\r\n\r\n## Installation\r\n\r\nInstall the project locally using your favourite package manager.\r\n\r\n```\r\nnpm install @codekraft-studio/vue-autoscroll\r\n```\r\n\r\nRegister the plugin in your Vue application.\r\n\r\n```js\r\nimport Vue from 'vue'\r\nimport VueAutoscroll from '@codekraft-studio/vue-autoscroll'\r\n\r\nVue.use(VueAutoscroll)\r\n```\r\n\r\nThan place the directive on the container you want to scroll automatically.\r\n\r\n```html\r\n<ul class=\"messages-container\" v-autoscroll>\r\n  <li v-for=\"message in messages\" v-text=\"message\" class=\"message\"></li>\r\n</ul>\r\n```\r\n\r\nYou can also use custom scroll settings.\r\n\r\n```html\r\n<ul class=\"messages-container\" v-autoscroll=\"{ smooth: false, always: true }\">\r\n  <li v-for=\"message in messages\" v-text=\"message\" class=\"message\"></li>\r\n</ul>\r\n```\r\n\r\nIf you have a complicate html structure and you need to watch also for grandchildrens and more, you can use the __deep__ modifier.\r\n\r\n```html\r\n<div v-autoscroll.deep>\r\n  <div v-for=\"(entries, key) in groupedEntries\">\r\n    <div>{{key}}</div>\r\n    <div v-for=\"entry in entries\">{{entry}}</div>\r\n  </div>\r\n</div>\r\n```\r\n\r\n---\r\n\r\n## License\r\n\r\nReleased with [MIT License](./LICENSE) © [codekraft-studio](https://github.com/codekraft-studio)\r\n","readmeFilename":"README.md"}