{"_id":"@amv-hub/amv-vue-slick","_rev":"1-b7381967be9bded27541bcb3c2a4bed3","name":"@amv-hub/amv-vue-slick","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@amv-hub/amv-vue-slick","version":"1.0.0","description":"Refactor and fixed Vue component for Slick-carousel (http://kenwheeler.github.io/slick)","main":"dist/slickCarousel.cjs.js","module":"dist/slickCarousel.esm.js","source":"src/slickCarousel.vue","types":"src/index","scripts":{"build":"npm run build:cjs & npm run build:es & npm run build:umd","prepublishOnly":"npm run build","build:cjs":"rollup --config rollup.config.js --format cjs -e jquery,slick-carousel --file dist/slickCarousel.cjs.js","build:es":"rollup --config rollup.config.js --format es -e jquery --file dist/slickCarousel.esm.js","build:umd":"rollup --config rollup.config.js --format umd -e jquery --file dist/slickCarousel.umd.js"},"repository":{"type":"git","url":"git+https://github.com/staskjs/vue-slick.git"},"keywords":["slick","carousel","vue"],"author":{"name":"Stas Karpov"},"license":"ISC","bugs":{"url":"https://github.com/staskjs/vue-slick/issues"},"homepage":"https://github.com/staskjs/vue-slick#readme","peerDependencies":{"jquery":"*"},"dependencies":{"slick-carousel":"^1.8.1"},"devDependencies":{"jquery":"*","rollup":"^0.67.0","rollup-plugin-buble":"^0.19.4","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-vue":"^4.3.2","vue-template-compiler":"^2.5.17"},"gitHead":"361ca8fc03b4feb746c2b8b0501b06ff34c79f4a","_id":"@amv-hub/amv-vue-slick@1.0.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-JSqvErg4Kbo3U2Y4BAhnfN+WYRsQng/XFYPuPh46tRecv+UX6ICEJxLSlZJ35kIQ1dCtQWtb+W/HMwfgQ94VPg==","shasum":"e5535eb681ffe8d622fcb23e028b62b54a3c4a6f","tarball":"https://registry.npmjs.org/@amv-hub/amv-vue-slick/-/amv-vue-slick-1.0.0.tgz","fileCount":9,"unpackedSize":218687,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhELozCRA9TVsSAnZWagAAtjMP/iIltd2IrSlybxOLo6Bm\nbk0S6noZYgUFjVx4JjKgsxyoDMQEZ1zhDWLk0drrkkU4v8ysKA/n6H9Wnddt\nHTfO5TZxEV8zfO+THbHGJVNaGJZmaULZ68fCWdi0mwtJ+jrmDi9sm7ukYlKz\nQjb6W5HJ39Y9kEIDHl/+mlQAIUXkekDVgPJZLanmWlZ7NT/l/51kbnMqrIwB\nTOON5dtB1vSscM3/eQTZk9jkbHIQPvHvKhVx0bfGMAQ1IDEKL1McsIpAZLfZ\n3FDyGYspCzggcTlw7hlrnAkl7E04aIHfY6u8CAtR889kvp30Iea+WS8X3ybT\n3Z4yG6Rrf5KO5pQRkSLcKgBz+7hx+hwp39XGZU1DJD+QB71FZecok6Ff+gkR\nWQTJwHfBnMr9Ci2thiz0W66XlUofd/fpeGi1vT87ebM1miItChVgYpFIHbWP\n3OynUsb5ZDkwkQlPPN3fvNanMts4jGb9TCtKyZtCgukQsa01NDsx2WtB/q5v\n0+fiMxFE2OPZ823g1GCvizkHo1wbGuFh+0p0O6tiIQXsEo7L5qYfTuVZ/o05\neKvuXlqPQ+RplRrOQ9b9sWZ658ZMGNub9RyX4gnNK4v1R9vprLyDoMr/3yxK\nrslrCTEz5IZrrGm2UA9suKnD7SuE26vs7cUMWBKYTHRWAhsRr6LXSE3j8ijC\n5YAJ\r\n=YuiE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDeUBSt5ZDu6Ma83B8mn9F7lKwbQib4CWDacZ4kOiLZDwIgEaDJ3vZtijToEPTmEl3lGpGLtzgBSUf+BQIoJAFCp68="}]},"_npmUser":{"name":"nguyendotrung","email":"nguyendotrung38@gmail.com"},"directories":{},"maintainers":[{"name":"sangtruong-vn","email":"sangtruong.hcm@gmail.com"},{"name":"nguyendotrung","email":"nguyendotrung38@gmail.com"},{"name":"amv-tech","email":"amv.technician@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/amv-vue-slick_1.0.0_1628486195676_0.8827512261841415"},"_hasShrinkwrap":false}},"time":{"created":"2021-08-09T05:16:35.615Z","1.0.0":"2021-08-09T05:16:35.860Z","modified":"2022-04-04T13:53:28.097Z"},"maintainers":[{"name":"sangtruong-vn","email":"sangtruong.hcm@gmail.com"},{"name":"nguyendotrung","email":"nguyendotrung38@gmail.com"},{"name":"amv-tech","email":"amv.technician@gmail.com"}],"description":"Refactor and fixed Vue component for Slick-carousel (http://kenwheeler.github.io/slick)","homepage":"https://github.com/staskjs/vue-slick#readme","keywords":["slick","carousel","vue"],"repository":{"type":"git","url":"git+https://github.com/staskjs/vue-slick.git"},"author":{"name":"Stas Karpov"},"bugs":{"url":"https://github.com/staskjs/vue-slick/issues"},"license":"ISC","readme":"# Slick for Vue.js\r\n\r\n# ATTENTION! \r\nThis package is no longer supported by its main contributor (@staskjs). If you would like to work on it, I will gladly add you as a collaborator. Please reach me on telegram @staskjs.\r\n\r\n## Vue support\r\n\r\nSupports only Vue >= 2\r\n\r\n## Installation and usage\r\n\r\nSee official documentation [here](http://kenwheeler.github.io/slick).\r\n\r\n $ npm install vue-slick\r\n\r\n***NOTE***: `slick-carousel` official package appears to use `jquery` as a dependency in package.json,\r\ndespite it would be more appropriate to use it as a peer dependency to avoid possibility of using multiple\r\nversions of jquery. Be aware of that. When using `webpack` you can solve this problem with aliases.\r\n\r\n```javascript\r\nimport Slick from 'vue-slick';\r\n\r\nnew Vue({\r\n\r\n components: { Slick },\r\n\r\n data() {\r\n return {\r\n slickOptions: {\r\n slidesToShow: 3,\r\n // Any other options that can be got from plugin documentation\r\n },\r\n };\r\n },\r\n\r\n // All slick methods can be used too, example here\r\n methods: {\r\n next() {\r\n this.$refs.slick.next();\r\n },\r\n\r\n prev() {\r\n this.$refs.slick.prev();\r\n },\r\n\r\n reInit() {\r\n // Helpful if you have to deal with v-for to update dynamic lists\r\n this.$nextTick(() => {\r\n this.$refs.slick.reSlick();\r\n });\r\n },\r\n\r\n // Events listeners\r\n handleAfterChange(event, slick, currentSlide) {\r\n console.log('handleAfterChange', event, slick, currentSlide);\r\n },\r\n handleBeforeChange(event, slick, currentSlide, nextSlide) {\r\n console.log('handleBeforeChange', event, slick, currentSlide, nextSlide);\r\n },\r\n handleBreakpoint(event, slick, breakpoint) {\r\n console.log('handleBreakpoint', event, slick, breakpoint);\r\n },\r\n handleDestroy(event, slick) {\r\n console.log('handleDestroy', event, slick);\r\n },\r\n handleEdge(event, slick, direction) {\r\n console.log('handleEdge', event, slick, direction);\r\n },\r\n handleInit(event, slick) {\r\n console.log('handleInit', event, slick);\r\n },\r\n handleReInit(event, slick) {\r\n console.log('handleReInit', event, slick);\r\n },\r\n handleSetPosition(event, slick) {\r\n console.log('handleSetPosition', event, slick);\r\n },\r\n handleSwipe(event, slick, direction) {\r\n console.log('handleSwipe', event, slick, direction);\r\n },\r\n handleLazyLoaded(event, slick, image, imageSource) {\r\n console.log('handleLazyLoaded', event, slick, image, imageSource);\r\n },\r\n handleLazeLoadError(event, slick, image, imageSource) {\r\n console.log('handleLazeLoadError', event, slick, image, imageSource);\r\n },\r\n },\r\n});\r\n```\r\n\r\n```html\r\n\r\n \"\"\r\n \"\"\r\n \"\"\r\n \"\"\r\n \"\"\r\n\r\n```\r\n\r\nIf you need, you can import slick styles too:\r\n\r\n```js\r\n// MyCarrousel.vue\r\nimport 'slick-carousel/slick/slick.css';\r\n```\r\n","readmeFilename":"README.md"}