{"_id":"@granite-elements/granite-spinner","_rev":"2-81ff12ee6536616e4d06230367fa52b3","name":"@granite-elements/granite-spinner","dist-tags":{"latest":"3.0.0"},"versions":{"3.0.0-0":{"description":"Pure CSS spinner web component","keywords":["web-component","web-components","polymer","lostinbrittany"],"homepage":"https://github.com/LostInBrittany/granite-spinner","repository":{"type":"git","url":"git+https://github.com/LostInBrittany/granite-spinner.git"},"name":"@granite-elements/granite-spinner","main":"granite-spinner.js","author":{"name":"Horacio Gonzalez","email":"horacio.gonzalez@gmail.com"},"license":"MIT","dependencies":{"@polymer/lit-element":"^0.6.2","@polymer/polymer":"^3.0.0"},"devDependencies":{"@polymer/iron-demo-helpers":"^3.0.0-pre.19","@webcomponents/webcomponentsjs":"^2.0.0","wct-browser-legacy":"^1.0.0"},"version":"3.0.0-0","gitHead":"c936120a50f9c2e3c2e5c039e7e631331ea97800","bugs":{"url":"https://github.com/LostInBrittany/granite-spinner/issues"},"_id":"@granite-elements/granite-spinner@3.0.0-0","_npmVersion":"6.4.1","_nodeVersion":"8.12.0","_npmUser":{"name":"lostinbrittany","email":"horacio.gonzalez@gmail.com"},"dist":{"integrity":"sha512-A+51TxlDnlzeuExVQSZiARp+73xaw7dUfcC/iqoK0afe920rXkPF5m3xcCLNxgb5A4tKGNZYK42di7wX/HpziA==","shasum":"aececdd4a3b60a6857b4f7e4f70276a6023a81d1","tarball":"https://registry.npmjs.org/@granite-elements/granite-spinner/-/granite-spinner-3.0.0-0.tgz","fileCount":8,"unpackedSize":12204,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb4GCuCRA9TVsSAnZWagAAyRYP/jtyFq2xo4x7Q0A1XNKN\nw6vcxeUKbBxm1OAgQ2PS8wvIUnB1OSOH7AFzUf5nbweEN03li3VVptqsbxfR\nqzbqV4fIPoJe+rHpopIysgaeaR3ZxVq09GioguywVvLouIoC/nYe3Uvif+hC\naojdmFkOW+hSHCYk8DHYO7i49fJKY0QHi9tW1lbX93eArV80VzJO/zqPhFQ/\n2ZqYcf+8zIBRTDwuw3wbIq7JqLVYD2QEFze6cukzh008F7QZWX37fEc7dl8t\nubTDoqLNaEhy+d5kuoDqoOhE6wCScB8MRU0p4Nyiodl7WWrNI41GPyIqd7mB\nJ0yBd4wtuJ+I79BmAZksfI6jQtrOIi/itIDDHMbz6BXryN8tys7kK4tfO3Qf\nlij9u0HscIp8BY1QRVyV7JM48ZjNR9LyY37r9wj9Vdnxw9Uexvx3BAMJ/Lov\nm0jF9LROMn+/tv06PFA+NSqQbaoU+SLIjS65OoJynsw/xrBJNhZme8KKJO0X\nlxZCWMFQuxSIoxt1sH0/FQlERI9Z88ZbKY0Ct+t+GHc6foMdA25zCbRD5E50\nJEfXGm0CiMMERQqhobO28K/+mMBgxTDjcKLegavie1W61WDmMQ9jmJOfmnQY\nsddX5xwXhj5M63/FSfjThC3M1auZQSqYyLN3UpLMnwpHcKzGh3fq6NsQ2l7j\n2VT4\r\n=MX1b\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCgiLB9ok4oToYkusNipW+ZhNTyvKhJlp9CtY6zFeIo4wIgUIpf9WNdvS6wPfilY657Oy91rAGAiyB6JUJrxmxeq6Q="}]},"maintainers":[{"name":"lostinbrittany","email":"horacio.gonzalez@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/granite-spinner_3.0.0-0_1541431470164_0.4438038345916786"},"_hasShrinkwrap":false},"3.0.0":{"description":"Pure CSS spinner web component","keywords":["web-component","web-components","polymer","lostinbrittany"],"homepage":"https://github.com/LostInBrittany/granite-spinner","repository":{"type":"git","url":"git+https://github.com/LostInBrittany/granite-spinner.git"},"name":"@granite-elements/granite-spinner","main":"granite-spinner.js","author":{"name":"Horacio Gonzalez","email":"horacio.gonzalez@gmail.com"},"license":"MIT","dependencies":{"@polymer/lit-element":"^0.6.2","@polymer/polymer":"^3.0.0"},"devDependencies":{"@polymer/iron-demo-helpers":"^3.0.0-pre.19","@webcomponents/webcomponentsjs":"^2.0.0","wct-browser-legacy":"^1.0.0"},"version":"3.0.0","gitHead":"1bbea0b8cd6414d4f2845d1654a4bd1d6bf97984","bugs":{"url":"https://github.com/LostInBrittany/granite-spinner/issues"},"_id":"@granite-elements/granite-spinner@3.0.0","_npmVersion":"6.4.1","_nodeVersion":"8.12.0","_npmUser":{"name":"lostinbrittany","email":"horacio.gonzalez@gmail.com"},"dist":{"integrity":"sha512-z42ghaSYsii6EezBnqBNDzIN+SmEjMd6EPG26OuFKsRDdJp+7V/IGadpdDdLP4DSD1FK39gBbzB3dqCK4D4wtw==","shasum":"e9d9e8aa55e8c8168af6249f2e60301b4a65b508","tarball":"https://registry.npmjs.org/@granite-elements/granite-spinner/-/granite-spinner-3.0.0.tgz","fileCount":8,"unpackedSize":12202,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb4GVPCRA9TVsSAnZWagAARIcP/0d3oQiVVZT2GCrTCQBA\nlKs3vohUdoFRkJEJnlzCzimW2pa1Ops+9H+O51HvdzjufmY/qHyyHtE0vivb\njN9AxEgIZSdQcBBtWKL8ta/kT0wwRQkU9RQYITso1NgjvRFV8cxgISSrowe4\nlD32fpT6wdh/w4g6kL9WnWzwO7n1c60Dk52WyGO5zWoH1d9lCqXAgOA7UmPH\nKpb6Q/v82VgbxMw6YP2LIxjofmkCZL3vqUOJpnjyNITuso6mEIUz7K0U11Gw\n60jWBkRGmZfF8dFSy+iZu2+pzZl0lSOryIGP0oxfblG4w+F7nQD+h6VugmI3\nyn1Vx6HkltGNU3FIArsFrtCb647nMscee3nttc588zdciKpJdBCdhU+vp2+f\nHOyjJPMZthWbWtV7aVqoF11OrUCId+s1iixuvGtdJS2AV3qz2C6MVve2tKny\n+2Xlbfqvy+BRKHb1rC8fd1R+YGfR2tsB1T3Wux+Muu4UScvJ5GNKO5sg9czE\nj8WjcsWBjcnmZdaEtYhV+/OFD6ShnUa6HJJfxIOFPl4hUsgW8Wa27/6m+PFc\nCoqA8RWC8ivU30RPzggvNJ4I/vIFXvdzy7mlHUNwHBF9klHacU8kcvgYGRjO\nRxV9fl4Wmr+IHxG3uZExH4zQWcpTx2Pi5MPOhutKq52vJMZVO2/QK4UyONjS\n5OtD\r\n=mAWM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDwIRjwORO3HmD/5dNhi4AAkZ+yUX25R0IVapETt45ONQIgLyh7jBHK6/2sy4kEu7PIyCMnYkYINt14saZFdT+qqx8="}]},"maintainers":[{"name":"lostinbrittany","email":"horacio.gonzalez@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/granite-spinner_3.0.0_1541432654343_0.3088095333122818"},"_hasShrinkwrap":false}},"time":{"created":"2018-11-05T15:24:30.089Z","3.0.0-0":"2018-11-05T15:24:30.342Z","modified":"2022-04-05T15:25:58.962Z","3.0.0":"2018-11-05T15:44:14.520Z"},"maintainers":[{"name":"lostinbrittany","email":"horacio.gonzalez@gmail.com"}],"description":"Pure CSS spinner web component","homepage":"https://github.com/LostInBrittany/granite-spinner","keywords":["web-component","web-components","polymer","lostinbrittany"],"repository":{"type":"git","url":"git+https://github.com/LostInBrittany/granite-spinner.git"},"author":{"name":"Horacio Gonzalez","email":"horacio.gonzalez@gmail.com"},"bugs":{"url":"https://github.com/LostInBrittany/granite-spinner/issues"},"license":"MIT","readme":"[![Published on Vaadin  Directory](https://img.shields.io/badge/Vaadin%20Directory-published-00b4f0.svg)](https://vaadin.com/directory/component/LostInBrittanygranite-spinner)\n[![Stars on vaadin.com/directory](https://img.shields.io/vaadin-directory/star/LostInBrittanygranite-spinner.svg)](https://vaadin.com/directory/component/LostInBrittanygranite-spinner)\n\n# granite-spinner #\n\nA simple, lightweight spinner web component.\n\n\n> Built on [lit-element](https://github.com/Polymer/lit-element)\n>\n> The old Polymer 2.x-1.x version is available on the [`polymer-1.x` branch](https://github.com/LostInBrittany/granite-spinner/tree/polymer-1.x).\n\n\n\n## Doc & demo\n\n[https://lostinbrittany.github.io/granite-spinner](https://lostinbrittany.github.io/granite-spinner)\n\n\n## Usage example\n\n<!---\n```\n<custom-element-demo>\n  <template>\n    <script src=\"@webcomponents/webcomponentsjs/webcomponents-bundle.js\"></script>\n    <script src=\"@granite-elements/granite-spinner/granite-spinner.js\"></script>\n    <next-code-block></next-code-block>\n  </template>\n</custom-element-demo>\n```\n-->\n```html\n<granite-spinner\n    color=\"#ff4081\" \n    line-width=\"2em\" \n    active></granite-spinner>\n```\n\n\n## Install\n\n\nInstall the component using [npm](https://www.npmjs.com/):\n\n```sh\n$ npm i @granite-elements/granite-spinner \n```\n\nOnce installed, import it in your application:\n\nimport '@granite-elements/granite-spinner/granite-spinner.js';\n\n\n\n## Running demos and tests in browser\n\n1. Fork the `granite-spinner` repository and clone it locally.\n\n1. Make sure you have [npm](https://www.npmjs.com/) \nand the [Polymer CLI](https://www.polymer-project.org/3.0/docs/tools/polymer-cli) installed.\n\n1. When in the `granite-spinner` directory, run `npm install` to install dependencies.\n\n1. Serve the project using Polyumer CLI:\n\n    `polymer serve --npm`\n\n1. Open the demo in the browser\n\n    - http://127.0.0.1:8080/components/@greanite-elements/granite-spinner/demo\n\n\n## Attributes\n\nAttribute     | Type      | Default  | Description\n---                 | ---       | ---       | ---\n`active`            | *Boolean* | false     | When true, the spinner is shown\n`hover`             | *Boolean* | false     | When true, the spinner hovers over the underlaying content\n`size`              | *Number*  | `100px`   | The size of the spinner\n`color`             | *String*  | `#28b6d8` | The color of the moving part of the spinner\n`lineWidth`         | *String*  | `1.5em`   | The spinning element line width\n`containerHeight`  | *Number*  | `150px`   | The size of the spinner container \n\n\n## Contributing\n\n1. Fork it!\n2. Create your feature branch: `git checkout -b my-new-feature`\n3. Commit your changes: `git commit -m 'Add some feature'`\n4. Push to the branch: `git push origin my-new-feature`\n5. Submit a pull request :D\n\n## License\n\n[MIT License](http://opensource.org/licenses/MIT)","readmeFilename":"README.md"}