{"_id":"spinner-element","_rev":"4-acf16a4f94ff5fcecddc10fac40aed62","name":"spinner-element","dist-tags":{"latest":"0.0.4"},"versions":{"0.0.1":{"name":"spinner-element","version":"0.0.1","description":"the polymer element shows a spinner, which we can select any of the 9 types,","keywords":["spinner","loading","polymer","webcomponents"],"main":"spinner-element.js","repository":{"type":"git","url":"git+ssh://git@github.com/Dacelisl/spinners.git"},"author":{"name":"Dacelisl"},"license":"MIT","dependencies":{"@polymer/iron-meta":"^3.0.1","@polymer/polymer":"^3.0.0"},"devDependencies":{"@polymer/iron-demo-helpers":"^3.0.0-pre.19","@polymer/test-fixture":"^4.0.2","@webcomponents/webcomponentsjs":"^2.0.0","chai":"^4.2.0","mocha":"^5.2.0","wct-mocha":"^1.0.0"},"gitHead":"c0abc4a8ac964699336f74ef51f5b2e665d7f0be","bugs":{"url":"https://github.com/Dacelisl/spinners/issues"},"homepage":"https://github.com/Dacelisl/spinners#readme","_id":"spinner-element@0.0.1","_nodeVersion":"9.11.2","_npmVersion":"6.9.0","dist":{"integrity":"sha512-otA0mkdwA5k0x7A0+JUjgQIJ+MSRTNGKDz7v9MoWIlSu3TbNf2fQWYFLGeEjYLOskCxThQXCK83Lv/7bu4/zog==","shasum":"157688fc965070107b600f67ad4c0a172ee84717","tarball":"https://registry.npmjs.org/spinner-element/-/spinner-element-0.0.1.tgz","fileCount":27,"unpackedSize":46776,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJchyS5CRA9TVsSAnZWagAAwWQP/3LphLL2Z9PY2VGRTSnP\nUQPqwXzQnqqgBo0RD403chBoFfEuCjCBLxSnRUNa3uSMz69yYfPq2sltVpva\nD3cQrbb6EHBFqXDyiPpzHV5q3ZR1oBrIACganHbs7iH3u9xpypXYX0sAXjgS\nkr5xCKFrh41ljFarvMVNkLwohoKBe/Lx7qPGPPYdxFjSmJ0PAmR75r6SiCR3\nPvQQS9FHnuqrXekudXw7oQlfK+aEdkQqH1GFJjEphHGG3XgQM17L/OBUHDyT\n99dCB/XKZdlbGvWlOWVGyRBAqXoCuf/Y9bqeN+wT3pLLxED427YXzfx45Tll\noWz/Qd9k+8f2qv+ONJQdBknQM9ORIwHjEcgmrYMS7/y6W4kAar9fgpkLQ25B\nQzaPrp8CPpS5pp+g0bo3quM06ORQsh/+FzTNE0Cda0qpbXGG23Zi9TyuD3re\n+D2aRPISAD8iW/jbRBsZemI/GIKq0AAp4GY1GwPseHTYIlCNxO9Y+Xjq6TSU\nV7YTMmpTh1JKei/ZI1LC79VFjHDVwkyCMe/RIBtMEfOks44STMuc/GdVF6Id\nXx7Q7sXkGtrR6iPAEGjqclQpxufzlsS+uRtPgLQfRwvB/CPiY9Srf21i0qNb\nN281Cphj5VW4vHsZm+j3ynp2ieUiaq1JvIsgRXZ7iDfyUi4pfsXRH5OZXfNy\nEkSx\r\n=nBYH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDnEPP7DyJBkqRb8N59/9CLgSLkrk4n3+y/VKeAKLmk3QIgC1AAHNctSxUGLYwapZbR9EUP1kvfwgdnERvbTQQAWgU="}]},"maintainers":[{"name":"dacelisl","email":"hero055@gmail.com"}],"_npmUser":{"name":"dacelisl","email":"hero055@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/spinner-element_0.0.1_1552360633335_0.26865158627967123"},"_hasShrinkwrap":false},"0.0.2":{"name":"spinner-element","version":"0.0.2","description":"the polymer element shows a spinner, which we can select any of the 9 types,","keywords":["spinner","loading","polymer","webcomponents"],"main":"spinner-element.js","repository":{"type":"git","url":"git+ssh://git@github.com/Dacelisl/spinners.git"},"author":{"name":"Dacelisl"},"license":"MIT","dependencies":{"@polymer/iron-meta":"^3.0.1","@polymer/polymer":"^3.0.0"},"devDependencies":{"@polymer/iron-demo-helpers":"^3.0.0-pre.19","@polymer/test-fixture":"^4.0.2","@webcomponents/webcomponentsjs":"^2.0.0","chai":"^4.2.0","mocha":"^5.2.0","wct-mocha":"^1.0.0"},"gitHead":"dce608755c50f79447873c8c70b0f2e92790ae1e","bugs":{"url":"https://github.com/Dacelisl/spinners/issues"},"homepage":"https://github.com/Dacelisl/spinners#readme","_id":"spinner-element@0.0.2","_nodeVersion":"9.11.2","_npmVersion":"6.9.0","dist":{"integrity":"sha512-X5lsR6PMPets8vteuEW3zEiGsgiZssnBdJ97dmhl7/f3MeEF4kGvLpJEFJYJea57dCB0/lNvf6bTHQmzun3PiQ==","shasum":"49c86b62587eccfb00ab6322e8d58ff4edbf3d23","tarball":"https://registry.npmjs.org/spinner-element/-/spinner-element-0.0.2.tgz","fileCount":27,"unpackedSize":47212,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJciGt/CRA9TVsSAnZWagAAcBQQAIGdMwluATiwUUVinFCp\nTW+msADuo1dm2SM4NQaAL6bijedthwZHvSdlbqRzDoGzvCUa1AOKh41jt+Pq\nFmLmLj2NDbyg1JmXNtBJosCFazAxhtO03I8C98T0bQmgdAJTFIYRCk+H0nHg\nPdaiH9bTomABpWD8bMMNdAxr83bPLDhEMujHzCoD3iJWF3EGBMb0pja0jl9r\nZvlgyPFZRQpmjr3E4gmGUQCDp53ZKttF/MkRPP8el5NFOFPGCGpTtGSvRnTT\nzx2sb9ZNgHLesL4ROhPgBqnsn5YAY5RXqxYQpbgTB7q/8wCfA4kaDdfbVB3W\nWzNxzgfGtYHDhaEFwn5YYKbffQB01P+8zjnxTzDsC4E4oJe8t+cD2d3Mt67f\nBsIzqweWKUrtUHtTTI8owgWZ1Y9XrJIuuhzZ5wMwRb0G/ZOCuyZ8/22H0OLa\noqoRULi82Vx/QcrJBCmdUgFwCIntEAi9fwbxFu9aU1FsknvLwlVJqtAkhNaa\n0+5aGLl7fFRjm00LA/wuN8Gt/ITpjRrG0BVxs4vmHWa7hq99epon7aMbgLkc\no8/777rBnI63fGghg8TQt8AQ/t7NNdN+KkMxB18ndRmui2znonR0Fci3AVmg\nPxPfwQdACypD89mDw7O5QtNQ2xuHlusy8g3L6+glQ6p30RJMbGU/5jJY0Vfq\n5yCk\r\n=5Csp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFFaP+r6I1UGcTx9Z8CHxfUNFONMeJ4ZzR4Y0ep4lgW5AiEA9kzYgiZpyPaDoWZbXmurHs22y9TbtaKLQCTkkxRQYHw="}]},"maintainers":[{"name":"dacelisl","email":"hero055@gmail.com"}],"_npmUser":{"name":"dacelisl","email":"hero055@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/spinner-element_0.0.2_1552444286478_0.7561767548406795"},"_hasShrinkwrap":false},"0.0.3":{"name":"spinner-element","version":"0.0.3","description":"the polymer element shows a spinner, which we can select any of the 9 types,","keywords":["spinner","loading","polymer","webcomponents"],"main":"spinner-element.js","repository":{"type":"git","url":"git+ssh://git@github.com/Dacelisl/spinners.git"},"author":{"name":"Dacelisl"},"license":"MIT","dependencies":{"@polymer/iron-meta":"^3.0.1","@polymer/polymer":"^3.0.0"},"devDependencies":{"@polymer/iron-demo-helpers":"^3.0.0-pre.19","@polymer/test-fixture":"^4.0.2","@webcomponents/webcomponentsjs":"^2.0.0","chai":"^4.2.0","mocha":"^5.2.0","wct-mocha":"^1.0.0"},"gitHead":"2c5aaf62c8baa82986133c4d8ca2c5cae0aa5327","bugs":{"url":"https://github.com/Dacelisl/spinners/issues"},"homepage":"https://github.com/Dacelisl/spinners#readme","_id":"spinner-element@0.0.3","_nodeVersion":"9.11.2","_npmVersion":"6.9.0","dist":{"integrity":"sha512-I0AJaDyxw/nCcX1QJzv0QoLGcfeOxT+NIGcrpUFyAI0ACLcyLMUkBxk20evV5OI8GPH3EmBhHjvMk+XzBj4gIw==","shasum":"64259048776d058e8a93b8439d4f524d9fb6b974","tarball":"https://registry.npmjs.org/spinner-element/-/spinner-element-0.0.3.tgz","fileCount":29,"unpackedSize":46556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcinj8CRA9TVsSAnZWagAAVFMP/0joSLtY7fKWdlZq3Uct\n5AeLHnr+1GXh4vqJEEGearaiDixzqMAZ7m9e0/FbL9mG1AbhMPBXjR/FOhjQ\np8KTb7avVbioLqKAxZ6dqMvL6xIIQA7c79FGXnYYjjhqax2U/dJbYCRHrxzj\nKixtbjHbuRyOFYrfB6UUWYr0xG4ITGZdC16NvQ11EJVCZCD7Y99h6SXase/T\nZQ2Ru6wxAFHYfEfEB7mNTCDRxvZURFZVi7lImp0Odbs9gdAG4JtYXwCKPObw\nJGSKuxEanwf5nM7gEQJcl5C3wx6skoHu5dRwSL2/itiLMJtWZ12OUIIYQPuG\njORl4F/B7V9haeTLQ/6jiOTV7/JJ9ObbmZQWKDH7I0NS32wZ43PgjMzP38b0\nDPdJT5dSwKzy3XumYqdvtk0bVV9M+jgR3dXHfHgIHY5KhDY/AbuThtz3mN4o\nIept+WzPuyzqqtH8dE9U7KXRIbNLDm3zUy/izCfbSZprlfu9VOEW8r1WBecM\nXIQpSmJC3QGYNpFc04FBKksTU6AT1AFwezKKlPiZAlDz3wwopwcIRaS1ciMd\ne96Jwb8N+uZ3DAUBz4lGvyCAPD8lAgfSxKl62LQ2YJm9QlePb7BU4s7Txsxb\nErIbPBvn1pNv3qD/QyMDXUChZSfW+KbRXR3UtOL5suD6tP7FO13yxHQ2dJp2\n9A7M\r\n=CmzO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHlmgM1to+CHBmeq2gsV1toojWRkxQm34DdV1AaXYinZAiA9ZzpW36xWuq2AVety6xDXASQBMSLV86j486v0X4Ly1g=="}]},"maintainers":[{"name":"dacelisl","email":"hero055@gmail.com"}],"_npmUser":{"name":"dacelisl","email":"hero055@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/spinner-element_0.0.3_1552578811816_0.5360057747570695"},"_hasShrinkwrap":false},"0.0.4":{"name":"spinner-element","version":"0.0.4","description":"the polymer element shows a spinner, which we can select any of the 9 types,","keywords":["spinner","loading","polymer","webcomponents"],"main":"spinner-element.js","repository":{"type":"git","url":"git+ssh://git@github.com/Dacelisl/spinners.git"},"author":{"name":"Dacelisl"},"license":"MIT","dependencies":{"@polymer/iron-meta":"^3.0.1","@polymer/paper-item":"^3.0.1","@polymer/paper-listbox":"^3.0.1","@polymer/polymer":"^3.0.0"},"devDependencies":{"@polymer/iron-demo-helpers":"^3.0.0-pre.19","@polymer/test-fixture":"^4.0.2","@webcomponents/webcomponentsjs":"^2.0.0","chai":"^4.2.0","mocha":"^5.2.0","wct-mocha":"^1.0.0"},"bugs":{"url":"https://github.com/Dacelisl/spinners/issues"},"homepage":"https://github.com/Dacelisl/spinners#readme","directories":{"test":"test"},"scripts":{"test":"mocha"},"gitHead":"16c688c9e3288a6ac8511bf433cc37c325736271","_id":"spinner-element@0.0.4","_nodeVersion":"9.11.2","_npmVersion":"6.9.0","dist":{"integrity":"sha512-GlAhlLZ/Y0OGILLkaHPaRsHjfmm5ckCtHVjCxK20EAJN7h2Zbq6wYFviD3JNS8MH6/bx9PYthlxt+ljEaIBL5w==","shasum":"a247b97934b591cd9e16a8af4558e3296f6a313f","tarball":"https://registry.npmjs.org/spinner-element/-/spinner-element-0.0.4.tgz","fileCount":31,"unpackedSize":807539,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcmQxTCRA9TVsSAnZWagAASB0P/2/jDqLUo4GqEYNIBqqC\nGbB1Q/edOadS8BEEdER9ycgI0Jz1JWTOW0VJ09kv6cdo895D89l5VvXkh5aJ\nOQI42aKVhXhv4xSm3sfG1md7AG//O117+a/EgN//oEeKvk9x04X7gIx/RV5H\n9wgQi7AclIk1PSZuAkhfidQ5V+G0Q+fr2OZ2Foy+UmZ1DXPxy236sKv6j8oN\nCzN+Gy+eBL+AjSEUiHbHBi6EhZPppPIrShDGZRkUkkBY2x6p/f33LMK8QREj\nj8l34/OZL6x0pHI/qa3h4lk3SDlSwfplgaLrZ7P+/DDw6BJn5CvDznCnUekz\nYD5yrY4/TjeyvBBamZ+P3KdcGPqOiWIbC/FsOkSfFsGEFwUpwpO/nvb/Rpba\nlctDD7UhAQBZGl03OgOUsR6z7tubkCrmXfYCBbBzG+E0NXnjysRdU1kE5tfJ\nXUfnvGhqn4Pc1tYENVI1R7VAYXpE+2vJVe7WrUr9e/NHFeLiHgiI6frmFJBo\nbVD9x/r8RzMM5w6oayiUzFnZ3oixLsiZMe572XkoDjc9nrGoglNyntgZzhlm\nzDeGVdEXuq8wZzpeRlKQ78xqGuCbTOo/Wsv/QZ5+3Fxb45EZVqFO3TAXKzfx\npLr5Pf3KaSWBpxzmNlK8crszNBnduIqkwOFCsfeen6xTj+YZO+0lP2nTKjE7\n27We\r\n=COau\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC6p6AbkrUIDEFkYNAPXX6q90s9jdJH3EEhBumQWzRdLAiEA3/Txjf+T9uYIjZkmQttrRlDQYeJrlZp/SEd+0YpqqEo="}]},"maintainers":[{"name":"dacelisl","email":"hero055@gmail.com"}],"_npmUser":{"name":"dacelisl","email":"hero055@gmail.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/spinner-element_0.0.4_1553534034945_0.12861939172676862"},"_hasShrinkwrap":false}},"time":{"created":"2019-03-12T03:17:13.335Z","0.0.1":"2019-03-12T03:17:13.427Z","modified":"2022-05-18T11:00:31.115Z","0.0.2":"2019-03-13T02:31:26.644Z","0.0.3":"2019-03-14T15:53:32.001Z","0.0.4":"2019-03-25T17:13:55.095Z"},"maintainers":[{"name":"dacelisl","email":"hero055@gmail.com"}],"description":"the polymer element shows a spinner, which we can select any of the 9 types,","homepage":"https://github.com/Dacelisl/spinners#readme","keywords":["spinner","loading","polymer","webcomponents"],"repository":{"type":"git","url":"git+ssh://git@github.com/Dacelisl/spinners.git"},"author":{"name":"Dacelisl"},"bugs":{"url":"https://github.com/Dacelisl/spinners/issues"},"license":"MIT","readme":"[![Published on Vaadin Directory](https://img.shields.io/badge/Vaadin%20Directory-published-00b4f0.svg)](https://vaadin.com/directory/component/dacelislspinners)\n[![Published on NPM](https://img.shields.io/badge/NPM-Published-red.svg)](https://www.npmjs.com/package/spinner-element)\n![License - MIT](https://img.shields.io/github/license/dacelisl/confirm-element.svg)\n\n\n# \\\n\n\n## Description.\n\nvaried set of spinners, you can choose any of the 10 types and additional you can edit the color, the time of activity and visibility.\n\nUse `visible` to show the spinner:\n\n```html\n\n```\n\n## Installation\n\n`npm install spinner-element\"@0.0.4\" --save` \n\n## Polymer Element to display a spinner\n\nthe polymer element shows a spinner, which we can select any of the 10 types, (default, bars, bubbles, circles, ripple, dots, folding, cube, bounce, infinity) but the type of spinner is specified, it will show the type 'default ', to activate it requires the' visible 'property\n\noptionally we can set the activity time in milliseconds, if it is not set by default it is infinite\n\n```html\n\n```\n\n![Screenshot of confirm-element](https://raw.githubusercontent.com/Dacelisl/spinners/master/spinner-element.gif)\n\n\n\n## Styling\nThe following custom properties are available for styling\n\nCustom property | Description | Default\n----------------|-------------|---------\n--background-color-spinner | The spinner-element background-color | #b9b5b524\n--background-border-infinity | background-color only for infinite spinner | #5d535314\n--background-center-infinity | background-color only for infinite spinner | #ffffff00\n\n## Usage\n\n### In an html file\n```html\n\n \n \n \n \n \n \n \n \n \n\n```\n\n### In a Polymer 3 element\n```js\nimport {PolymerElement, html} from '@polymer/polymer';\nimport '.././spinner/spinner-element.js';\n\nclass SampleElement extends PolymerElement {\n static get template() {\n return html`\n \n `;\n }\n}\ncustomElements.define('sample-element', SampleElement);\n```\n\n## Credits\n\nThis repository is based on the CSS code of https://github.com/tobiasahlin/SpinKit\nYou can also see a sample of the spinners in action http://tobiasahlin.com/spinkit/","readmeFilename":"README.md"}