{"_id":"@acamp-components/gallery","_rev":"5-ce33d6f6b8ab792ec68a60f214c9ac3f","name":"@acamp-components/gallery","dist-tags":{"latest":"1.1.0"},"versions":{"1.0.0":{"name":"@acamp-components/gallery","version":"1.0.0","description":"An interactive slider gallery made with React","main":"build/acamp-gallery.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack"},"repository":{"type":"git","url":"git+https://github.com/acamp/acamp-gallery.git"},"keywords":["gallery","slider","react","component","acamp"],"author":{"name":"Judith Sirera i Pulido"},"license":"MIT","bugs":{"url":"https://github.com/acamp/acamp-gallery/issues"},"homepage":"https://github.com/acamp/acamp-gallery#readme","directories":{"test":"test"},"peerDependencies":{"react":"^17.0.2","react-dom":"^17.0.2"},"private":false,"publishConfig":{"access":"public"},"devDependencies":{"@babel/cli":"^7.15.7","@babel/core":"^7.15.8","@babel/preset-env":"^7.15.8","@babel/preset-react":"^7.14.5","classnames":"^2.3.1","core-js":"^3.19.0","css-loader":"^6.5.0","prop-types":"^15.7.2","sass-loader":"^12.2.0","style-loader":"^3.3.1","webpack-cli":"^4.9.1","babel-loader":"8.1.0","sass":"^1.43.3","mini-css-extract-plugin":"^2.4.3","remove-files-webpack-plugin":"^1.4.5"},"dependencies":{},"gitHead":"502f380d9c67f51c296e722163eb55066adda769","_id":"@acamp-components/gallery@1.0.0","_nodeVersion":"12.22.5","_npmVersion":"6.14.14","dist":{"integrity":"sha512-yq2rDoXyKuc6aO0YWemMM3FjZultkmNP52+GlxmVs/Q6wu2oapnKN/7YzRlWmxyjFuD90zIJub/R5fsanVGqBw==","shasum":"30f6ceb20df545e8b083fd829121a98129c15393","tarball":"https://registry.npmjs.org/@acamp-components/gallery/-/gallery-1.0.0.tgz","fileCount":7,"unpackedSize":32077,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiFlmlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrVlg//XA4RbjFpBm2o85yYVnFFNQYbftA9KYbbAD2GZYtG4iSsePw+\r\npBh5EwtszdofZ1nUH02bZei7ogSxFPRe9eVp/dMZn7Dd8998r1Z+mNjOoOKA\r\niJpzTY0zlTHTIPkaFWoJ91ToetcCoxQsQN+lepAwF/9ri7aZpWyQUFLhNnRq\r\n7T2qvt+oINWvBgipKhza6jojj7MFNehpu/waDyKI9asyR1Eye/whwG/DG8Vg\r\nm8eE3itPStsO3M3F4euvaITlR7jwFfcLg8cKeHkbEgQb3q9FB7vbI8Lf1GzV\r\np/ifHTlM6+Xe+tY5ulzMGSVguG1gtpAsvXxJ60oMyVEFgpC6ZLlvk2JlRTBF\r\nTmC3yyk/uxDloiPyIoWgiOLIFQazSjTQghvavY3v0MCH/HVWCSvuCsKLvVn5\r\n1eDw3jofj/qQo5jlMzKz/2mnGzeKhGCS1Z69h81pMepFezpsyXXJ8eg4K55k\r\n38qflxe1si8XsvXI9eeYeKN8Vxu6ene0JWndS+VKSNfydoJNJKHOsmZXN+ar\r\nRRDOzlVRvZbgx5R7HcxocMrXAPYK+dUdAd1E8tsGCehMg+YRXymNvkJvAqrz\r\nYHyPfh/4PvrA68o/tLDIVRjRrFe9K4LDzQvrdKUyJnG+Et8lV6g5+SqIkofz\r\ntRui02rF3La/hN/fIBFWn8cvXzs2y/7assw=\r\n=4dIV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAD5eSSMi98ymp+7f87U1tdD++vNljCdSg8uWTWny3xcAiEA5QNwzUtMTRcQIORdEsco2h2B+3ZvHhbx6GLZtzh0Tj0="}]},"_npmUser":{"name":"eabelle","email":"esteban.bellegarde@gmail.com"},"maintainers":[{"name":"eabelle","email":"esteban.bellegarde@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gallery_1.0.0_1645631909249_0.38858975363095305"},"_hasShrinkwrap":false},"1.1.0":{"name":"@acamp-components/gallery","version":"1.1.0","description":"An interactive slider gallery made with React","main":"build/acamp-gallery.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack"},"repository":{"type":"git","url":"git+https://github.com/acamp/acamp-gallery.git"},"keywords":["gallery","slider","react","component","acamp"],"author":{"name":"Judith Sirera i Pulido"},"license":"MIT","bugs":{"url":"https://github.com/acamp/acamp-gallery/issues"},"homepage":"https://github.com/acamp/acamp-gallery#readme","directories":{"test":"test"},"peerDependencies":{"react":"^17.0.2","react-dom":"^17.0.2"},"private":false,"publishConfig":{"access":"public"},"devDependencies":{"@babel/cli":"^7.15.7","@babel/core":"^7.15.8","@babel/preset-env":"^7.15.8","@babel/preset-react":"^7.14.5","classnames":"^2.3.1","core-js":"^3.19.0","css-loader":"^6.5.0","prop-types":"^15.7.2","sass-loader":"^12.2.0","style-loader":"^3.3.1","webpack-cli":"^4.9.1","babel-loader":"8.1.0","sass":"^1.43.3","mini-css-extract-plugin":"^2.4.3","remove-files-webpack-plugin":"^1.4.5"},"dependencies":{},"gitHead":"7948669a4d5c4d68b1dcdf827eb339ef58e1ab6e","_id":"@acamp-components/gallery@1.1.0","_nodeVersion":"12.22.5","_npmVersion":"6.14.14","dist":{"integrity":"sha512-8RKeNzW9LK1B/9Yqo6BeqUvTeUOWSeMTjNuGhhyXZqv1ncAeyqC6PmvMtOIRXDMWBXQkrRWZJps34yyF5ADjJA==","shasum":"73799e789cb064a6fe100b738ca8fb5e78123261","tarball":"https://registry.npmjs.org/@acamp-components/gallery/-/gallery-1.1.0.tgz","fileCount":7,"unpackedSize":32945,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHeU6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmph9w//cA9d/zxHkYNzpAKN+bVa08jVelzYKr2n8bRa8jhSWV4UslHE\r\nsjefEH5CYzC0WnxbDMhUpQr39mTNEGKXqZr8005AJtwEHe2yexIWoHazyvBz\r\nNlW4eMLAP7hc0fW8gAj9Zx0c74u8bxYFhm8exsq4MqX7dw/J4r8fRRu6MNIY\r\npW0IS8VRuRxZ05TdU9w2ymu0RWe8Z1s9Ge3wUVE4ILuOkids3Fnwyim9hQ1n\r\n3SnuEiD8F72uc7lCf9rfgw9pA+DEIfOZyjLxkBfpD4p1GeESodSvXSQGi3sl\r\ntLu7Ydg5ZtWEaendNovvKL4OkdWDieHCrdIMWujugog6CFXeALd2EFX3yTSP\r\ne9X86OPLeH7q1UQuPlgy+G5CfOJlxj94DQOpe261sfeG0adqAeiSQ9YiAY2s\r\n+SPMe9O3EluvbhDlYDPLhueOicsmxV96vo2GBdHAEaN/bXuAlcf+FgcVM8up\r\ntv4TTJBGR+FL014Kd64TI+028PDodrIquJuSkCGiQc0cCXm93khtGS6eBzGg\r\nMgGydnIUKLtK3H8tD1H1jdUF5O9s9eVFTBBH1hV5zKv+13JciWMaKjBdFiyb\r\nFm3wKdf7QVAT7mTl6ALrYOAZ87TOujyJeGsX08XWx3QT9fryTa4PlFxPu3Na\r\nvUwdg/l964lb4qq5WCEH+L2v964FlEgjHko=\r\n=94dI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID7zH65HH8AXPWbydZMn+XrZtkggsfzf1YaRMoU1IsaRAiA3XM7k5s/vb61ckX4/cwpbzoPZoQjbaiJuZ2g/bp2H3A=="}]},"_npmUser":{"name":"eabelle","email":"esteban.bellegarde@gmail.com"},"maintainers":[{"name":"darrenpaul","email":"drobertpaul@gmail.com"},{"name":"maaahad","email":"ahad@acamp.com"},{"name":"eabelle","email":"esteban.bellegarde@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gallery_1.1.0_1646126394496_0.8446168788223987"},"_hasShrinkwrap":false}},"time":{"created":"2022-02-23T15:58:29.189Z","1.0.0":"2022-02-23T15:58:29.551Z","modified":"2022-04-04T11:05:40.832Z","1.1.0":"2022-03-01T09:19:54.655Z"},"maintainers":[{"email":"judsirera@gmail.com","name":"judsirera"},{"email":"drobertpaul@gmail.com","name":"darrenpaul"},{"email":"ahad@acamp.com","name":"maaahad"},{"email":"esteban.bellegarde@gmail.com","name":"eabelle"}],"description":"An interactive slider gallery made with React","homepage":"https://github.com/acamp/acamp-gallery#readme","keywords":["gallery","slider","react","component","acamp"],"repository":{"type":"git","url":"git+https://github.com/acamp/acamp-gallery.git"},"author":{"name":"Judith Sirera i Pulido"},"bugs":{"url":"https://github.com/acamp/acamp-gallery/issues"},"license":"MIT","readme":"# Acamp Gallery\n\nThe gallery used at [Acamp](https://acamp.com/), now available for your pages!\n\n![Demo](/assets/example.gif)\n\nTry out a demo [here](https://judithsirera.github.io/acamp-gallery/)\n\n## Install\n\n```bash\nnpm i @acamp-components/gallery\n```\n\n## Publish\n\nYou need to be logged in with your npm account:\n\n```bash\nnpm login\n```\n\nOnce you're logged in:\n\n```bash\nnpm publish\n```\n\n## Props\n\n| Prop | type | Description | Default Value |\n| --------------- | --------------------- | ----------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------- |\n| `images` | `Array` | Array of image URL | `[]` |\n| `initialImage` | `Number` | The index of the active image on mount | `0` |\n| `height` | `Number` | The height of the wrapper component (in px) | `460` |\n| `columnGutter` | `Number` | The margin between slides (in px) | `20` |\n| `columnWidth` | `Number` | The width of the non-active slides (in px) | `75` |\n| `sideColumns` | `Number` | The number of side columns considering only one side. | `2` |\n| `containImage` | `String` | Whether the gallery should render the image with full height. Possible values: `\"contain\"`, `\"contain_active\"`, `\"off\"` | `\"off\"` |\n| `activeOnHover` | `Boolean` | Set to true if you want to active an image on hover | `false` |\n| `navigation` | `Boolean` or `Object` | Sets the properties for navigation. Accepts `true`, `false` or `{ className: '', showWhenOneImageOrLess: ''}` | `true`. When there's less than one image, navigation is hidden |\n| `loaderElement` | `node` | The node element to render when loading at start | `null` |\n\n## Style Import\n\n```js\nimport '@acamp-components/gallery/styles/css/acamp-gallery.css';\n\nimport '@acamp-components/gallery/styles/scss/acamp-gallery.scss';\n```\n\nor as link in the head of your html\n\n```html\n\n\n\n```\n\n## Example\n\n```js\nconst IMAGES = Array.from(Array(5), () => 'https://via.placeholder.com/300x200');\n\n;\n```\n\n## Credits\n\nDesigned by [Marija Vitasovic](https://marija.lynxdev.io/) and implemented by [Judith Sirera](http://judithsirera.com/) while working at [Acamp](https://www.acamp.com/)\n","readmeFilename":"README.md"}