{"_id":"@fabricelements/skeleton-carousel","_rev":"3-50d8396a3b3703d259351f9aa15e3f3f","name":"@fabricelements/skeleton-carousel","dist-tags":{"latest":"3.0.2"},"versions":{"3.0.0":{"name":"@fabricelements/skeleton-carousel","description":"skeleton-carousel provides a carousel for images and other content","main":"skeleton-carousel.js","author":{"name":"The FabricElements Authors"},"keywords":["gallery","carousel","swipe","media","images","slider","pictures","vertical","horizontal","lazy-loading","lazy","material-design","material design","web-components","polymer","FabricElements","fabric","responsive"],"repository":{"type":"git","url":"git+ssh://git@github.com/FabricElements/skeleton-carousel.git"},"version":"3.0.0","license":"BSD-3-Clause","scripts":{"lint":"npm run lint:javascript && polymer lint","lint:javascript":"eslint . --ext js,html --ignore-path .gitignore","test":"polymer test --npm --skip-plugin sauce","test:integration":"polymer build # test that psk builds without error with the CLI","serve":"polymer serve -H 0.0.0.0","update-types":"gen-typescript-declarations --deleteExisting --outDir ."},"dependencies":{"@polymer/gen-typescript-declarations":"^1.2.2","@polymer/iron-a11y-keys-behavior":"^3.0.0-pre.18","@polymer/iron-flex-layout":"^3.0.0-pre.18","@polymer/iron-icons":"^3.0.0-pre.18","@polymer/iron-selector":"^3.0.0-pre.18","@polymer/paper-icon-button":"^3.0.0-pre.18","@polymer/polymer":"^3.0.0"},"devDependencies":{"@polymer/iron-demo-helpers":"^3.0.0-pre.18","@polymer/iron-image":"^3.0.0-pre.18","@polymer/iron-test-helpers":"^3.0.0-pre.18","@webcomponents/webcomponentsjs":"^2.0.0","eslint":"^4.12.1","eslint-config-google":"^0.9.1","eslint-plugin-html":"^4.0.3","polymer-cli":"^1.7.2","wct-browser-legacy":"^1.0.0"},"resolutions":{"inherits":"2.0.3","samsam":"1.1.3","type-detect":"1.0.0"},"gitHead":"7588f82e0a1e534321bcd932b80090e66b075a0f","bugs":{"url":"https://github.com/FabricElements/skeleton-carousel/issues"},"homepage":"https://github.com/FabricElements/skeleton-carousel#readme","_id":"@fabricelements/skeleton-carousel@3.0.0","_npmVersion":"6.1.0","_nodeVersion":"9.11.1","_npmUser":{"name":"erny","email":"c@erny.co"},"dist":{"integrity":"sha512-qcDRoyhadeyRfo8xWF2Px/aK3Wk1tp1fto1QfvVFVxE2qu4G5ALBkeiUfp9N4r2a1HZW1kAUWcnBzs+fHNfpFw==","shasum":"4804dada3cf161922c084bb4bd09f936b7305c38","tarball":"https://registry.npmjs.org/@fabricelements/skeleton-carousel/-/skeleton-carousel-3.0.0.tgz","fileCount":17,"unpackedSize":65554,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbKTlmCRA9TVsSAnZWagAAT60QAJae5LrQeLN2j4cFRmQx\nDcHZhOeyrqKoohcFNZMS8cktzErWIMLyjdc3me4N14XXGntRTEmVT74MEnTJ\n6wHv/17NYuPlj46QYOP4poXo6wmQeuKjCywvtU3sVHFmxKQQD1Jr+VcZYUGC\nDZT1CvddB3o4odtw/zY4DKYrSExNnsQoaLNdwjAkB7KTskQNIhqSpnPi3UZz\nS7m5C38hK4xxnaHFLjpF9sd04KgSlBUNVviXgdLeZaagpxFautfzoF71/B7f\nxWgbm/eXAlUX5Zd6LmFqNMueVy/2MvncoJfVlOpRlBgzwF10cKNRM4TLtwjy\nQT6qmwRWJwMyCDDTIXYS4/0vs6q+0C0wNE17EM/ApJ/F38q4+UtW158h2Mw2\nWmQAt2lY93p09cZdnhjJs/QcZvTXyP3wxa/wrHREb+i9uPCxzhrs6pGI8pD3\n9nc7Q7MqlwubIf6iWmUlrrzEzME4g5H6TuntmJaOKmQwI8rtcnoVXwWbS/Nz\nwfK+gSP7xvdHw1AtmhM+DHQE3LrkWVwG4J7pISdHx31i6VJGMyCuvTAZEdzG\nH7Zkdv2/mNImEjBxVvwiDah4/JJ/pj8ASAR86FzEPTKlstbVkGO2l+WYtGgq\narAKiLhQaZyOHa/EedxC0wB2BidjFc2/r9ZJcoEquyoD5bojSVu2DoROOAKY\nDUaB\r\n=aYwu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBKv3UkG7Ax8chmeDWBJduC/yhiHOlPYIELLcsrsvtQUAiBWw2JVdw0AO9KgkPyruWLGPqnKxhS//cO+kBR+0WmyVw=="}]},"maintainers":[{"name":"erny","email":"c@erny.co"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/skeleton-carousel_3.0.0_1529428325159_0.940281751894682"},"_hasShrinkwrap":false},"3.0.1":{"name":"@fabricelements/skeleton-carousel","description":"skeleton-carousel provides a carousel for images and other content","main":"skeleton-carousel.js","author":{"name":"The FabricElements Authors"},"keywords":["gallery","carousel","swipe","media","images","slider","pictures","vertical","horizontal","lazy-loading","lazy","material-design","material design","web-components","polymer","FabricElements","fabric","responsive"],"repository":{"type":"git","url":"git+ssh://git@github.com/FabricElements/skeleton-carousel.git"},"version":"3.0.1","license":"BSD-3-Clause","scripts":{"lint":"npm run lint:javascript && polymer lint","lint:javascript":"eslint . --ext js,html --ignore-path .gitignore","test":"polymer test --npm --skip-plugin sauce","test:integration":"polymer build # test that psk builds without error with the CLI","serve":"polymer serve -H 0.0.0.0","update-types":"gen-typescript-declarations --deleteExisting --outDir ."},"dependencies":{"@polymer/gen-typescript-declarations":"^1.2.2","@polymer/iron-a11y-keys-behavior":"^3.0.0-pre.18","@polymer/iron-flex-layout":"^3.0.0-pre.18","@polymer/iron-icons":"^3.0.0-pre.18","@polymer/iron-selector":"^3.0.0-pre.18","@polymer/paper-icon-button":"^3.0.0-pre.18","@polymer/polymer":"^3.0.0"},"devDependencies":{"@polymer/iron-demo-helpers":"^3.0.0-pre.18","@polymer/iron-image":"^3.0.0-pre.18","@polymer/iron-test-helpers":"^3.0.0-pre.18","@webcomponents/webcomponentsjs":"^2.0.0","eslint":"^4.19.1","eslint-config-google":"^0.9.1","eslint-plugin-html":"^4.0.3","polymer-cli":"^1.7.2","wct-browser-legacy":"^1.0.0"},"resolutions":{"inherits":"2.0.3","samsam":"1.1.3","type-detect":"1.0.0"},"gitHead":"17e47b33833cb5ed2046d188b3d7107e41712e94","bugs":{"url":"https://github.com/FabricElements/skeleton-carousel/issues"},"homepage":"https://github.com/FabricElements/skeleton-carousel#readme","_id":"@fabricelements/skeleton-carousel@3.0.1","_npmVersion":"6.1.0","_nodeVersion":"9.11.1","_npmUser":{"name":"erny","email":"c@erny.co"},"dist":{"integrity":"sha512-IhMk/qLII5Z95x031u6mEOe6bYoQwuGo+elPmkK2p1cn5duvZf/3lA3PDdwCWIwc3I0Kh/kGCPtfc1FqoivxWA==","shasum":"b0013218a84ad85c5d82e3b912f0a3af30bccede","tarball":"https://registry.npmjs.org/@fabricelements/skeleton-carousel/-/skeleton-carousel-3.0.1.tgz","fileCount":18,"unpackedSize":63452,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbKVRfCRA9TVsSAnZWagAASjkP/j5fsBO92MojaboAkV3o\n/2wC0t7D9xv3T9cajU3sMW8WBRugJXBphu6f1pD27Rcz6gib8TDRCzpaT7Q/\nunGpY3Q8i0aqQZcDMXGxpTrtqtXarxc1n7VbNld/iwNumI3X0934TeFyaSlk\nTAl4aFSodULbzZ3PJQglWKJ884FBwTed+BLLF0OWk3nzScMCFvu0pwY7jfi2\n6Fi1GP+XVhg2MP/KOzSpbHlaMSfjWjp+nvhY058mi2EImrP5EpCLfgLVmJE1\nCMJpk2CZnBVODeC/ySJupa83cY1fjgCJobj/nnC0U6ubEr54pIKTLKkmI3u1\ncqJAnonLYmudAix0lNsaJdLe1PMcb18aU5VO9/N009oA5q7ZZvZEKo2SuM1R\nedoNVH5GfHLywNVxs6vrEkY5VQ579Z8uQMnNQ3Pclk2SVRv3PVUp/A7ZW2nb\neXjKMwTB5NY3fobhfIz1wMa6IJPCxRmUh3YwnNhLfG8TIw7bXTK7vpn1kiP2\nKKaUKyI84Th/lc5bMCmZjPHzeSLetNUop/Pf6RgPuI/nbWHwNsqdzpicwgP8\nVoqSbDzZ0+9gHzXM2+YM9iEPUOvgH3dZUtJXn/ela/n5vOMvYvONOYx9rLaP\nZojR3x4olkTzchmRrs9AgOKvE9oeqzPB7dgoTzFjacpfswIONkdVnjihOiKW\nrnHs\r\n=hwgi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIADrXewe+6n+wqWy26WWU0348e68QdmIGWxBfaBvCPykAiAWMJOuPFAZ+H4p/nLP9RATsTVcvbX8Kfnt4VLZP12a2w=="}]},"maintainers":[{"name":"erny","email":"c@erny.co"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/skeleton-carousel_3.0.1_1529435229569_0.6508944548114008"},"_hasShrinkwrap":false},"3.0.2":{"name":"@fabricelements/skeleton-carousel","description":"skeleton-carousel provides a carousel for images and other content","main":"skeleton-carousel.js","author":{"name":"The FabricElements Authors"},"keywords":["gallery","carousel","swipe","media","images","slider","pictures","vertical","horizontal","lazy-loading","lazy","material-design","material design","web-components","polymer","FabricElements","fabric","responsive"],"repository":{"type":"git","url":"git://github.com/FabricElements/skeleton-carousel.git"},"version":"3.0.2","license":"BSD-3-Clause","scripts":{"lint":"npm run lint:javascript && polymer lint","lint:javascript":"eslint . --ext js,html --ignore-path .gitignore","test":"polymer test --npm --skip-plugin sauce","test:integration":"polymer build # test that psk builds without error with the CLI","serve":"polymer serve -H 0.0.0.0","update-types":"gen-typescript-declarations --deleteExisting --outDir ."},"dependencies":{"@polymer/gen-typescript-declarations":"^1.2.2","@polymer/iron-a11y-keys-behavior":"^3.0.0-pre.18","@polymer/iron-flex-layout":"^3.0.0-pre.18","@polymer/iron-icons":"^3.0.0-pre.18","@polymer/iron-selector":"^3.0.0-pre.18","@polymer/paper-icon-button":"^3.0.0-pre.18","@polymer/polymer":"^3.0.0"},"devDependencies":{"@polymer/iron-demo-helpers":"^3.0.0-pre.18","@polymer/iron-image":"^3.0.0-pre.18","@polymer/iron-test-helpers":"^3.0.0-pre.18","@webcomponents/webcomponentsjs":"^2.0.0","eslint":"^4.19.1","eslint-config-google":"^0.9.1","eslint-plugin-html":"^4.0.3","polymer-cli":"^1.7.2","wct-browser-legacy":"^1.0.0"},"resolutions":{"inherits":"2.0.3","samsam":"1.1.3","type-detect":"1.0.0"},"gitHead":"17e47b33833cb5ed2046d188b3d7107e41712e94","bugs":{"url":"https://github.com/FabricElements/skeleton-carousel/issues"},"homepage":"https://github.com/FabricElements/skeleton-carousel#readme","_id":"@fabricelements/skeleton-carousel@3.0.2","_npmVersion":"6.1.0","_nodeVersion":"9.11.1","_npmUser":{"name":"erny","email":"c@erny.co"},"dist":{"integrity":"sha512-lPdaSnFjyX1eTpJsmrU/kB1NY4Q747mtZ9wDm+oRoCGmMcmPfWoqeW/XDTWPbJXKqfS7m6aB7M9TE8kQBxaftg==","shasum":"644181294ebbb00c19c28b3e38d149a261fe0d2d","tarball":"https://registry.npmjs.org/@fabricelements/skeleton-carousel/-/skeleton-carousel-3.0.2.tgz","fileCount":18,"unpackedSize":63454,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbKViUCRA9TVsSAnZWagAAGawQAJKWzCJ0+sAqaBDNiCew\nD/6Dek9HX/mAyyLeFdk5EOrYrqep8KQNtzpRiZPA7J/dt4I23mm3fpRjxQ1n\ngq/KdWiJyzeQIONx64p8kvXiLGd9zo7oX+BDGqKzwk5K4PCGfnxGaOxuLxSW\non3BZbGYzKPPDoMDUqoiE4GrurNc5gOGCX7CTV4NBdi6RhEuahXb/Yi7Xb67\nakG706rTnuLCboQ9EocdAHWzR1e297Fs4uRwXiBPrQ73f+nljl6rLol/rebd\neEXrFXADdP+eJmgoI2mw92GMuifA1O9mtgmylP116wOsLHb2WhqMvJh2jNNb\n1dukr6yAKCent+csBPBlKW7Z+tlj/gwbhK44bYjRzhNEVMiWgDCAL73oyoDp\ncBncq5SAGd4F8thPqXIPvIgkhjZXAFBlgFT6oXZcJ7akP9KqlunxWk+QlwTJ\nByB9DpGlbY3gT10GLrecnRMBgXAjMR/50HqKuc8MZIaLUX0vDOOlO2DpdJ7H\n6R3iSp/doSBoUHl+mfdGudDvGGllNnXhrHDx8ksHlww8z+aJ4iz3wFEXnF2g\n/EM2eoICpigxIgmJEHKJHpIU3JZAsz4wc3Y2XAZMvknCMsq8m4HVtOrp8Ma7\nOy3jqCsnr7gkDQzrv3FjH6VrfFUgOXggutaGxVx5+06eJxndgvcP18Umtm3g\nhzz4\r\n=kDcq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDBJPa3gJq5QfVj4/gihglLqUIXv4x4VxGbGpFiIRu9EAIgCa8WoaFGsq+AlnBGxetUR/Z9IBGMnZA9si4E2hwjE8E="}]},"maintainers":[{"name":"erny","email":"c@erny.co"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/skeleton-carousel_3.0.2_1529436307374_0.965818422810349"},"_hasShrinkwrap":false}},"time":{"created":"2018-06-19T17:12:05.086Z","3.0.0":"2018-06-19T17:12:05.317Z","modified":"2022-04-05T09:58:02.695Z","3.0.1":"2018-06-19T19:07:09.641Z","3.0.2":"2018-06-19T19:25:07.446Z"},"maintainers":[{"name":"erny","email":"c@erny.co"}],"description":"skeleton-carousel provides a carousel for images and other content","homepage":"https://github.com/FabricElements/skeleton-carousel#readme","keywords":["gallery","carousel","swipe","media","images","slider","pictures","vertical","horizontal","lazy-loading","lazy","material-design","material design","web-components","polymer","FabricElements","fabric","responsive"],"repository":{"type":"git","url":"git://github.com/FabricElements/skeleton-carousel.git"},"author":{"name":"The FabricElements Authors"},"bugs":{"url":"https://github.com/FabricElements/skeleton-carousel/issues"},"license":"BSD-3-Clause","readme":"[![Build Status](https://travis-ci.org/FabricElements/skeleton-carousel.svg?branch=master)](https://travis-ci.org/FabricElements/skeleton-carousel)\n[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/FabricElements/skeleton-carousel)\n[![Published on Vaadin Directory](https://img.shields.io/badge/Vaadin%20Directory-published-00b4f0.svg)](https://vaadin.com/directory/component/FabricElementsskeleton-carousel)\n[![Stars on vaadin.com/directory](https://img.shields.io/vaadin-directory/star/FabricElementsskeleton-carousel.svg)](https://vaadin.com/directory/component/FabricElementsskeleton-carousel)\n\n\n## \\\n\n`skeleton-carousel` is a web component that provides a carousel for images and other content.\n\n## Features\n\n* Horizontal and vertical carousel.\n* Lazy load content with the property `data-src`.\n* Swipe navigation capabilities.\n* Keyboard navigation. `←` `↑` `→` `↓`\n* Hide/Display only the navigation that you need.\n* Custom styles.\n* Automatic animation with custom time.\n\n## Installation\n\n```shell\n$ npm install @fabricelements/skeleton-carousel --save\n```\n\n## Examples\n### Basic usage\n\n\n```html\n\n \n \n \n\n```\n\n### Vertical layout\n\n\n```html\n\n \n \n \n\n```\n\n### Attributes\n\n* `alt` (boolean) - Flips the position of the navigation. Puts the navigation at the top of the carousel for the horizontal layout and to the left for the vertical layout.\n* `animating` (boolean) - Read-only value that indicates if the carousel is been animated (Transition).\n* `auto` (boolean) - Change slides automatically.\n* `direction` (string) - Carousel direction (horizontal or vertical).\n* `disabled` (boolean) - Disables component.\n* `disable-swipe` (boolean) - Disables swipe functionality.\n* `disable-keys` (boolean) - Disables keyboard navigation.\n* `duration` (number) - Autoplay interval time in milliseconds (Default: `4000`)\n* `dots` (boolean) - Show navigation dots.\n* `end` (boolean) - Detail returns `true` when the carousel has reached the last slide.\n* `loop` (boolean) - Determines if the carousel should be looped. This affects the controls and the drag and drop functionality. Set to `true` if you need to loop the slides.\n* `nav` (boolean) - Show navigation next/prev buttons.\n* `selected` (number) - Selected slide (Starts at `0`)\n* `total` (number) - Read-only value that reflects the total number of slides.\n\n### Events\n\n* `animating-changed` - Fired when the `animating` property has changed.\n* `end` - Fired when the carousel has reached the last slide.\n* `end-changed` - Fired when the `end` property has changed.\n* `selected-changed` - Fired when the `selected` property has changed.\n* `selected-item-changed` - Fired when the `selectedItem` property has changed.\n* `show-next-changed` - Fired when the `showNext` property has changed.\n* `show-prev-changed` - Fired when the `showPrev` property has changed.\n* `swiping-changed` - Fired when the `swiping` property has changed.\n* `total-changed` - Fired when the `total` property has changed.\n\n### Styling\nThe following custom properties and mixins are available for styling:\n\n| Custom property | Description | Default |\n| ----------------------------------------- |:---------------------------------------:| -----------------------:|\n| `--skeleton-carousel` | Mixin applied to the carousel | `{}` |\n| `--skeleton-carousel-min-height` | Carousel minimum height | `300px` |\n| `--skeleton-carousel-container` | Mixin applied to the container | `{}` |\n| `--skeleton-carousel-container-horizontal`| Mixin applied to horizontal container | `{}` |\n| `--skeleton-carousel-container-vertical` | Mixin applied to vertical container | `{}` |\n| `--skeleton-carousel-item` | Mixin applied to slotted item | `{}` |\n| `--skeleton-carousel-item-selected` | Mixin applied to slotted selected item | `{}` |\n| `--skeleton-carousel-controls` | Mixin applied to the controls | `{}` |\n| `--skeleton-carousel-controls-horizontal` | Mixin applied to horizontal controls | `{}` |\n| `--skeleton-carousel-controls-vertical` | Mixin applied to vertical controls | `{}` |\n| `--skeleton-carousel-dots` | Mixin applied to dots container | `{}` |\n| `--skeleton-carousel-dot` | Mixin applied to each dot | `{}` |\n| `--skeleton-carousel-dot-color` | Dot color | `var(--paper-grey-900)` |\n| `--skeleton-carousel-dot-selected` | Mixin applied to selected dot | `{}` |\n| `--skeleton-carousel-dot-disabled` | Mixin applied to selected dot | `{}` |\n| `--skeleton-carousel-nav` | Mixin applied to navigation buttons | `{}` |\n| `--skeleton-carousel-nav-color` | Navigation buttons color | `var(--paper-grey-900)` |\n| `--skeleton-carousel-nav-disabled` | Mixin applied to disabled navigation | `{}` |\n| `--skeleton-carousel-nav-disabled-color` | Navigation buttons disabled color | `var(--paper-grey-900)` |\n| `--skeleton-carousel-nav-prev` | Mixin applied to previous button | `{}` |\n| `--skeleton-carousel-nav-next` | Mixin applied to next button | `{}` |\n| `--skeleton-carousel-transition` | Transition mixin () | `{}` |\n\n## Contributing\n\nPlease check [CONTRIBUTING](./CONTRIBUTING.md).\n\n## License\n\nReleased under the [BSD 3-Clause License](./LICENSE.md).\n","readmeFilename":"README.md"}