{"_id":"@chronos/b7-carousel","_rev":"4-b1c2650f3f057de9108359d413a5e601","name":"@chronos/b7-carousel","dist-tags":{"latest":"3.0.4"},"versions":{"3.0.0":{"name":"@chronos/b7-carousel","flat":true,"private":false,"repository":{"type":"git","url":"git+https://github.com/balint777/b7-carousel.git"},"license":"SEE LICENSE IN LICENSE","version":"3.0.0","main":"b7-carousel.html","dependencies":{"@polymer/iron-a11y-keys":"^3.0.0-pre.1","@polymer/polymer":"^3.0.0-pre.1","@webcomponents/webcomponentsjs":"^2.0.0"},"devDependencies":{},"gitHead":"823ce8b70d6b5e0ff8f4acb4bbdfb85c571e4cda","description":"[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg?style=flat-square)](https://www.webcomponents.org/element/balint777/b7-carousel)\r [![Published on Vaadin Directory](https://img.shields.io/badge/Vaadin%20","bugs":{"url":"https://github.com/balint777/b7-carousel/issues"},"homepage":"https://github.com/balint777/b7-carousel#readme","_id":"@chronos/b7-carousel@3.0.0","_npmVersion":"6.0.1","_nodeVersion":"8.9.3","_npmUser":{"name":"chronos","email":"balint777@gmail.com"},"dist":{"integrity":"sha512-6iVJEBIASN9TzBqSAgVrlKFNFxTs/QW2NPlAIX/IIAFzPjjQCa+kLHax4H1QkNIOsLtgB3NPHxgMWWbnc2HPPw==","shasum":"c5494511d0f393b5e3a588e5a0fd6b311f0d41d9","tarball":"https://registry.npmjs.org/@chronos/b7-carousel/-/b7-carousel-3.0.0.tgz","fileCount":10,"unpackedSize":23370,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa+Gd6CRA9TVsSAnZWagAAWFYP/2usmXUVDYLdz7PISzrz\n0OjDOiyhl8SGgDxwwqeTraRF2RjQttTHVlOQI62zJXgGTBHGhh4F/vAISDIz\n6gCRikfvvtpLIIanlQRYB2Dvw3sBFZiio5P6mM6JST1jmY86PQYnYaaE53bP\n0VYXsUxzXCbS+owCFhk9L3DmcSolURxrefN1NKigxI+NXWmgEFnCrpNDahe8\nZSVFidhjauLeLWjdgmc7E+MMCQ/CuppzH8OLJ9074Gn//nt7+ZrXPQ2YPXDV\n25XSdrjEX8xZ3l9mseEB316UUbeZHWVYsT7pI1p3hLYN38lbJPrmMoFFgVk1\n6dsV22e0yfUIDZW+5dtkvfRh3pOTRHyBA+PGiM6j+eYN/ss89WUqkH1qVUUZ\n7k0Ujuu25okgTQlizEBf14Ym9c7zDkeLosvyjn3Sfr4FPanHVwFFQScpVtCs\nxBZJM+QlOwmFRmcOwoyS0TIVHiXq5c0nA9mXHAMxwrMUilJgnrQDtxd6tZWH\nJASSbytYB7FhJlKjQIxl/4Q4xWdY9sUoXN38p78aiEeQzaPm1dlrjYmBakwf\nkPYcvaYBA2gcGprDpgOfHEZOANZo92h8/tIkzG5ylDopblcPW05JonjzlIvA\nz2zqt9BDhCiHPsiuXeX9Ch7FGNvB+NLYVNsYLNGfLMig2RrcxbtpH0AUqNMc\n+Jf7\r\n=6Slq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD9cLtABtjHssl6eBDMgTgophlg7rWjSYwYim9B995KawIhAP30+YqfdLD2O8ZF+4f/vdYFfs9wA7lp+o//Pnum7Zta"}]},"maintainers":[{"name":"chronos","email":"balint777@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/b7-carousel_3.0.0_1526228857493_0.07732362751166666"},"_hasShrinkwrap":false},"3.0.1":{"name":"@chronos/b7-carousel","flat":true,"private":false,"repository":{"type":"git","url":"git+https://github.com/balint777/b7-carousel.git"},"license":"SEE LICENSE IN LICENSE","version":"3.0.1","main":"b7-carousel.html","dependencies":{"@polymer/iron-a11y-keys":"^3.0.0-pre.1","@polymer/polymer":"^3.0.0-pre.1","@webcomponents/webcomponentsjs":"^2.0.0"},"devDependencies":{},"gitHead":"131ba9c65961e06e0926fa74fd67cfc7bb769942","description":"[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg?style=flat-square)](https://www.webcomponents.org/element/balint777/b7-carousel)\r [![Published on Vaadin Directory](https://img.shields.io/badge/Vaadin%20","bugs":{"url":"https://github.com/balint777/b7-carousel/issues"},"homepage":"https://github.com/balint777/b7-carousel#readme","_id":"@chronos/b7-carousel@3.0.1","_npmVersion":"6.0.1","_nodeVersion":"8.9.3","_npmUser":{"name":"chronos","email":"balint777@gmail.com"},"dist":{"integrity":"sha512-59dddmVU1NX34CYmn6QW/L0AYx/TU90nEWxSIL7Pr6JhmA6hA6MFpO1wg3l4S0mHskxeAXNCnRTYipAq/Esrdg==","shasum":"7e2329cfc8081318dd48e3631a222c47291adee1","tarball":"https://registry.npmjs.org/@chronos/b7-carousel/-/b7-carousel-3.0.1.tgz","fileCount":10,"unpackedSize":23370,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa+GfxCRA9TVsSAnZWagAAqycP/RBkbUDeE7obQhHoKcEN\nx4buKh/SDEMf/9kAsopbc6BKgA0F7CXPj7LXgg9qtKE6mt3FHlt3NIuEoVCI\nQjDmwxBlZhNMvVYjY4osTQTEejPnKPLJE3ea0Yv4sB8QeAF6zSKNymzAZPwv\nHhmSfkFZCFS5yKE06vR+DjmSJ5y7xROXoc9moYoV83Bo+63YczzPZ1KZjf0w\nHdzyMj4VSkdUtky7lWfn4T74LK60r2JvdgqeNqR3Xt49xfLTAG47X3pyz2ij\nYRwlOJdqdltNJGRE4q4acGQq09OxZCfbZXG2347YD1T8KKZ5k7lUzy5ynuJg\n6MoonjN0IR6BAhcZ1YZgQTDguqsjSPpGQvj++RPu3xt7jY+71WywQWKNvRKB\nlxK3PhPBcevppe5+YSIWOvow9Or5GhiRauG7edqAE4vpop1AVyKPCwyczCfF\nIQs06C7hcD870FXPngHYvTB5Y1RDPE7copRH+D32swfmcSpRcEOrLU7Ii2Pr\n2J6LgPWe/D/wFU/r/Ko9LmJMUHbq7XUUUjyWRAj78juY3CX7jpNoBP0h3Bsl\nIfAYuXf7LllbUJeYYEZy7cEpQHujZfgM7Ygnalpx4+jW01Aq3MLQFVpWi2P9\nat8qe1CkSn/AZCXTb8/STtJd0z4aEjLYdQnd62nbogy86AdQIzKtSRYF3PL8\nN6Cd\r\n=ZiUP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEkGf0jT999155HvMhTjUFqIUVR39EfW4t+Lg68DAUi2AiBSjFgabNpq2P99ukRX0O9m9EeAqpa9EykHdDGY5v2Fag=="}]},"maintainers":[{"name":"chronos","email":"balint777@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/b7-carousel_3.0.1_1526228976401_0.025100655929765958"},"_hasShrinkwrap":false},"3.0.2":{"name":"@chronos/b7-carousel","flat":true,"private":false,"repository":{"type":"git","url":"git+https://github.com/balint777/b7-carousel.git"},"license":"SEE LICENSE IN LICENSE","version":"3.0.2","main":"b7-carousel.html","dependencies":{"@polymer/iron-a11y-keys":"^3.0.0-pre.1","@polymer/polymer":"^3.0.0-pre.1","@webcomponents/webcomponentsjs":"^2.0.0"},"devDependencies":{},"gitHead":"4ebeda5bc38a78b43b2f1ab880e4a734cf7266e3","description":"[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg?style=flat-square)](https://www.webcomponents.org/element/balint777/b7-carousel)\r [![Published on Vaadin Directory](https://img.shields.io/badge/Vaadin%20","bugs":{"url":"https://github.com/balint777/b7-carousel/issues"},"homepage":"https://github.com/balint777/b7-carousel#readme","_id":"@chronos/b7-carousel@3.0.2","_npmVersion":"6.0.1","_nodeVersion":"8.9.3","_npmUser":{"name":"chronos","email":"balint777@gmail.com"},"dist":{"integrity":"sha512-Toqb49jm3pgLNEbk0+P5NX5lRx42Ix9drXNNZD8D/2tCiZy8OHKQl8v+5mhOhN9QUlT+yldYW8iWOWLD05Vnrw==","shasum":"bacb81af045c7d123037da2b536038a77ad8228c","tarball":"https://registry.npmjs.org/@chronos/b7-carousel/-/b7-carousel-3.0.2.tgz","fileCount":10,"unpackedSize":23381,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa+G4YCRA9TVsSAnZWagAAa3gP/0942Qg+jDQyu+V9KdOR\nb4YjsY7TzOtaTwWBy8vdTq6DQveyHoRJ1/CkTkOpInIcK+BvTbL7s+DBnfLK\nNp7scW1x5Hh1zhXWp9h1mll4LmOiO4vnFW9VTtLzD6LMOSGBYAXOD9gl9t2L\n9hf8d7O7r6AOujwppq0mEGZKJ/NLPrZJF6I5kwwtYqmdb/F/AhRKNSI6CV6w\nangniFk1LbxcALcuzB4VvU9Zzbu9NqUt8FtfteIwzjJhJZvsavyACRl1Tv1e\nRedgR7io67gq7ox1yDlS1fyFPxZBsWwn+iSoekY0OYXeY2g4KNk2foiFquj8\nQqF/nW+q6N+/jxbpgpjpVKQ/4N/SfaqICHPb6H3FrAEoZUFooS69n58tej/t\nCypLgs/8QkgZe/i1JrIGbM84WOL+5Jm6z89I3kvfApsa9c+6JCz/fKHxD6GW\n4x02yfFkMMbIfpzc75xtEd7ZbISb6tTQEpzlh915s2qzCNRX1Izr/THqDT7W\n2bjB+GWjXdmt+VDApajjF4fkYKD9RS1nATueV/BsluKjqhsN9e1/Gp6udF8o\nZ2XFpMgSqGrPzKRV+QkEwP6HNZQu/RCDM7QCcrZrhdk5MjMM/WY3L9c7pn+H\nIldgFVsckhmTJCrFlO7SA3VG6lv1K54SpUgZRXvl12gPA1QIw2Ht0TsAwjpd\nlVWP\r\n=k8vH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHsdCbB3gUzr1NPonYC+8ToyiAE8U75fKVVeZ0favnw9AiAzCkRRBmFWZ0Jd+iks+KqgT/gW5ABIRkqAgeMmZTd7nQ=="}]},"maintainers":[{"name":"chronos","email":"balint777@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/b7-carousel_3.0.2_1526230552041_0.4331240837143602"},"_hasShrinkwrap":false},"3.0.4":{"name":"@chronos/b7-carousel","flat":true,"private":false,"repository":{"type":"git","url":"git+https://github.com/balint777/b7-carousel.git"},"license":"SEE LICENSE IN LICENSE","version":"3.0.4","main":"b7-carousel.html","dependencies":{"@polymer/iron-a11y-keys":"^3.0.0-pre.1","@polymer/polymer":"^3.0.0-pre.1","@webcomponents/webcomponentsjs":"^2.0.0"},"devDependencies":{},"scripts":{"serve":"polymer serve","build":"polymer build","test":"polymer test"},"gitHead":"3970902944fb4fe4daf8c7a1d28927d3fe73a5b2","description":"[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg?style=flat-square)](https://www.webcomponents.org/element/balint777/b7-carousel)\r [![Published on Vaadin Directory](https://img.shields.io/badge/Vaadin%20","bugs":{"url":"https://github.com/balint777/b7-carousel/issues"},"homepage":"https://github.com/balint777/b7-carousel#readme","_id":"@chronos/b7-carousel@3.0.4","_npmVersion":"6.1.0","_nodeVersion":"8.9.3","_npmUser":{"name":"chronos","email":"balint777@gmail.com"},"dist":{"integrity":"sha512-9VocPbXPd0eVYjVssE/XN536aXrzJyhcOaK70xPbNx/IR1iig0JpCjwRrKpftiG1H24PGuALiRvy4paBPNdiBA==","shasum":"91014b9ab374ab5d765b68ae7d1e8a05eb8a3f7e","tarball":"https://registry.npmjs.org/@chronos/b7-carousel/-/b7-carousel-3.0.4.tgz","fileCount":11,"unpackedSize":19301,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbUKNpCRA9TVsSAnZWagAAQyAP/i4jCCBRKQ+rZc78Tkfy\nkQXqroST0w2t20PBHTl0fGW1YgSCuwqJFX4Zw45Ub9MuOA87At0cmQ5yPzoq\nhpr5O4IS9kD6nqli4AS9s+QfBmKGgjcQesQpLBEdjMXVGiolfqCEQdMSAbTG\nCTKVVOHug8GzZicjgP2AniPPuHT0u/3aNdz4HUJKkPg+SCQt5Oju51KydKBO\nmgwkDG+S/gmg06X7u3bxBz7YO4IvTU+PAXyBCNhYNV0fEAGPmpXgrCcR7Adb\nJkOWS98HG1uAXXoK66QfbzBNLGEaKgzkUAYt0SzVkm+MbEiMLlv2CtNgbO0b\nSmFeKA358N2bRtcRz2iaLbEtw+Rnz8PlxNNV45Z5LHqGhy+CNujieujpSaIx\nAnmAF2VkNjG4jk+yXr389IXcdkI9ayBxJ4mPsQWHkQXztxHRLsOIHLm0t/bl\nWMcUI74cytQE8huIgz2seyPgYDLCu1WkPeSTC39ysvZ7AjNbfmZ8+7pDo8NQ\nlCXXmWeqWJu7HXeKfJD6jOga3aTUwkOr5vwfw2N+E8+cvQNkD5jFgnJO9+0K\nt2YueUYzx+qYUZHK8J7ScO/Hqmwc5VMgR9k5DU4avZUrYu5Di1dJOfRE7KNq\nePxlgRLqKIJ7hkwv48mgnrssemy7s7RNYxAFrfWDhnvGqiMiw6ZsEo9jX5Zs\nAbG2\r\n=HhiM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCHq/Lef/K7x0nJyZcHYOCEWtQEuQgqQHP5S3DI1Xa1KAIgDHUsMn8hRFxG8mqy3NH0z1+wHuxFWxWruuFB0UL0rvk="}]},"maintainers":[{"name":"chronos","email":"balint777@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/b7-carousel_3.0.4_1532011369750_0.8740009194615705"},"_hasShrinkwrap":false}},"time":{"created":"2018-05-13T16:27:37.195Z","3.0.0":"2018-05-13T16:27:37.589Z","modified":"2022-04-04T22:55:57.671Z","3.0.1":"2018-05-13T16:29:36.735Z","3.0.2":"2018-05-13T16:55:52.123Z","3.0.4":"2018-07-19T14:42:49.848Z"},"maintainers":[{"name":"chronos","email":"balint777@gmail.com"}],"description":"[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg?style=flat-square)](https://www.webcomponents.org/element/balint777/b7-carousel)\r [![Published on Vaadin Directory](https://img.shields.io/badge/Vaadin%20","homepage":"https://github.com/balint777/b7-carousel#readme","repository":{"type":"git","url":"git+https://github.com/balint777/b7-carousel.git"},"bugs":{"url":"https://github.com/balint777/b7-carousel/issues"},"license":"SEE LICENSE IN LICENSE","readme":"[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg?style=flat-square)](https://www.webcomponents.org/element/balint777/b7-carousel)\r\n[![Published on Vaadin Directory](https://img.shields.io/badge/Vaadin%20Directory-published-00b4f0.svg?style=flat-square)](https://vaadin.com/directory/component/balint777b7-carousel)\r\n[![Stars on vaadin.com/directory](https://img.shields.io/vaadin-directory/star/balint777b7-carousel.svg?style=flat-square)](https://vaadin.com/directory/component/balint777b7-carousel)\r\n\r\n\r\n# \\<b7-carousel\\>\r\nb7-carousel is a carousel designed for real-world use. It is a simplistic approach to a functionally complete carousel element.\r\nThe main design goal is to have a minimal performance footprint to be well fit for mobile devices.\r\nThe element features\r\n* Native performance scrolling and paging\r\n* A trivial API\r\n* High level of customizability, with minimal assumptions to the use-cases\r\n* Touch Scrolling\r\n* Mouse scrolling\r\n* Keyboard scrolling\r\n* Responsive layout\r\n\r\n## Dependencies\r\n[Intersection Observer API](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#Browser_compatibility)\r\n\r\n# Basic b7-carousel demo\r\n<!---\r\n```\r\n<custom-element-demo>\r\n\t<template>\r\n\t\t<script src=\"../webcomponentsjs/webcomponents-lite.js\"></script>\r\n\t\t<link rel=\"import\" href=\"b7-carousel.html\">\r\n\t\t<next-code-block></next-code-block>\r\n\t</template>\r\n</custom-element-demo>\r\n```\r\n-->\r\n```html\r\n<b7-carousel style=\"height: 10em\">\r\n\t<img src=\"http://placekitten.com/g/640/480\">\r\n\t<img src=\"http://placekitten.com/g/480/640\">\r\n\t<img src=\"http://placekitten.com/g/600/640\">\r\n\t<img src=\"http://placekitten.com/g/300/400\">\r\n\t<img src=\"http://placekitten.com/g/200/400\">\r\n\t<img src=\"http://placekitten.com/g/500/200\">\r\n\t<img src=\"http://placekitten.com/g/640/480\">\r\n\t<img src=\"http://placekitten.com/g/480/640\">\r\n\t<img src=\"http://placekitten.com/g/600/640\">\r\n\t<img src=\"http://placekitten.com/g/300/400\">\r\n\t<img src=\"http://placekitten.com/g/200/400\">\r\n\t<img src=\"http://placekitten.com/g/500/200\">\r\n</b7-carousel>\r\n```\r\n\r\n# Customized b7-carousel demo\r\n<!---\r\n```\r\n<custom-element-demo>\r\n\t<template>\r\n\t\t<script src=\"../webcomponentsjs/webcomponents-lite.js\"></script>\r\n\t\t<link rel=\"import\" href=\"b7-carousel.html\">\r\n\t\t<next-code-block></next-code-block>\r\n\t</template>\r\n</custom-element-demo>\r\n```\r\n-->\r\n```html\r\n<style>\r\n\t/**\r\n\t * Just a custom chevron\r\n\t */\r\n\tb7-carousel#customized .chevron {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 3em;\r\n\t\tcolor: black;\r\n\t\tfont-size: 2em;\r\n\t\tfont-family: monospace;\r\n\t\ttransition: color 1s ease-in-out;\r\n\t}\r\n\tb7-carousel#customized .chevron:hover {\r\n\t\tcolor: #bbb;\r\n\t}\r\n\t\r\n\t/**\r\n\t * The b7-carousel does not make any assumptions on the size, the\r\n\t * type nor the number of items in the carousel, so you are free to\r\n\t * style and compose them.\r\n\t * There are a couble of things though you can not style. These\r\n\t * values are explicitly controlled by b7-carousel\r\n\t * - max-height\r\n\t * - max-width\r\n\t */\r\n\tb7-carousel#customized > .item {\r\n\t\tmargin: 0 1em;\r\n\t\tbox-shadow: 0 .1em 1.5em rgba(0,0,0,0.2);\r\n\t\t/* b7-carousel items are flex aligned to the center by default */\r\n\t\talign-self: center;\r\n\t}\r\n\tb7-carousel#customized > div.item {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\tjustify-content: flex-end;\r\n\t}\r\n\r\n\t/**\r\n\t * Child elements of b7-carousel will receive a b7-visible class\r\n\t * whenever they are visible on the sceen. You can use this property\r\n\t * to create an enry-exit animation for your carousel items\r\n\t */\r\n\tb7-carousel#customized > .item {\r\n\t\topacity: 0;\r\n\t\ttransform: perspective(10px) translateZ(-10px);\r\n\t\ttransition:\r\n\t\t\topacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94),\r\n\t\t\ttransform 1s cubic-bezier(0.075, 0.82, 0.165, 1);\r\n\t}\r\n\tb7-carousel#customized > .item.b7-visible {\r\n\t\topacity: 1;\r\n\t\ttransform: perspective(100px) translateZ(0px);\r\n\t}\r\n\t\r\n</style>\r\n<b7-carousel id=\"customized\" style=\"height: 15em\">\r\n\t<div slot=\"prev\" class=\"chevron\">&lt;</div>\r\n\t<div slot=\"next\" class=\"chevron\">&gt;</div>\r\n\r\n\t<img class=\"item\" src=\"https://picsum.photos/100/100?image=10\"/>\r\n\t<div class=\"item\">\r\n\t\t<img src=\"https://picsum.photos/100/100?image=11\"/>\r\n\t\t<p>The Rouge One</p>\r\n\t</div>\r\n\t<img class=\"item\" src=\"https://picsum.photos/100/100?image=12\"/>\r\n\t<img class=\"item\" src=\"https://picsum.photos/100/100?image=13\"/>\r\n\t<img class=\"item\" src=\"https://picsum.photos/100/100?image=14\"/>\r\n\t<img class=\"item\" src=\"https://picsum.photos/100/100?image=15\"/>\r\n\t<img class=\"item\" src=\"https://picsum.photos/100/100?image=16\"/>\r\n\t<ul class=\"item\" style=\"padding: 2em\">\r\n\t\t<li>I</li>\r\n\t\t<li>am</li>\r\n\t\t<li>a</li>\r\n\t\t<li>list</li>\r\n\t</ul>\r\n\t<img class=\"item\" src=\"https://picsum.photos/100/100?image=17\"/>\r\n\t<img class=\"item\" src=\"https://picsum.photos/100/100?image=18\"/>\r\n\t<img class=\"item\" src=\"https://picsum.photos/100/100?image=19\"/>\r\n\t<img class=\"item\" src=\"https://picsum.photos/100/100?image=20\"/>\r\n</b7-carousel>\r\n```\r\n\r\n# Development guide\r\n## Install the Polymer-CLI\r\n\r\nFirst, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) installed. Then run `polymer serve` to serve your element locally.\r\n\r\n## Viewing Your Element\r\n\r\n```\r\n$ polymer serve\r\n```\r\n\r\n## Running Tests\r\n\r\n```\r\n$ polymer test\r\n```\r\n\r\nYour application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.\r\n","readmeFilename":"README.md"}