{"_id":"@bananin/bgaleria","_rev":"8-5aacb9f581f84ab5343e9b317f4ea6e9","name":"@bananin/bgaleria","dist-tags":{"latest":"1.0.5"},"versions":{"1.0.0":{"name":"@bananin/bgaleria","version":"1.0.0","description":"Galería con Bananin","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"keywords":["Galería","Image and Video Gallery","vue","bootstrap"],"author":{"name":"Jhoan"},"license":"MIT","_id":"@bananin/bgaleria@1.0.0","_nodeVersion":"16.15.0","_npmVersion":"8.10.0","dist":{"integrity":"sha512-g9SwxQZS7z2gk+YjDOvSxlZNbDEXDX0iCKrYyp75tickffvzpvs4A6oWS5nUkZ5NE5F5F5tsvGVKAwAhZriq/g==","shasum":"d91c8394f4f87cbfc6ef97b15de0f1302f4e385e","tarball":"https://registry.npmjs.org/@bananin/bgaleria/-/bgaleria-1.0.0.tgz","fileCount":9,"unpackedSize":25692,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDSL0e8TSXbHZXHMnsnrudLXZqLvQ9phumYPNsmC24F4AIgDvsSp72j0/1W4zBWJvB4yrhzpTmzUEt7UANouT3qX8w="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJilnrsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqxrA/9HHTGU56UernW4YmuvCMifbkcYSvsbws2WuWNXcP2AaeUA2ir\r\nBf6juoDLwA0BqTC+fH/JS2Jn6bekNSwb9E00PUfIq5eLO6xcRjsrjb5yF4lg\r\nViIYgqN0kpP+JDDQs6IIADWRXgaWMPZggkXrMOEhg9jVVkBiKf9Ylijk7wxn\r\nU5udAOxEyENM9YiBRcnrj64QsBQBvjbfzeh6VbTLS/1mMqYwlNchI9uLqqwG\r\nIj3DOd2dHO/+Dh7bUwoR3G3D18XpnwtHmxp4O6hvbGmuwlzTOItj7vCE+1M6\r\nzPbEdO0s3jYRCjdcIUIDC76DwcONSlo3aYEraDB3iWs+7wVfTdJdH0B5c60/\r\n181F6klnwkqwy7A9u2vM92rHGEa628MjobW2HovA+aPJrx93OotWlWabDV+F\r\nY/LVshhUqwqH0oHUs9JNq0iHJANGu4fdzSE+IBH4/BqUIK5tPTgVycUfiMsZ\r\nrFFglFPS770nIS81udLZQTp5wQQkELSdBN4MsSdtFELzyfKDeVewPSEGWxOW\r\ni0Us+WE0eRGSqMkGSUE2VcA2puNos/+XySipEySASKpRa2sYDXHuK3vWKFZE\r\n16liAMaWdxFwrhm2WCF76AMoIU4BQJIeVuXyBFIiDPKU+sRzu4a5ceywvcnt\r\nKjJaniTce0y40DpEG/CtfgsLMoL8Ez7cPuM=\r\n=RUDy\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bananin","email":"jhoanvelasque@gmail.com"},"directories":{},"maintainers":[{"name":"bananin","email":"jhoanvelasque@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/bgaleria_1.0.0_1654029036633_0.43987137509155705"},"_hasShrinkwrap":false},"1.0.4":{"name":"@bananin/bgaleria","version":"1.0.4","description":"Galería con Bananin","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"keywords":["Galería","Image and Video Gallery","vue","bootstrap"],"author":{"name":"Jhoan"},"license":"MIT","_id":"@bananin/bgaleria@1.0.4","_nodeVersion":"16.15.0","_npmVersion":"8.10.0","dist":{"integrity":"sha512-iT15BQqa7KhD/GeJR6XzM95UMncJyCXwZPqeJj7AI2d38TKI4OkUkmc3BORrrgJVfGNdTmv2jouTdX57LF6elg==","shasum":"523e3610f1cd86d878a456063417c7a5c0f35b72","tarball":"https://registry.npmjs.org/@bananin/bgaleria/-/bgaleria-1.0.4.tgz","fileCount":9,"unpackedSize":26554,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDW9OPU+TJVYvJ+N1ch0d0D1mumB5p/q3AR3xiP2+qR9QIhAPgU9T0pD6SMflbOFqB8t5TuRN782d7RoVWWW1R+R9SI"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjQF16ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrYRg/9GI6ScUFLelDSwl2CQCBWrbKI9hAujM+Hn/eZX4Yyo3hg6JY0\r\n5lWcQX1w/BxGxAXn7HimCZYogor1io/6vTnrf19zgexUhaKZ+SAEKtYrwYrL\r\npTSplK9c3EGnWtjc/lVllnldM5T50JjVqxSHA4Z4FQXgO5dXLJyvdM7nxRy3\r\nKA9BIYqm+HBJ6RgyqXGOwgX4Q2Pkzxa8PE2vW9kRgfx2tNeTEMmF8vVu7iFM\r\n5HnzVLZigJ/GqWuXAhir72cIRQPmsi+96y8DmswHP7F/l5mQksQ8zd48OU3p\r\nBW/WdOWGLI4z3WCd516PJNtIgGgtGd/WzIV+xSpIf1CPmWIfy91Jy+hrcB78\r\n0zpZMb6vW4mSALYx7gQyA9uxPy+Qg5c2SxoecwnWztshJe3WtMIU6OE9D7zi\r\ndlQMxkrhqKEQacAqKcZ3O/u8QH4nj/1IGNVcOplK0IBMRn0lKvVmltQswHyG\r\n7St24Uqx6GDCddKfiq7XItks9Z28YpMd4XfTcGzWmhgM4j+QPed0a4DHyS/u\r\n4bo2xy44IZ1APmuapGfWTgRzJFWcHkJeZ3yagKZzjv+l88uNmABVC4YPKSdG\r\n2MV99Wl0SI4e/yBHfTJsNL/MrMMeENlEbjAFW8hgLiScAGOGtyU+neM9psVL\r\neUGcdZzBfem1e+8wRCX4HMVq5c39D1NihBA=\r\n=m5X5\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bananin","email":"jhoanvelasque@gmail.com"},"directories":{},"maintainers":[{"name":"bananin","email":"jhoanvelasque@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/bgaleria_1.0.4_1665162617989_0.33595199463507"},"_hasShrinkwrap":false},"1.0.5":{"name":"@bananin/bgaleria","version":"1.0.5","description":"Galería con Bananin","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"keywords":["Galería","Image and Video Gallery","vue","bootstrap"],"author":{"name":"Jhoan"},"license":"MIT","gitHead":"353c6d639245402a7a4326187b4a10ebe470b964","_id":"@bananin/bgaleria@1.0.5","_nodeVersion":"18.15.0","_npmVersion":"9.5.0","dist":{"integrity":"sha512-M9crDC/gBCiccHogyhkbVn7Vkbx9ZWi/2y1v+fHYjX6LI/QsYLcw/ZdYqxyJzYEEzoxrdRgpWJ4R1vGWKFz5JQ==","shasum":"32991c37af165ebd75893c676d988e2f7760bbe4","tarball":"https://registry.npmjs.org/@bananin/bgaleria/-/bgaleria-1.0.5.tgz","fileCount":7,"unpackedSize":12276,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC9XyoE5784fMlerloXArFvqrmztbzmWYXhxK6WbNa9RQIgZFpifwujfAcLHopi/NgcR1KOvSF15nhnnG6wNlM1Jk0="}]},"_npmUser":{"name":"bananin","email":"jhoanvelasque@gmail.com"},"directories":{},"maintainers":[{"name":"bananin","email":"jhoanvelasque@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/bgaleria_1.0.5_1683592827856_0.5438526692666417"},"_hasShrinkwrap":false}},"time":{"created":"2022-05-31T20:30:36.566Z","1.0.0":"2022-05-31T20:30:36.793Z","modified":"2023-05-09T00:40:28.273Z","1.0.1":"2022-09-21T02:23:38.747Z","1.0.2":"2022-09-21T02:25:09.935Z","1.0.3":"2022-09-21T02:30:04.247Z","1.0.4":"2022-10-07T17:10:18.191Z","1.0.5":"2023-05-09T00:40:28.151Z"},"maintainers":[{"name":"bananin","email":"jhoanvelasque@gmail.com"}],"description":"Galería con Bananin","keywords":["Galería","Image and Video Gallery","vue","bootstrap"],"author":{"name":"Jhoan"},"license":"MIT","readme":"# Galería\nBananin's Gallery\n\n# Install\n\nIn head tag\n\n```HTML\n<script src=\"https://unpkg.com/@bananin/bgaleria@latest/js/b-galeria.min.js\"></script>\n<link type=\"text/css\" rel=\"stylesheet\" href=\"https://unpkg.com/@bananin/bgaleria@latest/css/b-galeria.css\" />\n\n<!-- If you include youtube videos you will need to include the api so that it does not remain playing when you close it -->\n<script src=\"https://www.youtube.com/iframe_api\"></script>\n```\n\n\n# Setting\n\nInside Html body:\n\n```HTML\n<div class=\"my-5\" id=\"app\">\n    <b-galeria :img=\"images\" ref=\"gal\" id=\"gal\"></b-galeria>\n    <div class=\"row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4\">\n        <div class=\"col\" v-for=\"(i,e) in images\">\n            <img v-if=\"i.t=='i'\" :src=\"i.s\" class=\"img-gal\" @click=\"this.$refs.gal.show(e)\">\n            <img v-if=\"i.t=='v'\" :src=\"'https://img.youtube.com/vi/'+i.s+'/0.jpg'\" class=\"img-gal\" @click=\"this.$refs.gal.show(e)\">\n        </div>\n    </div>\n</div>\n```\n\nJavascript code:\n\n```JavaScript\nconst app = Vue.createApp({\n    components: {\n        \"b-galeria\": bGaleria\n    },\n    data() {\n        return {\n            images:[\n                {s:\"img/cara.png\",t:\"i\"},\n                {s:\"img/cara.png\",t:\"i\"},\n                {s:\"img/cara.png\",t:\"i\"},\n                {s:\"DJgzyQX-yZQ\",t:\"v\"}//youtube id\n            ]\n        };\n    }\n}).mount(\"#app\");\n```\n\n#Options:\n\n- **img:** the items that are used for the gallery\nIt consists of an array with objects [{s:\"resource path\",w:\"resource path with webp\",t:\"resource type: i=image, v=video\"}]\n- **ref:** reference you will have to call the component from Vue\n- **Interval:** time it takes to pass each image automatically\n- **Id:** id que se asignará a la galería prefijo: \"gal-\"\n\n#Methods:\n\n- **show(x=0):** shows the gallery, x is optional and indicates which image should start to show.\n- **hide():** hide the gallery\n- **goTo(slide):** move the gallery to the given position\n\nExample in [Galería con Bananin](https://bananin.pw/cajita/galeria)\n\n## License\n[MIT](https://choosealicense.com/licenses/mit/)\n\n## Patrocinar \n[With your help I can continue paying the server <3](https://ko-fi.com/bananin)","readmeFilename":"README.md"}