{"_id":"@ajibari/vue-360","_rev":"1-ee568f99488f50796fdfd637ef2f21cb","name":"@ajibari/vue-360","dist-tags":{"latest":"0.1.8"},"versions":{"0.1.7":{"name":"@ajibari/vue-360","version":"0.1.7","author":{"name":"Rajeev R. Gade","email":"rajeevgade@gmail.com"},"description":"A Simple and Beautiful 360 viewer for your product","repository":{"type":"git","url":"git+https://github.com/rajeevgade/vue-360.git"},"homepage":"https://vue-360.now.sh/","license":"MIT","main":"./dist/index.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lint":"vue-cli-service lint"},"dependencies":{"core-js":"^3.6.5","uuid":"^3.4.0","vue":"^2.6.10","vue2-hammer":"^2.1.2"},"devDependencies":{"@vue/cli-plugin-babel":"^4.3.1","@vue/cli-plugin-eslint":"^4.3.1","@vue/cli-plugin-vuex":"^4.3.1","@vue/cli-service":"^4.3.1","babel-eslint":"^10.1.0","bili":"^4.10.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.0.0","rollup-plugin-vue":"^5.1.9","vue-template-compiler":"^2.6.10"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"rules":{"no-unused-vars":"off","no-console":0,"no-mixed-spaces-and-tabs":0},"parserOptions":{"parser":"babel-eslint"}},"postcss":{"plugins":{"autoprefixer":{}}},"browserslist":["> 1%","last 2 versions"],"gitHead":"65cf513080d453badd67c3762efedb9c7b90b0db","bugs":{"url":"https://github.com/rajeevgade/vue-360/issues"},"_id":"@ajibari/vue-360@0.1.7","_nodeVersion":"16.17.1","_npmVersion":"8.15.0","dist":{"integrity":"sha512-Js8Ky82gde5sGM+UkuA9Ft6mIT/tSTnymTAFC6mBMcMbQk4NEpf70sHTNvRnCf0CaY8gl9jsqt+zOi5c9yP/vA==","shasum":"594693020ef54cac758215039e2cb2aa1d34322c","tarball":"https://registry.npmjs.org/@ajibari/vue-360/-/vue-360-0.1.7.tgz","fileCount":18,"unpackedSize":918983,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGcHvM05ry9QIBHeMh/ZD1jiRlKjOY3sOImDRMJrP6ZAAiEAqWSWxF8mXROAHtCHMnbfy8O5BA5x/R7Lz5kQQlcy+cg="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTgyqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqkXBAAnMjLWC1jdSPAUr1BBJbSH6wavBele+UzE3eNdbkQroNIQS3u\r\njld3GRkrThhKd7uc9BzshYITrKCXby4GS7l8iCihMnpZqgTqPRZTF+Vu7eUo\r\nVQ6AsKC3rh1/8Xt/9anx6w3/au7X3rB+OYNmARZF2BwII/vRT+x/nCnmbYU3\r\nvsgFVVkcQPzvOHx+dp/g4LXyv1RV2RMXMcP80T4Ez9l4DqQdJRUDiSOXkHhR\r\ncR2mYGUeP/Nc/YWcOVUqTnFxQq+GoicpqqzrEksxxuvwZkwwog+zC3liiYkL\r\nWxibNohXCvYniCznR+r3vsSopLIM10aNIvfhI55UeitCrM7T0apa7+r0Nvbl\r\nzRS4i07ZG53iaz6HYykUec6uGuYfMDIqv496eodNQMjftZyOFJkPHSEbbzT4\r\n/UNVl8/Sdd0XXYSOuT6sxD1PBPfYPtwD1pUucEE0Nnf0+DJ/pr0oafvPz6IK\r\n/jl4TOOuRp0ConcaohgjCPd9cHn+uHVaP2387XK1NX+cnBhdbe4WrCn79xHw\r\nTgSA9LNo2elWtZgW+J6zs1dkXr9gHlD6z6uIvp+uB+EPVblcSAygz8H2gkSV\r\nQt+QHvsY6spexyg9Kw8/ytWUOIIRlUoklKFim88I+CivEtaHCxxDuZl1iSHl\r\nfgd6bgOKJ0/bkLkuYe9gZv+JS/jm03DSWzA=\r\n=caRM\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"ajibari","email":"ajibari@gmail.com"},"directories":{},"maintainers":[{"name":"ajibari","email":"ajibari@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-360_0.1.7_1666059434229_0.632687040297204"},"_hasShrinkwrap":false},"0.1.8":{"name":"@ajibari/vue-360","version":"0.1.8","author":{"name":"Rajeev R. Gade","email":"rajeevgade@gmail.com"},"description":"A Simple and Beautiful 360 viewer for your product","repository":{"type":"git","url":"git+https://github.com/rajeevgade/vue-360.git"},"homepage":"https://vue-360.now.sh/","license":"MIT","main":"./dist/VueProduct360.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build --target lib --name VueProduct360 ./src/components/I360Viewer.vue","lint":"vue-cli-service lint"},"dependencies":{"core-js":"^3.6.5","uuid":"^3.4.0","vue":"^2.6.10","vue2-hammer":"^2.1.2"},"devDependencies":{"@vue/cli-plugin-babel":"^4.3.1","@vue/cli-plugin-eslint":"^4.3.1","@vue/cli-plugin-vuex":"^4.3.1","@vue/cli-service":"^4.3.1","babel-eslint":"^10.1.0","bili":"^4.10.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.0.0","rollup-plugin-vue":"^5.1.9","vue-template-compiler":"^2.6.10"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"rules":{"no-unused-vars":"off","no-console":0,"no-mixed-spaces-and-tabs":0},"parserOptions":{"parser":"babel-eslint"}},"postcss":{"plugins":{"autoprefixer":{}}},"browserslist":["> 1%","last 2 versions"],"gitHead":"65cf513080d453badd67c3762efedb9c7b90b0db","bugs":{"url":"https://github.com/rajeevgade/vue-360/issues"},"_id":"@ajibari/vue-360@0.1.8","_nodeVersion":"16.17.1","_npmVersion":"8.15.0","dist":{"integrity":"sha512-2i1uo5f18UoK4JOzVpZxhw1F11TeJ9Goe27W5MkPz9JhrKK8u0p/TIF5TUYtQQ7WpM4lVqilb6z3OvW7PcWyZw==","shasum":"cc7ea267cd990294379a2d8eb0cbde2d3719ca58","tarball":"https://registry.npmjs.org/@ajibari/vue-360/-/vue-360-0.1.8.tgz","fileCount":10,"unpackedSize":759272,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCqMuLyKUJGMvQtZ1e8UzJ6h7BN196+QmQq/tvhgFdH4wIhAO3jUPMv1Nt8CqyaGkkaS88hTfqHhKAqFk5xBgrsSODx"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjThTpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmphVQ/9HNy9xj+RyOml7LCAX+xMVG2HFiiyqDBdkvxY4FkELR1IFLgt\r\nhRH7p6Ccfw4eIV+++pM/eBC4wgZwsDQ4tQfbH14Z6YBDOnF+UfIP2lzubmGE\r\nLU1aiyVYmSCF5Ox0iCYLjilG8Mwldim/lIXCSpShnq2G9v6cEWhaOH9cTEkr\r\n/chqAaAF2UbyS71jy8vLyxtze23hRwmoHNP6YZDWuUciUN0Bakk5iozCW42I\r\nYu7coJNCHHoM31G1JKf1/Z4AgTYsivKdFw3HyqeAZ+VgRccV+EdT2IXr0h6Y\r\nyg6ORcbgIYo6AFYyU02mT4NlVuWv7PEUkO3LTIBSWWKbuNqPKHuJ44osY6vt\r\nDI0qx89D+z48GeDHPduzAkRgbPSJGbIT+a179kGnNMt4HV4soOpqsA6+ZoAA\r\nPsKRvefXVcFApeB1yv3powguj0fq4RlfuU2S096GvNvvj01ggFvugpn8pqXy\r\nHEtDcxfVzfD2HrkoE/XGbEDZh66TgcNbEvGb7xjUBPwVKsOysxxaPwBVPgfU\r\nvRT1mPr/eaNQv5cMReXm/cE1QJswufOwGaNDimyAzpsuWsW8B8uFNGp1rDUh\r\ni17ZryDAc5Vq8q1b5Btpg8uvj48XJxwKXYflYVnt78r0jrxIm5Bkk92WCosL\r\nvr4LSoE9C7qQ4ZVEE8KLBvu0m3BwV8nLOTc=\r\n=5hRa\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"ajibari","email":"ajibari@gmail.com"},"directories":{},"maintainers":[{"name":"ajibari","email":"ajibari@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-360_0.1.8_1666061545003_0.915056118590913"},"_hasShrinkwrap":false}},"time":{"created":"2022-10-18T02:17:14.175Z","0.1.7":"2022-10-18T02:17:14.538Z","modified":"2022-10-18T02:52:25.277Z","0.1.8":"2022-10-18T02:52:25.212Z"},"maintainers":[{"name":"ajibari","email":"ajibari@gmail.com"}],"description":"A Simple and Beautiful 360 viewer for your product","homepage":"https://vue-360.now.sh/","repository":{"type":"git","url":"git+https://github.com/rajeevgade/vue-360.git"},"author":{"name":"Rajeev R. Gade","email":"rajeevgade@gmail.com"},"bugs":{"url":"https://github.com/rajeevgade/vue-360/issues"},"license":"MIT","readme":"# vue-360\r\n- A Simple and Beautiful 360&deg; Product Viewer built on Vue.js\r\n\r\n### [Click here for React Version](https://github.com/rajeevgade/react-360)\r\n\r\n## Demo\r\n\r\n![Preview](https://www.techsolate.com/vue-360-viewer/demo.gif)\r\n\r\n[Demo](https://vue-360.now.sh/) | [Documentation](https://rajeevgade.github.io/vue-360)\r\n\r\n## Features\r\n\r\n- 360&deg; View\r\n- Zoom\r\n- Pan\r\n- Autoplay (Loops)\r\n- Full Screen Mode\r\n- Spin Direction\r\n- Image Caching\r\n- Mobile Responsive\r\n- Touch Events\r\n\r\n\r\n## Installation\r\n```\r\nnpm install vue-360\r\n```\r\n\r\n## Config\r\n\r\n```\r\nimport VueThreeSixty from 'vue-360'\r\n\r\nimport 'vue-360/dist/css/style.css'\r\n\r\nVue.use(VueThreeSixty)\r\n```\r\n\r\n## Example\r\n```\r\n<vue-three-sixty \r\n  :amount=36\r\n  imagePath=\"https://scaleflex.cloudimg.io/width/600/q35/https://scaleflex.ultrafast.io/https://scaleflex.airstore.io/demo/chair-360-36\"\r\n  fileName=\"chair_{index}.jpg?v1\"\r\n/>\r\n```\r\n### Adding a Header\r\n```\r\n<template v-slot:header>\r\n  <div class=\"v360-header text-light bg-dark\">\r\n      <span class=\"v360-header-title\">36 Images - Autoplay (1 loop) - Reverse Spin</span>\r\n      <span class=\"v360-header-description\"></span>\r\n  </div>\r\n</template>\r\n```\r\n\r\n### Icons\r\n- The icons used in the demo are from fontawesome. Add the following in your header to display the icons.\r\n```\r\n<link href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css\" rel=\"stylesheet\" type=\"text/css\">\r\n```\r\n\r\n## Props\r\n\r\n| Name | Type | Description | Required | Default Value |\r\n| --- | --- | --- | --- | --- |\r\n| amount | Number | Number of images | Yes |\r\n| imagePath | String | Path to your image | Yes |\r\n| fileName | String | File name format | Yes |\r\n| spinReverse | Boolean | Reverse Spin | Optional | false |\r\n| autoplay | Number | Autoplay your images | Optional | 24 |\r\n| loop | Number | Number of loops you want to autoplay | Optional | 1 |\r\n| boxShadow | Boolean | Apply Box Shadow Background | Optional | false |\r\n| buttonClass | String | Apply Styling to Buttons | Optional (light/dark) | light |\r\n| paddingIndex | Boolean | Apply Leading Zero to Image Index | Optional | false |\r\n| disableZoom | Boolean | Disable Zoom Functionality | Optional | false |\r\n| scrollImage | Boolean | Scroll Images instead of Default Zoom | Optional | false |\r\n\r\n## Buttons \r\n\r\n(In order from left to right)\r\n\r\n- Play/Pause\r\n- Zoom In\r\n- Zoom Out\r\n- Pan / 360&deg; Mode\r\n- Move Left\r\n- Move Right\r\n- Reset Position\r\n\r\n\r\n## Roadmap\r\n\r\n- Hotspots\r\n- Lazyloading\r\n- Custom CSS Classes\r\n- Custom Buttons\r\n- And a few more ...\r\n\r\n## Credits\r\n\r\n- [vue](https://vuejs.org/)\r\n- [vue2-hammer](https://hammerjs.github.io/)\r\n- [core-js](https://github.com/zloirock/core-js)\r\n- [Cloud Image](https://www.cloudimage.io/)\r\n","readmeFilename":"README.md"}