{"_id":"@material/mwc-linear-progress","_rev":"719-71f7a35c0feef02497d133fb66376fb6","name":"@material/mwc-linear-progress","dist-tags":{"latest":"0.27.0","canary":"0.26.0-canary.0af8ade5.0"},"versions":{"0.6.0":{"name":"@material/mwc-linear-progress","version":"0.6.0","description":"> :warning: These components are a work in progress. They are pre-release and should be considered experimental, as they may undergo major changes before release. We are experimenting with alternate architectures and approaches with the goal of allowing u","main":"mwc-linear-progress.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"^1.0.0","@material/mwc-base":"^0.6.0"},"publishConfig":{"access":"public"},"gitHead":"1961a2530cc20bc020bba88f4da76d085ad1f1e0","_id":"@material/mwc-linear-progress@0.6.0","_nodeVersion":"10.16.0","_npmVersion":"lerna/3.14.1/node@v10.16.0+x64 (darwin)","dist":{"integrity":"sha512-nKWEKS3tlQ3kQUbK8AnDp20n6uX52qtmBF4IRYwuefo4UPPZrX5gMeGBRKgCuOizqqhNaOnhGhqR4b31VCBVrQ==","shasum":"ddb0bbec8ac8d4fc13602c7471bb9ce713c23133","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.6.0.tgz","fileCount":15,"unpackedSize":269595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc+EAYCRA9TVsSAnZWagAAyG0P/1wDcRHYNOPGnH2RZCzY\nI1Ey4ZtNZ80dEIzg2YTPHOvIYmOYyiUX/mKnvCYyXHX1bEZ0wf7tK1ZJtzx0\npUXW0kwhlwwZTJxJNrgMzkb5/ZckyDMdE0WQwSucmfp7VmdXCvxR/ZlMK1P/\nBjihVYJCyW9kdKDI3Z+/kskvUGDXRX7e/M5Nh9ZZA1Zh2eyMyTgENyPU+GiF\n6pEIAY6wE3hxKi7dODicodtp5iKuQQxa7VmN612PwJwCeat65gtoi42ZnJgP\n7V4KEn8ZqGgJD4o7HRtrmCKdpYBNgFSe4zZf4XkhkNi3CLayILwL3mPLk2X9\nM76T/rcU9ly3Y+j7FMBTUj8RpTPpnH1ShMU7bffSpx99zUAlOPyQJv8LOfYm\nTSU+qJlVQ+1y4ghuQ/I3G2l2Oyu09T8u3KhGpSxqtIrTtxyJ3SrvGLVicuKc\nVGqP3HqVpQCgcOfPxOXXcikBGv/rLlSAadgnIZt/PilLZCAoD7fYTiGscfdb\nJdie3jTUzcYYqv4xSTuxypIftD83albCEjVYGQw5C8RPR+CeW98/VFzONf8u\nqzvvrlLPgpterj8MjqiNN9b3zwiprOrpFQAnfWNUUfqXQTFFwJivge9L2iaM\nzkU5K0EvZfUPwna9wUYih3zx7UggpwnHY5FrjesFc9qU8fioZB7SH+If+w9d\nkRqx\r\n=NyXo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCZn7nRCm4VYUVvgtvVrLrNIwpe2itR699hykIW1uVA/gIhAMY1O6LSGqYA2kfa44h0sooWRIHT6/gQJDjfV/0Ti4EO"}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"azakus","email":"dfreedm2@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.6.0_1559773207932_0.6117030353781121"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.7.0":{"name":"@material/mwc-linear-progress","version":"0.7.0","description":"> :warning: These components are a work in progress. They are pre-release and should be considered experimental, as they may undergo major changes before release. We are experimenting with alternate architectures and approaches with the goal of allowing u","main":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"^3.0.0","@material/mwc-base":"^0.7.0"},"publishConfig":{"access":"public"},"gitHead":"c8c5d01ad2103af63e3d7656b5d1acc5ccaa05db","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.7.0","_nodeVersion":"10.11.0","_npmVersion":"lerna/3.14.1/node@v10.11.0+x64 (linux)","dist":{"integrity":"sha512-+dGbwTq/nphy0kG53eu7OuTCEWtGABuei2r1hyw90SvFLxyK+hoTFbP1ZfwnjQHJZP3Sqzo4i1VcFpUz5LmbPg==","shasum":"172e1dac8fe7b29ecac31e8c53e6ce013f9ef9d7","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.7.0.tgz","fileCount":16,"unpackedSize":55387,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdZZ9aCRA9TVsSAnZWagAAutAP/jxf49Xh11/YexaV6fah\nuu7J8zfX57mwBZydWVGYDI0IUVgvUUerkUUUZ8lXVCfDnsdKsdxRQ8ltYWS3\nKKGttrI/AYvt0mKMM4tnJlYcvxfWE41+eyywg9PpiUNug7+pbkPukP3noRvE\n0DOSfn5Z/jRcRhWEMPHrUR/CGJGGa61VMHvJV18IbybjEAYEBVBKCXS0mNB8\nlbnX0O3gqAuXg5i2sO3Och0oHgtZC79qvMdVkKhUWpwPM7Vf1SnIXMk2etMS\nnNevTn3/Nbhqg0fdB89f1rr+UtYM4dinFTDtRa8szdCeDTu5DIv9uMPcLgux\nUwrBwtToRIpWPyRd21hx4aLpAiGfM13lkgl64LKr4vdXFxEtIcQD3lT7vVMO\nzRr9/kCfGfdDspk+pDHfLwXp+XTzxybfn7WRryybcrjuCImQSyYmQMmFdIjk\nRp8PCmHA47UygbMvoh1cAXA3LRl2OY/z2mb6RlhJNccw24A0xiCTuhOKRcct\nQ3QVaiNgMZb+8006ka4DK1rdvu8hT735IMHdEhuf3jDRp5VLa8kEo5anOMhF\nGxk49GaE1eSM2YbF5ewORzmH2Bmrz5mEyyqL7St7PQoHGORXKh68OZcYGt9l\nXBNSTgVHXjyioWvRfNmea9lOTNTuD+dDDVEMrpIPsr8OuZlsBU4wb7iAdO9X\nqsge\r\n=xGzL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCrAjcNW6K2ra7ITsz/q459nxo6oSnEtsseEO9jgGOcZAIgPrkkQvqX3zKwNl8SXEM9VktE4q+m+KImrTUZmB8iM+o="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"aomarks","email":"aomarks@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.7.0_1566941017871_0.4910237272195337"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.7.1":{"name":"@material/mwc-linear-progress","version":"0.7.1","description":"> :warning: These components are a work in progress. They are pre-release and should be considered experimental, as they may undergo major changes before release. We are experimenting with alternate architectures and approaches with the goal of allowing u","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"^3.0.0","@material/mwc-base":"^0.7.0"},"publishConfig":{"access":"public"},"gitHead":"f8389e38b66e6261a8578f4a748efcb7367da176","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.7.1","_nodeVersion":"11.12.0","_npmVersion":"lerna/3.14.1/node@v11.12.0+x64 (darwin)","dist":{"integrity":"sha512-GvhA1BSmvVKgZTEELtDWrBNiY+9JLLrttnAkMP5JUuCwArVcFuMtpOyZxShhvhoKK2x2Yf5JJz75jtfvOeBhIw==","shasum":"e5fc6cd8598b243c7eff134bafc22372862c03fe","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.7.1.tgz","fileCount":16,"unpackedSize":55381,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdZezZCRA9TVsSAnZWagAAqL4P/0+KlJSoNkI5pRNZhVuq\ny4xKMBpTLH5aWpAQHEuFvI3WexQlsdoK+ddMB3eggOx3kWo5cijL/8OSCkMh\nA9lsR/0r2rPBxx7FBhjtvqavh523U/90CA0KylHqn+jVktNaSfM57jjqYBQ9\nK+OmHYBsqapm+gVqfpJu2kWbooTs7xXMji9hroI9J2g3xmW4/+8pJ6ZsYQOx\nP9GJPKOWAEk189YRahxmDDtObZKWTBHalgfbF/+nunIt6zuqg6+yUyC3ISou\nC1yLO4DMQoL5cU6mM346CeRs4s1yGv6PYMMNcA0xdmfjmt4Xepakkfb4XGTS\n04Am3SN4AHiOFoTw74hSX4AlJL44Qlus7Ww1NvYYAYPagGaBVtxT4IQGD/GW\n0kHK0NEuIrrswLR1fxrN4unniTQk6hifOdr7ZYwAWSYlWEnimIaJxP91LzYD\nJvOK+xI7cE5u+ZXm3zHE1hp8BEgm0heGm2oNSog3iLBalsyAEPgPa9lo98wh\nYtLc0Z92MijqRMN1/yfee/zAupe2eogT6+yPM2Z9hdd3C0xY+TOcqQ8UPYJ5\nVVUHVNNNRbA39bqlMKuxOlUvSmUHpH81dtI6G07V+y3TIp5NFUlqTA5cE7ea\nzKX3hmA2ZoWvQSRoM3z2IA06yFr4NyBMT3tNsicLLxRmWHe8iKMB3W6Cc7QK\nqo87\r\n=z2g9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDQBDLj+zsR+yg8gClNs4F2Gi676ods70TL73dRAUISOwIhAMO9SklBYjLPw2otdHQWINGtdPp4CYgxKFKSXkWaHfkg"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"emarquez","email":"emarquez@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.7.1_1566960856645_0.6891695231557693"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.8.0":{"name":"@material/mwc-linear-progress","version":"0.8.0","description":"> :warning: These components are a work in progress. They are pre-release and should be considered experimental, as they may undergo major changes before release. We are experimenting with alternate architectures and approaches with the goal of allowing u","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"^3.0.0","@material/mwc-base":"^0.8.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"e47de0d9d6e556ce8c4b0b92f87be25a3e18da79","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.8.0","_nodeVersion":"10.11.0","_npmVersion":"lerna/3.16.4/node@v10.11.0+x64 (linux)","dist":{"integrity":"sha512-A+UL1a4MzB5ZMQm2Jc5a9P7sNa4JO2n4NlH6H7C5X+tF4jjAPJvF7ttZabOnYBCgWm8O5jMxu/l7KdCzsgtj0w==","shasum":"6b065960db736a0ab0c5acc0c9659bdf8f33f317","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.8.0.tgz","fileCount":16,"unpackedSize":54382,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdbv+GCRA9TVsSAnZWagAAM4IQAJQt8WJjRYyLPB9ajWXv\nHnGxfqxKtCwz+aqe8tjqSby8u5SenlfqoXTwbg84euvhCKI0GLNkXkmAOvl5\nRFjyMPw5TIKE3lM+sAtu6ch85d1j2swS8vrrpBc/YtfclJDG8uDEVJ6vMR6W\nG79iFeelYAjwBRJ0yrdsjysyFs7EAddNGvhKStvSKnyWk3xN0dl3I8WCPF74\nKvNGzceDEh5qsUms779IPMMdNv24J8V+zPTYo877ZMPg304wusDTYqtVt9Be\n4xqDDa2gufMFpbTJz51b+tG0MvAVx5P2ftNh8iP4oZLDHc8cD0iv19dz/K3T\nKcpxPluWlYw8uKYGNv9WFox5fq7jMJubPzdBuQXlWMF/CdCnwbMWCahHGR3H\niiNGh2E6YS9zowHsTZOHkKfbCHeUNZUd8Ev91BGwziXCA2GMxLQxHTexE2U7\nv+LliFXH5aYu8ecKDcjNdcoSt05wAIQUnR//tR5jE7Arrz8nCWq8OlY4UBpM\niVLszpCBqhI9aRNT9mr8D9XAMMRy08FsUj9cw5qaXaly7gpUbx5d0YeE77rx\nKI71OT8CCVLE2u8otCDbqKhFFYYW/kQw+UDfcMok1vh5+BWZsL8mHmsjDUur\nJd/Sehv7lwvKV4jnDISe3aR0Ludzez7oFin/ogClM/U+WPQBU7/qaY1QL3m9\n5Qjb\r\n=YdHp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICnG+hUqUHaHaJqktJPTe1YSCIIVF2ctKo2hQTQDfV1FAiEA6BkTqOOr321AAfiUHCbliUjl4yWQmamtMOe3htWRGJw="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"aomarks","email":"aomarks@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.8.0_1567555460542_0.17545004865892277"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.9.0":{"name":"@material/mwc-linear-progress","version":"0.9.0","description":"> :warning: These components are a work in progress. They are pre-release and should be considered experimental, as they may undergo major changes before release. We are experimenting with alternate architectures and approaches with the goal of allowing u","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"^3.0.0","@material/mwc-base":"^0.9.0","lit-element":"^2.2.1","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"d6db9ceafe4b21572f967ac4acae9189da8c9c4f","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.9.0","_nodeVersion":"11.12.0","_npmVersion":"lerna/3.14.1/node@v11.12.0+x64 (darwin)","dist":{"integrity":"sha512-c9MwsqJ3lfnNIIdauhA9JMabGWT2zq0hUUyuHd3FDWOGWl3AFSpT0MUeagSK2K8CLfTa3DbZtHoOkwX+dTRWqQ==","shasum":"5907f3e0365ac0ce2406baf9d8b5d8e1e8c0e4b5","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.9.0.tgz","fileCount":16,"unpackedSize":54409,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdjWeICRA9TVsSAnZWagAAvW8P/j+lVKSEp2cfkNCqDpV/\nZiCBidYBvM7kMTwLpBTrexY8NCuQU9C2TGK8V1oqWZqTGA0gFOwgoO2tZC6q\ni0RUyX9SS2XSePR4Ht7ndbiso99GgoA9QV1uiaGndgjeMF08llsLJ0mPdoy7\nQPCkBIHsRhlhF6LVZ2r03yfgP216XZ4+RJozQUDuP9/sjXdwiwbvQ8dHIYMf\nGhLdvKzmJJn2HmsoNkM2nC07t4TiZu+cbEM7sv0btLThb6bh0GEjCodx7ADV\n31JYDIUZ/41Dc6Gns97ekFRymFAgen1LFQKdtsH1Vrrfc/lBqWFqr9wdo7xK\n5YfolGjaa6bIyFdamdC7CiAZsU172Hie/ZlWFqLWm+y+uBlBKzxIFcTkPpSp\nl7RwaO5XI0piRgHp6OeFLM8s0lh1IEA9U7W3cdqMiMudJktxLXeYQoOVCNWO\nXq0qU4CylpGi8U2GK4P7lmvD1KiZVIHVyfIPahOpyux/5TKH7sdzgPfBevvr\nUtc4+gkYmx5HQgB7DPCL8HFbkaaNZTwDsLYKtODjH9Q58lHqgnepIENheZBa\naeHv9uxC9Sw/rSAb3p23lwHAVI3mbcBaP/Wy3liSXdyLIjCR9D1GdMi+76ya\nIiKLkRJ/N49G7ZDRaIFrqL1mg4I3CkoJylF9Vbmjv2V3GxCbG3uhslerckwS\nEu/y\r\n=P5aG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICA2BS/78wZsYe6WhLxntnh8B2RhYiPDsb9S/hCSuZ3WAiEA+ym8OivpvB+V5DEoxswuQxrm6Iw9J+50rm/iK9xFYX4="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"emarquez","email":"emarquez@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.9.0_1569548168230_0.4176013474255944"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.9.1":{"name":"@material/mwc-linear-progress","version":"0.9.1","description":"> :warning: These components are a work in progress. They are pre-release and should be considered experimental, as they may undergo major changes before release. We are experimenting with alternate architectures and approaches with the goal of allowing u","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=4.0.0-canary.e851d4f40.0","@material/mwc-base":"^0.9.1","lit-element":"^2.2.1","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"2b2676d71b8d393aa61348cb8e3d9ed03dd8dc08","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.9.1","_nodeVersion":"11.12.0","_npmVersion":"lerna/3.16.4/node@v11.12.0+x64 (darwin)","dist":{"integrity":"sha512-9E8aKZ49XRnE6wCuMGF/bRH3K1wnRSfQC/X8URyOZrHjjvxKTKL5aDBEfeihKov/3n/iUD2hFGjeREtG11cDkQ==","shasum":"08eb7a208ba3e3aa70085c038ed5b8f4994ade84","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.9.1.tgz","fileCount":16,"unpackedSize":54375,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdkm30CRA9TVsSAnZWagAAEHMP/RKKnmH7P+uW5gNELrSR\ngM79uUHDV35uemUJNOa/zvUC/8MtZBrJQ6XgFhc0pZdAW3AiL7u8owDydp0m\nhPuKvDVesIcmXcli7qZb3ssm7oZA7bioIjO5ZLfdbDXU7QhEtIHQtE8V3oKw\nIKvfPFImLqiEz2GnwxJKHZHhoH0ye+jhjHGS12N53gF7IUln7BFpKPQPMqmK\nXbRzlA85o1cZqd/qYjtM0GDHg3DVkIOuSNsQtmzJISLryrYgb4abvtGOZqA4\nyxTWGVpKpnCHdBlP+2QNxgnY3BWBn0d5VttW6PsKi3kPd3vBpcrIvYLgNwde\nr9xkuc/AruLUYRyq1HNQJUlKnJ22NXKEJah9qltMzfO33IN2EB3YiHMtOJDg\nrMTm1EZItMCWeG1ZiJXq1GffZGrLUGqW5uMkyLY/ACUlg4TdB88n4sBZnJh1\nRBNzi+6xr46ARy3fY83EAgz5TqKWqJrsUUsA8lwFlQDvkjMzCY8fEReApUxl\nvrxDULAwl/TWBQlFHaxx6W72WdSkDO0CxW80ppJO+iexUnByWdFwYFHum3EK\nT29n0i16jRF6/Qk81BIph4Ht/IcSOGJfFWvpEL+Er+NTCsDToNeB9ytCSQ0o\nb5EJ32uJDydMdvw7cVSmTerpRcAKapldri8/u7cybQuUVO3ssSOe3luwcH40\nujOe\r\n=LHe8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIArnk7NKxINztVToB69MZNhHOk/hud2ipGNp7L+h5ivgAiEAsBbLduSqH5DdXVnq8QM/S/6kwfh2FlTYm4ZG2vfV9zw="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"emarquez","email":"emarquez@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.9.1_1569877491564_0.32217419530342184"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.10.0":{"name":"@material/mwc-linear-progress","version":"0.10.0","description":"> :warning: These components are a work in progress. They are pre-release and should be considered experimental, as they may undergo major changes before release. We are experimenting with alternate architectures and approaches with the goal of allowing u","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=4.0.0-canary.e851d4f40.0","@material/mwc-base":"^0.10.0","lit-element":"^2.2.1","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"631e70e3a39330ccade8210d1a72edc0f22ddc0a","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.10.0","_nodeVersion":"12.9.1","_npmVersion":"lerna/3.16.4/node@v12.9.1+x64 (darwin)","dist":{"integrity":"sha512-IH3L9zPYM70XWkxnPoEInvw64qFX16lHTQ2WmzkrOt68IlW2HktKHsoXvNlhP5BpER1jQWowX37srMHeDFTylQ==","shasum":"9618ce26079bb09d4b0a984baa868489899f7e63","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.10.0.tgz","fileCount":16,"unpackedSize":54421,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdoRALCRA9TVsSAnZWagAA3RkP/1Rw1aSlXYIe+hLBjdL/\nHJDZlXx4ZzOIjFbAbDx/f+ErOv7jbI1qD7mYyOb/eZr4R2X6lyWuIRu2pwDp\nKyd0OUXyZTlMYrtyTVGIIzfo9ljLE6NQZaiZTsU4YHxWAeuk0MnALafco9Ww\nebabO+cEn9igeFIYsBnqwWGZ8lh7/ZCabotjJ+WvSu0H9z6ql65bcP9UjTzF\nkNTcLfx2+j5MVWZCR2vWJSEvL5LjvkRxbG/X7WeP3Epn3vydXCVFtKX8Fg8V\nxQ/VKWVgHEtwTjNLg2Ew6+fwXP6h9hi/27c159i3DhnWI8EWRpLjNEzcna+c\nxLVMRaPXK0WKKoxVs/cM4yKqVExG43afrHm1HuLFBz4rHwAdixFLEt9GRO3a\nzeYq1QKeaFwVfFBug6e6qwBR1m/UeQeNVqqr2lgcJYP1HNYEw40dxOz757AH\nR2Bgy8E4W0t7XAtzMV/yT+fFPtH9oyR1As5b3kDq0wr+jDEDA4+Awh/yiDUn\nzjal9VYj8snkGzeJYSBSuCBVc/j9rcXsrQVlZ4aQFooAXuChhfoaklDwFJxY\nrEahAm9S7191r5y0LVd574cYOVQOwgdnkW9/gXdDI3VjD2U48bOg7K3gFkYJ\nYwmKerHiEY+6rHQcYHy6ip5lKkLZ1wJFCZ3knEZChEDtdPivdPFrQ97Q6qA1\nUv6j\r\n=0fj9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDM/Y0aJ2dGy/r4G0qCcDokCTS6rVhPBVlddEQCKtxPoAIhAPyU+LVLT+P7r/DvSMB/s4crKQ3QXQ6GqPWM+9s4m9wL"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"aomarks","email":"aomarks@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.10.0_1570836491316_0.7298619358105227"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.11.0":{"name":"@material/mwc-linear-progress","version":"0.11.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=5.0.0-canary.5729943ba.0","@material/mwc-base":"^0.11.0","lit-element":"^2.2.1","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"147d9789d99bf7a5ed28f6b066b8db58f5b9ab0a","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.11.0","_nodeVersion":"10.17.0","_npmVersion":"lerna/3.18.1/node@v10.17.0+x64 (darwin)","dist":{"integrity":"sha512-PXKIi2GVSAhQwYbbSjJ3f5Bz0f+JXa7/2sVPo0hwH/zwBQfzgWFRaEQl9yxnOlamaipy0WxV7g8j1o+XVDXAKg==","shasum":"a5f6499c50e51c0336a61c256ba375a2b4e0fb66","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.11.0.tgz","fileCount":16,"unpackedSize":60570,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3Z3nCRA9TVsSAnZWagAA7PgQAIjVaZWKGkm/ISAjONSC\nI+ru3Hs/D5Du/7dnlhg/rJztO8VFRLuP20eeK1HJRrW9+kgMwAhjkqhX0psY\n/fW38No+qxGmdktDAmSKplEoLzHu4m4HAs/NGAmgs0FO4XTX51Q1TNCtUyf/\npoybnjedI4frV5W5q4IPpkWrKJcddeiOvL8EnQSkaLaCVV6Kl3xJYplRGxCu\nwvp2m1Q4VPQfxWbAfwRlVsyfydVPDnxi2ftCie4qnSLf/CUTN868Im+X6qdF\nPFDSNUBEaEOxMh3cMriI5js8kpYHU59ZUcuOMRFWYgnBzYvobDwZWghI5LWg\nU0eQDUQig5QVhToHBiyx0VTSymgGSJPNmDpqh2QgJ1x42UIPpwfp6ifmJd56\n1xaOkJdZtzU3dH0iCaKdAyHORfW0Tqe4X0ZThzznqiSODhRz75UtFPd1Nymh\nUExSrEW4k8U1mVYL5ll16Xrdt7llqqXEkQ1qibUVeZSu/Fq73vNd9ViTbBl6\nzv6DcIO5XvvE6vzvRnuhKYh0Qca8WCfbZb/OHPYCxV7EeQh7IKcdj5rr1Sgk\nLLoOFbCkBM26l/8UAuvQYtj9TVr8ZXFFQWRyGkJ5WRMU8qUCm6I/L7zCV81x\nVlq08lTrLssl8T8SsbBHDgWvdycQY5ov+Gup17SS6LrO+KHMnnaGdCntZa+s\nmj1t\r\n=AOL5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC5q5J3HBaA+PP7NX3EDD110pit3+/OGWNuiQMIKP9CTgIgMphunJn9ILNfGIwAFoQXot9eUQ8047TEuayq2c9v4wI="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"asyncliz","email":"asyncliz@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.11.0_1574804966502_0.9290351968537216"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.11.1":{"name":"@material/mwc-linear-progress","version":"0.11.1","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=5.0.0-canary.5729943ba.0","@material/mwc-base":"^0.11.1","lit-element":"^2.2.1","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"395c02244bf15c2658cb110eb405ff2e4c0477fc","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.11.1","_nodeVersion":"10.17.0","_npmVersion":"lerna/3.18.1/node@v10.17.0+x64 (darwin)","dist":{"integrity":"sha512-lkTwFhTQsq+33wSMwnMvDOaCdT2d4BVjg94r8DS/VC9ypa4R9o82zwWKxCNH/gl641f/KLQ4zYdUX0KtEncjbA==","shasum":"3db9ed1e323c586ae7b7b9f4315d00081db30732","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.11.1.tgz","fileCount":16,"unpackedSize":61408,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3cK2CRA9TVsSAnZWagAAPpsP/113nfi3nr2xWZuaz4vj\nMIOugz25vCzFgIMk3ZDYpXRkPA+SFLemN3MvFQWQPT7lCx6v3C/F0D96bgJa\nz8K/NXRKyRCk1Rf/pjv8+Bb5Z/uLKc+eQhboJw5WIRrKo0IcFX+qp7CyQGWz\nXJk4AbC1QdvjjkRzBtsqKEfCd8vzKNBDZXZbnU7eO4IzjExSxcRIF/8xkFZb\nzHinUaW8lkZXYQxTAE+bT9kebjjyick2lMgGeTDIzZMevsoxlGzNhDGkymif\nHMgqUzl8TqSA/RxRuPfNB762ngvlFfrb6yW3aQpJoOGTCEWdsNb3INeaUS1m\nFreLDE3zUkPo0PL1j6eOlFuEZacgqHYzwqOnVj6YbO9ZhsMVNlANnbzuXwHx\nmQhSZ/hVMMjEpb4iARnaUCU27va6HOwKJD7wspa568MGf0kvp4lw8sJUzVdY\nbNaHzYu4hY2rMrPwpfb7sjwVrf4KZ9kfM7TCGUPgI7blgj5OroTUZynyZzNn\n0fgqGjP2Z5JeWs2HCY7KefefiP21Tbo92KlHOSo2pHwTUEJqv+gMppmx/j9u\n+1bNCXQFYQMQ0fZq2EvdaBWrCte5a9L0zdZqwqhvPD4LYnf8o7cAHmi8OMAo\nwalezrtgEugKindfsuGgW+hJr7KBcWYA7IRMp/8qPZ0zpdZMIHWru9CyFFFo\nJ6us\r\n=K2P4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEoI4C6uEkXF5LuHkeZSoi/oH8iQ+iVAdIK8XazEGa79AiEAr77u5x/GrNORlsl0FkkkJJBx9xLi4+LLDAeSRZyvnJU="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"asyncliz","email":"asyncliz@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.11.1_1574814389976_0.33417675148638004"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.12.0":{"name":"@material/mwc-linear-progress","version":"0.12.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=5.0.0-canary.1c494e567.0","@material/mwc-base":"^0.12.0","lit-element":"^2.2.1","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"4c0dc16b89066f24fca4efcf78c36c87657f0a03","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.12.0","_nodeVersion":"11.12.0","_npmVersion":"lerna/3.18.1/node@v11.12.0+x64 (darwin)","dist":{"integrity":"sha512-afoznI1/JHAy30C3jXp3shXLho2CkAmhnvG9FVlFc/VUJnZceDf48TNY22f9lmrEoh2AIDXWvmMaBdOR+yjmyA==","shasum":"8af7e473615c22e0c2b7ef584a774a76f2860c8e","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.12.0.tgz","fileCount":16,"unpackedSize":61408,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+WkjCRA9TVsSAnZWagAAA8oQAIYsEFbmTeWOxI/YXWzj\nixjJJrwhXR2jmemWVUcApaGiJUmrQz8WzP6CUTAlyKQqwB9kOMOl0DUYRoJa\nGjjCh/ZTruHk7AVBcTmmuMd9NrUzVuvlyrYqpMrr0gnpJ1UBUYDEbGD8uTk1\notsNVz7siwVuJdLf3266QVPRILIWTy4b6zIQ3P1qRylL/Bea13pb9b8piMje\nQSVb4MILxBvqA2jAvk4GvEocsBFv3Pv9pxw9qUuFaaonR0QhWwQoC+Rs7sSx\nuWhVm7H3F1zjCpCOQMHovkQQt61cKYQPsN042uZzB6dtAKIgeJlULNv1CV00\nHakSI2vLIuz18Lv5aGa+15eMHjt9dDbArkecxr+egE9KxBYSNP4iFbjaYOU2\nQks+sXcK3na/I94F3rmjYiJPdDqPYg25C9Kz1v5dixOkOv8blVuPI+7eFXb+\nBECwm+qIIoGpfC3uqSOm4Vb+elCizhHgpMxbISOvN8zDdrr6W4dEw5JURoNr\nrw3UBWTcM0b0oGfGC7GQvoV9oKPmNt38zHq6YDfsZphC1v0fyXjqmLdbWbqo\nhoa8pdLWHpLn2DxxrdccmXsF8qJHw/1MXS4NAwnWYH88msNJw05W/oaan/iq\norYJKGIZC7uoLFbv6yonUiv6bQloXSKPnGoFvPbHQEhurccklj3o9gmhFtDy\nIJ7Q\r\n=4Byr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCyxpDzR+LylD2r6fyIdrns51MmnDQCOjrGRD/Xs3HTSQIgLXlnSwZfxh3ua34/AbOdLXIIZvbMpB1jmikdmb92w2o="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"emarquez","email":"emarquez@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.12.0_1576626467066_0.13151589629226978"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.13.0":{"name":"@material/mwc-linear-progress","version":"0.13.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=5.0.0-canary.a1a0deb3e.0","@material/mwc-base":"^0.13.0","lit-element":"^2.2.1","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"054d0d234704a274e8aaf7d8a8a0399f525914eb","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.13.0","_nodeVersion":"11.12.0","_npmVersion":"lerna/3.20.2/node@v11.12.0+x64 (darwin)","dist":{"integrity":"sha512-PtQaom0OHxzTjZ41z2PwrncSncyzPS/i725TkkD+U6TbezvY3X+OUi/y8hl+45kKaL2VbF/Sf2jarA8IcfO8Dg==","shasum":"6451526dad163ee25920435a8620a2d68fbad914","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.13.0.tgz","fileCount":16,"unpackedSize":61408,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeOPckCRA9TVsSAnZWagAAaH4P/RjA6Bv48RwgFvnq53v3\nDYmY2azvSKPF3yQk7kWQaPlc1k+fqv6K2eqYN+6E6xkTEscCTHeZyFc5+KJc\nKJXn8KyfdQPLi9HwX10PIIgqZh56VzbQk2AkUI2w2wlS0GFkZ6G1BUUTO9z9\nauzUgTQteHHJbqhRAf+CaeKSkRnzNsD922sQDwOXBsMg8PMigKKfKSXD9HO1\ntEro33tpyu8op9w17L86RgQcKVyzrJgkdWhRG3dJy619cte2EwgFfROQEcKz\nR5ZQBkHWOtFGKeanKj83t7qzHq/s/bDg0hysb6bm7PXVWgNrqr5WR3JL99/p\npHydfTMtmOGQAW0UuxDZ89KVmByickmOq+B/F6nW51+RroLcfMTPJKqNj2tw\nCfx0vkKWGvAQWktCzOBcUjg14QctLGrwAsAL1wj2KFcxl1FXS2p5Jb4bvX6a\n5YZRi5I7oos3/MKSNRb1PV9OkdfTrxAkdSalTRjBGfs45bEhDupVl13iAbfv\nGsxnaRb9LVOKaiGpCs2IsVTRUD1WR/M8o99Ht2E69ZxzD3amicNFPXiZebSQ\nLY8CVkCaZNgRglaUPYe5t+N4jEojo/S2X1kz9CS1E/8rzfYDbPzACxn5Rzj+\nQlHseQei3kTULon2nNdI7+ZO3vruwg2EPu86vgsNSxD2OSl4EqDsHdsL6B03\nl3sw\r\n=B6Xt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD5qiiBroz9ZFs4BHQujlnyq4WVvYMMgzX1X1BVpGcd8wIhANn6xPfdI2mRyBLprXWw0Cs3FLZeGw1B2b1R69XX8mfk"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"emarquez","email":"emarquez@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.13.0_1580791588465_0.2067934486836236"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.14.0-canary.f790f713.0":{"name":"@material/mwc-linear-progress","version":"0.14.0-canary.f790f713.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.781434a92.0","@material/mwc-base":"0.14.0-canary.f790f713.0","lit-element":"^2.2.1","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"4ccf0f734c9b727a925e62b9999d4380351c7936","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for Edge and IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/4ccf0f734c9b727a925e62b9999d4380351c7936/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/4ccf0f734c9b727a925e62b9999d4380351c7936/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.14.0-canary.f790f713.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-ZHrJbfPlOkZABwe5r4Hk+eC1cgqS33rGaLD0pIxImupZTp9LGHZkix8+rhfrifciZWVE3uXajVmQi62ymNoVyA==","shasum":"279d77d6655c7eb865b1ecfcb46f1415046ab007","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.14.0-canary.f790f713.0.tgz","fileCount":16,"unpackedSize":61443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeWHqzCRA9TVsSAnZWagAA+4MP/1790UwCQmbuwFAa5Qan\nR6+HWAt5+O7F/+XcB0tye8pOwpaE1yNGErIPuJFkMlYmruMqmK0uh8jKQjmp\nNDpI/kVQOInUUi3pTkpqmv/zbNi/9SswjBNscPVh7sP/iKf30m0cFe6io6qu\nI8H0TxmyVm19bm8yz6OYZbUsoZ7LOzJHcL1J3L4oCy3YzOstNwFvHBU+F+NS\n9wSKncf5Mz/reJo3eAwrukQCFNBml8W1Vz68WcK4ppTx8uqB8BSv92pZ5d3v\nmIekyy5DuP8V42Nh7bv6mtR8yrg2l4pdlJlOnA7RjajEtu6j4QMzTTLLMfgU\n9ovqK3GCCUJRMGsBuALLSN46CIxP5ToUn2+OcsqRa4bsfiRUVxMZztGn4KXc\nS7vmqXrwd9Kg0b8FNtG5qfDwg3D8R/wni6+OALbP5XHiSHsHGy19/yZR+LTX\n9z/0YGZlKBx9H6F+56yLFd+F94WpbUJWyMsexBf5k7fDKyo2ibvP8/DqOeAT\ncQ5NVEG9P8no1jqABLXkmmT2Yhkt6t+SrBVY+BMkn5rl3dPS7Nxi2EU/6VfS\nr+62r1p7NrgJzN2broDfNifE/DLBZj1p2UgpjzC4dcRWd0i4WrebliOnZpo0\nnzMX9gEQSA9fheFiy14k3Gr7YS5hByLY6JwJOIJuC2oKmMgEPEFiHaVgdyrZ\ncW94\r\n=oL17\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCRf7pG7Z8GanvnmEDMEpcJaNDqjzsoVWuQLXJiUdDxyQIgFv1R2ol+HBO+lkqXa6C4RtLYxiXERVM0sojj0qHdBlQ="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"asyncliz","email":"asyncliz@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.14.0-canary.f790f713.0_1582856882810_0.9304490196332409"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.14.0-canary.c759cfbc.0":{"name":"@material/mwc-linear-progress","version":"0.14.0-canary.c759cfbc.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.69edc6e28.0","@material/mwc-base":"0.14.0-canary.c759cfbc.0","lit-element":"^2.2.1","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"e0a8ac49c085c004f390a2995879e67aea1010e7","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for Edge and IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e0a8ac49c085c004f390a2995879e67aea1010e7/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e0a8ac49c085c004f390a2995879e67aea1010e7/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.14.0-canary.c759cfbc.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-88iMoOTI6KsuYCT0S8g+XgiNmybluk19WhGic+/HUAxOaQugVhhK9BHUBzB86jpsFjs4vQv8x7gzenBkPctW5Q==","shasum":"ec893f98894badcea30bdd061ea9913d1d6c1657","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.14.0-canary.c759cfbc.0.tgz","fileCount":16,"unpackedSize":61443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeWaqVCRA9TVsSAnZWagAA2e8QAJ0kknRDjGMr9m+yL/hC\nvnAcujJ2X0hcuDs8SXPq683JMXUXnG1sajxIWEPrkde2V+dswxQXKJC77mKv\n+LHtvxwdBpn+7SKXCaW/YKRPm3SWC39a1HlEWBF9NiTbvybNyXqzXJrY91G3\n6s38NWRf5C7SIIslk2AMN4BJtoLnOqDMg3a3umWd3vbo2H9rq5xZ5BpCeA+R\noIseu+Tdk7qPR1j1PainbapTGAB25xxSv794PfwdlNmjEPwCtimb5aJKT+7H\nYRv4AW1wLP2ZfKDaMAJRtkHixz0r8PMFCKgiz1SVS0WY/UWyZLHS7oNwjzTV\nHAKVvawjD20YRiPb+GlaLDXmEN1uOx9/EGnz7Q7GMmLqBtSJzwPYtCYepnEw\nFOhBlNEqMx8Brgend1u2d/z672V5IO5F+I74PJIY6aCLqsq6CQzMt9UtjKwx\nfwbd3dCY78DqvQBuppem6oNfcn3LT586nhE6b7YSzs5Oryy+HT+gx+H3odfK\nH45ZKSlUozYpPvAVDhUcqeVzZH9Oc0wo11uHERK4xaS1lsxt5/vg3cg/VTCO\nACeggNEYWGh9KCGoNa0rZGDFXVhuDlZzMuzOCZ2fWvlMAtSTmPZAqddbugE4\nTW2o9RI1ICtJ50iVCH54M/Nq/BFesb7a7ZBAyM9OO1sHz+V+CnlLp4xNnZin\nmKzT\r\n=aXMB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE+ZCdQmyb0soHglFH+scqMnbO/qkXA96E3yR18mtbJLAiEAyZa4n5MPFz8/2c1aZ2UQm/p/c6sMM8N69bmYsJIWxOg="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"asyncliz","email":"asyncliz@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.14.0-canary.c759cfbc.0_1582934677435_0.19143363069952524"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.14.0-canary.97ef53d8.0":{"name":"@material/mwc-linear-progress","version":"0.14.0-canary.97ef53d8.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.69edc6e28.0","@material/mwc-base":"0.14.0-canary.97ef53d8.0","lit-element":"^2.2.1","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"c6865476c6b2c4ccebc9f20145aa8fdf93e1252f","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for Edge and IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c6865476c6b2c4ccebc9f20145aa8fdf93e1252f/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c6865476c6b2c4ccebc9f20145aa8fdf93e1252f/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.14.0-canary.97ef53d8.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-aLUBMrPcniUsDoujD7Mhlo1ZeBmGZfXQG69fZ3vtqV2UtclcD/DGQt+jkj68a1NiKzpwI+XbauYzhd1ccZsQnA==","shasum":"e850d366fcfd0b62ae617f0999ac901d7764e204","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.14.0-canary.97ef53d8.0.tgz","fileCount":16,"unpackedSize":61443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeWa2/CRA9TVsSAnZWagAAPKoP/jtHXfDbyvfGQjtzkK6w\nRm3e3xkbAznin4gJDzyh8zP2DIc0y34aRQCFyM8/JzE8bD/b/aG3pwf3WrpO\ndz1I40jCnlke9w6Gfj+r5fzmhhStkncLn4v4bASKpggT4ZxP0LpHuXmtxrNO\nCT7ftuX7lyOc9ET8PxRxZXM2proSSXp9PmlcdAM/8Fdx7UaajzTDx27S+ufi\nybuMWXpbSZ75sYGnCvKBt6V6ZOQrOwMtQQC3hz0Gr84CI4YzrcNTiVCaFcEp\nTo+DV2I0w/IPuD7ku9bF7hvc27Rr9lm4lQ8aoL/dA0uqGRf/s/Elf39oYtjc\nEqu0Hp8qInnFYhgbw98VqG04I2D3l+ehaE9dw8ugqZ01fUj5Y/PnSGzxB5la\nJ57zwNqP+0jhfYM+yg2pj7EUMKteVwOjKfJ+boI0jtOIUOFw4p0GiiAOd525\niFUfZwggTUGjOVNSWLc/Rjgw+u1ylhqwgDD6qDGedeWf4cUW8nyMhu1gaO1c\nv3R4EUR+uKUURwTeg+Cy349COTd1/NC9nw4Ls22Mz2Y3yU/wD/Ed2hLncLrk\nBY1UVbVivx/BklSmTW5rVPBaDxP47Vl/V7ToYpQO6TiUGelYOt9/zarxcIFM\ni4mqmH7qy0zSzm0772gDAQmFRLmuvXfTTY1qKFRK9pxHlch9fkJks5cvDG23\nBobd\r\n=mFhU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHQw4irKejBUy6MaGnn6xm59OcxOVKD8wklOdbJJshVyAiAvhM8cGg+TceSZQ4NlbuE2J7v+n7msu30DvMEetYC+vQ=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"asyncliz","email":"asyncliz@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.14.0-canary.97ef53d8.0_1582935486739_0.9324662994460908"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.14.0-canary.24f5fa6e.0":{"name":"@material/mwc-linear-progress","version":"0.14.0-canary.24f5fa6e.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.69edc6e28.0","@material/mwc-base":"0.14.0-canary.24f5fa6e.0","lit-element":"^2.2.1","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"e884595521a6f82f63b8dec96fc4450410e37a09","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for Edge and IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.14.0-canary.24f5fa6e.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-SWX5q+v5x+Spsao9GH4jbVzpeeLtvANRE474I6jjqVzusLaR6gO4/9y6Sbm598u9vFngAF2mBHk0zB1GL1MPkg==","shasum":"3e44a3bc6544512b1772469a2f058ab5d99baa58","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.14.0-canary.24f5fa6e.0.tgz","fileCount":16,"unpackedSize":61443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeWbmQCRA9TVsSAnZWagAA63cQAIAFmT9YD/IkcMiqHcMl\nhnVAuidEUzcNh5Vs+VTiQMfcrDLRkdhJFgJ8A3bA+a6UFSiB0EmiP6w06bE3\n2n48A6fbnI6FICLHlD8YNs2fENFIpPJVYuW2AndUQRreHP6v7oB8Ed+Zs72O\nDwIUGEXojjzQ7kS0Pe1oeNza5NOZv9hoMWjc9sEvLTp7qlxfrkWo1WKqrC6E\n6+YiZDSCry0BMw5hgd7CHEJl/HMf5DBEcYnR7yVcEHr34bUZFzlP35LRF8TB\nqXBhEUdbEYaByMGLzz/qR41qRntCQfBQQNO457JjisvYFtEsJFnLFxJOnbkU\n5CxqOh4AhGZiwrSUcl49Z+hDXVEUxxn8yAYSChpwlvuy2OYTtnifqlOfNf3O\n13afvrbMhlFwpdzIkrtIx7SiFlt4DpGlR0R8gJKiLFqUAwqRqXdt3x3c0iDF\nABl5j98jybfUpz5bM4KVeXRc5BoKYUpBPpVbGVH2vex+qi7Xudm1UfnrxsnJ\nloW6efH4jVZAfbC0Np6TC5+VA1rmE2tF5YMLP+6B8OdKrdugs7XO+rWlDm5E\nCyWP2TJi4j/X57QlzJjqYYQNkUuDwr4FwuCSwzxPGhdNgiYQWmTizT/5R7t4\nYTgUh2jBBeWoMRzRfWmRMi/4KMtYCPH9Rl6PDbURbX+PVJAbFGEsTrslX7bf\nxFLT\r\n=L14d\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCYcCF9gvcYcjKBfyfoX8XiDNOYcJ7hmdzErgWpU0TOTgIgYTe1QvKUmslhPjRuBFWkz0cXMWw1f/ozwqfWh/5FKqE="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.14.0-canary.24f5fa6e.0_1582938512302_0.6618319793586276"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.14.0-canary.960e214f.0":{"name":"@material/mwc-linear-progress","version":"0.14.0-canary.960e214f.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.69edc6e28.0","@material/mwc-base":"0.14.0-canary.960e214f.0","lit-element":"^2.2.1","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"9c56e2bea6eda03e423f3f7ba00cf95f684660f2","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for Edge and IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/9c56e2bea6eda03e423f3f7ba00cf95f684660f2/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/9c56e2bea6eda03e423f3f7ba00cf95f684660f2/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.14.0-canary.960e214f.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-kg02iZE5UlZx/EFWR7EoYESXf9cuFRGO3TgMKUBeFuQQcM0jtCUryh6vfe46Qf5wIJQ+EA4p158i5LafCePhjQ==","shasum":"41c3031ad85cf45807625a56eb0dac3062ba8431","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.14.0-canary.960e214f.0.tgz","fileCount":16,"unpackedSize":61443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeWdXCCRA9TVsSAnZWagAAf54QAJiLoaHYc2iy5BDEoLLz\nHJwatDTn7HxAMkyPcEiPZICo8Jw6Q45xN2nJTyV02MuFeST7BLlLBIGfEXZy\nHuOTnMNkkRpzm4RozYFXLXGndTcvMEEb03I/JTz3i2TY0Abpc9HhBWBEX6iK\nXbDGww/PgOGvdxOSRJxEflmqRtKDnh42YKF3UwHLd5YG/3q9fofl2sR++xcI\n0K86DoSJKFPujD40K9fPEB/X6cI+13j40/WtO0VAZ4UyxZz1UFWchuVMrWpF\nr0TUgc6L4qKfuNR8jiL2bcuFwuzqG52qUGktrwt/ZnX2MGxyE2+U3pzYv7/Z\nrOmcCFONd4SVxGLY5ZJ93HZPRvqC0hejMRM5ZlSPrlTYzeUxqmYiHxE4O359\n9g8UCaUNHD8bBkmVL7omiCDVc5ZpLRdLCEI40Pk3MlSmQBPVLdR/H0Ks7BwS\n3Yzw/CDtPTT4YD5zdBnPtvDgKp5Ov9NTXUKLE6+2DZHQFh6ELShVJkkEgoQk\nmIdl0OZqMt3NzGYto9BpSQSX2RyS+V/vB57LpHXMFabY2HLkFWjt+p+p+/+1\nFeR/lKj92llJWT8RYS+zs3myhdQLf/l0k5KdMY1RP4ik8RQET302ZXJXpJy3\nYVWY0YIJ/uJaKgSPQER80pCJdKIAnMPwPRQULYcvMRQU110qBzWnzlm1/vZ0\nQlJM\r\n=WUXg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICTxL8Et32BhAADU+OjP9NN1gcA4NKJ4VN+kuB7XfWhwAiAubswfDVJBO//0FQCp5fe4g5XTWhz/T1EB2tYrxY5C8g=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.14.0-canary.960e214f.0_1582945730153_0.09808126801972605"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.14.0-canary.a2f046f5.0":{"name":"@material/mwc-linear-progress","version":"0.14.0-canary.a2f046f5.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.69edc6e28.0","@material/mwc-base":"0.14.0-canary.a2f046f5.0","lit-element":"^2.2.1","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"b2845ca1286088f29e79c96b6d5c5367873cce11","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b2845ca1286088f29e79c96b6d5c5367873cce11/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b2845ca1286088f29e79c96b6d5c5367873cce11/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.14.0-canary.a2f046f5.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-Sf8s0BfGOvmC7exJA9RXMjeJRJXNZUAym+KaQjLtNriItyNu5t0WnvJASltXSjX8qcz8dF2ZT4gMvG1cPyO8Eg==","shasum":"c5b71a09039f979c19473fe1c5d5d470f54f357f","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.14.0-canary.a2f046f5.0.tgz","fileCount":16,"unpackedSize":61434,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeXas4CRA9TVsSAnZWagAAH3MP/38LgNry6OSRxjuvYO80\nPEPcIkLOTvIJi3eA22gMh8fmI334B0QKk5oTshJvnTBSPGuRbbiz7fhUtzTe\nBFFL6jXjtQyAJYXvvk5fesISWrWG15hzUqnSvY3Vy+lp/zuvfmXIN7bhF9Wi\nHzLquQAjjInvi0CbIF87bq80No6dXVafKAwc3JhdB8As/XaLVSi+rCRZBzxb\nf7kPvhbPmeGj2m+aqGt0TLYoerSNITLjeu3K9hMMUNo75JCzNReFeTIreak/\n90Fpp7zo2AtLJ7W4CrbiezZDhfBpEtqZLdaNz0CE3ZqH91eudu65eCarpxHP\noSMFKGvmdbmL886waOAqIQj0lf02TVzB5aowgBLvZ7o2WZDogXQ6sgWkd2rU\nWhOkeuURPDKpU2NsXJy3pzp+bhubgw3ivJx1gH7K1Y03EZdvQxxUKuB8ISd+\nCzgRqCvvtOj1jL1ksFkbXva4stnozgemlE6FgYOhoPse0OxfQwjxinTV0SN5\nEDobYq5m0NdzAW7JvTAMluQoELIT+3Y89rtejatHtW4sPkzQ6efEeU6r0uhE\n3VmK7rrFpU3decYUoUW3yYNSw1Tc0arK5BvYa1k0p5ggcZNsiKeLGc+vpHPw\nRQ96q2dOrtfs+gAySegnIW4i2eqn3CQ4SwrU1dbudGUuNEqmSWfWpDd/E9NI\ncmCr\r\n=cJkA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGv3Du6kuqs770hmK217nNg7xitEsRYZNh6lmA24qxEtAiEA/FAFcRSiauN5s/a9qcWsf3f8+RilSEx9mPAhEK4KDwo="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.14.0-canary.a2f046f5.0_1583196984028_0.5659892377630014"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.14.0-canary.024f371a.0":{"name":"@material/mwc-linear-progress","version":"0.14.0-canary.024f371a.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.69edc6e28.0","@material/mwc-base":"0.14.0-canary.024f371a.0","lit-element":"^2.2.1","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"efde2be2f22a9a7e20f2b0d57c4cddee405ada0b","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/efde2be2f22a9a7e20f2b0d57c4cddee405ada0b/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/efde2be2f22a9a7e20f2b0d57c4cddee405ada0b/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.14.0-canary.024f371a.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-9tR5bbsy4N/lR7wl67mODeLyqZejWpYzA29kPKL3QKF4hKRQCZBwmYDJigDL04ysdo30G/j5+ZzrSiaDFJcWGg==","shasum":"dbcda343cf988f978675fe798a954f2a869254a8","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.14.0-canary.024f371a.0.tgz","fileCount":16,"unpackedSize":61434,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeXbLKCRA9TVsSAnZWagAAs88P/jaDVaudRjVHXuhxVK8h\nbVPhk9BCCC4UO4p6WOoUU2dJvhXXX4KU7gNAKNMgI8anOH5tZDG04q+ISnc5\n95CrJ5f+AR74cZ82tCsRYEiqInYHr3CQERS3ZzNm7uugMkokpqe5Zw+fBsJX\nb/8ZThVlxphcW8HnrDDuklxNM754pMM9Pd/nzBbOnW1KQpyxgKBp0D5gTQ89\nogJ130szXUU1Xq0+Z2JfdHq75eoDQu+BxpsjDq/KCqXSvlWYMgWdPqf+oV5E\nSCQZTCFm3jTq9VAgLHm1TT/lw2MbpzujHysaDAzgIh+WvjK+iDu2X9ecGQsz\nZ2QHl8pq8VT/iBI89d7oFpGo/qHvq/y1Pt0dWshbhVLHGcqdGwOzpYKRj5Lg\nM/Ivzy5x1NuNDYm90Fmk9VHnhx59FKu9FtsPCswhdPN2bKuhzI0ft+5tINSC\nvUHL/gBPJpOoHluVTwAIxOD8PQ9lzCFN2Cp7zPXB+j6NCYJ1sL6AdK/h5Nqk\nkdRdnpzm5DbGAf5m1Bini3pEEH0zB5sYKQd6XCJdnsQVnVIYbcI08uU79HAO\nxc/mPNidZhCNO4It2LzeWEISzTiMEC19UenwBu4I3U53rXRTStOF3hADlm5f\n257Nw60kRJzQY5ddcOGgZWuLOoBCGxox3mKjzlLvvrk6PwpDp5vWZhPX52mH\nWb5z\r\n=0B4c\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDYmkkMCBDbeE9n1l2LomTxgIsHOyMdd+I+xzHyTvV/5AiEA8E4KLOqxF9dosfH2tjH1D2HEZYd2YkTnitxwnuBPOBk="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.14.0-canary.024f371a.0_1583198922218_0.41063991649856524"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.14.0-canary.2f164110.0":{"name":"@material/mwc-linear-progress","version":"0.14.0-canary.2f164110.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.9372e4939.0","@material/mwc-base":"0.14.0-canary.2f164110.0","lit-element":"^2.2.1","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"288331a2ec51b59facb4791d01e4d2ba8f4b7cc0","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/288331a2ec51b59facb4791d01e4d2ba8f4b7cc0/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/288331a2ec51b59facb4791d01e4d2ba8f4b7cc0/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.14.0-canary.2f164110.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-bO+cFvL8ssXa9xZlwUxUbJAyvjr8+lVYqJ0qo7hTDR/khHvd6sqdZOLMqswz8yx4tizMnDLkskeI6DbyVbuTQw==","shasum":"0fd45339a14c5604bbba6597624ad6d42096f734","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.14.0-canary.2f164110.0.tgz","fileCount":16,"unpackedSize":63283,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeXs0wCRA9TVsSAnZWagAAAngP/ROuAh2HX+/WnoSXo22O\nltn7mf9rzPELciQ5+sRgMHF/FFKj5ogMKPKAxzh0DWPkdQ3VDMT7xi5Ev4/a\noLxVxJ2w+HEB4lHDmqxj1+k15rL+OIvd3UPaH5wzCZhpmUngiyz28AZqFoui\nWps/Bqfa01IFMAChSom1F3t/8+w9oEsn+T+mEuNEzGcIHOH39wYCCB55VKPh\n36xZ6RUUDRzOOZH8pa4jFJHE0VG/Gs6QqIKImcfXObZv9VR2YDfV2f3uGEjP\nuxfqqzP9CPE+PlsPl7w+x+joyncozE0aEk69uKiXQ1UDtJSiT1N8eBOVIfb+\nWMHNdHhbjZXS8SarcRVa6r5TUC2bnM0BB/N9rHHKuKrGgsxbvtFLPo8OfMjf\nsAXW2VZBkuO3j5sUH8uAWh6LnB5xT1ZhcnPbG0hVgyxcTZGv08yBV5q52ifz\noMU0yYPdvJO58JgeWof73DXATJlZGMTPn7TLTsVe56yC/dq4zT7iYlO+AfUt\nAg20p0ONTSe1CQMu0wq51mPRI6NoG1Nx6Mh578B4Nl488Pc3Ea+eIq2OUPN7\n+dr/wFsncU+NkhpqjvkCIihJtJPvfpdDn0isB50JztSlChGOsKo9zHO55kq5\nf7TtN+I1Q7RgCLUm6LxH9uXaV8b2Yy/2EXlcwyB6iwlQZwF0kDal0cKPdJNY\n2Q+G\r\n=3JJ7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA2G3dEOTcvz21D4XlVard5Mov8W2cgO0wZhnc0AvYlHAiAXjyjxahOKLPz+ye0km7Whwcgs5XeRoEiWqKfWQwaVSw=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.14.0-canary.2f164110.0_1583271215307_0.2903529290306712"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.14.0-canary.edd465cd.0":{"name":"@material/mwc-linear-progress","version":"0.14.0-canary.edd465cd.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.9cf5e9842.0","@material/mwc-base":"0.14.0-canary.edd465cd.0","lit-element":"^2.2.1","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"3954ee24dd2fd1d9171cd7a967586e7d2b34ae38","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/3954ee24dd2fd1d9171cd7a967586e7d2b34ae38/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/3954ee24dd2fd1d9171cd7a967586e7d2b34ae38/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.14.0-canary.edd465cd.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-MKqxlHb0+Q3FUJwaAVoT11AyZSAesX9dCl64c8VSKILXds8xraV0Ko3z5TxZU5vjEGXolEJ0pV8k9nb0+socbg==","shasum":"5d55a1f4e8e4b2b5ee869ac62a6d0ad49ef5e335","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.14.0-canary.edd465cd.0.tgz","fileCount":16,"unpackedSize":61434,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeXvH3CRA9TVsSAnZWagAA460P/37Db+wH1g0tLHoX8/cn\nZRlEhlYZiNGrzjOEtDBeLYr8ihdCsWIPTIwoX2xekrm2unedC96r2esSRdnd\ngsqETuCT01J3V7/ueKm3sOu/XeZarHgV7uuHMjmUpmVTpdawdv/ByqpnU0sW\nqdEiWqQQWVpKNN7WikNScKYhbomjZEKhnW8qAaRBV2RPc5mpZKa6/hv4pzgs\ngj7VUsSi9ed0IK12NYjmMOGhXCZs4Y0+A2nvKYjhK8dA9UHbaWwo07OWANCC\nULmCndPX90KVAwrOnzJE0NTEseccyQOGF9j2kS2zQueng8ZNSaO07lC8BUqd\nzviiiEGX8zLyZYxNlUGETqGpS3bYTKCiSxuL+fFJuuZY2RUvOXaN9m3zVMx2\nig24bVBLJ+Woa5AXPupxEl+kNsy84HaYnu5LL9ib0yxKKmHLl5AYuwnX9+C7\nfRt6yQwr92Q/9TD5KtnqhuWSXi/I3Ntr4/MLfBn3KMw5EFRtyzmgIO32+IIG\n/Oqxab+u6qNcXv1TLRMzvuOKtJ9fNO2t9P1h3Ipl4uNTDmx2kS5zr7shWVpI\nc+KZq9RBbhRHVTrT1Vl4MG7Vvnd9jS+FG7/4ruyFNmWEARNu0EqxnKp5sta1\n33nUwTm7oioJkr91SYU0yQjEV14XNs9E6uEGlQCxChYNYzzf6sOGQo1hKB/M\nmHU+\r\n=OTNA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCOAsrOx4DTs9zruaEXHioLghwigzvA7pg09jxatc94UAIhAOLTdc6TtzWDLk87gBlgKFUxE1k12hCn/CPw7d1t9ATy"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.14.0-canary.edd465cd.0_1583280631051_0.7999255280523117"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.14.0-canary.2b02d017.0":{"name":"@material/mwc-linear-progress","version":"0.14.0-canary.2b02d017.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.9cf5e9842.0","@material/mwc-base":"0.14.0-canary.2b02d017.0","lit-element":"^2.2.1","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"2f2999d0bc0326feb2bf856866fd9238c59ca246","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2f2999d0bc0326feb2bf856866fd9238c59ca246/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2f2999d0bc0326feb2bf856866fd9238c59ca246/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.14.0-canary.2b02d017.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-epNJ+rrLsU8ikOD5cO/N2IDtSbuG09EzqDi3J/g7h7mxxJFVP7aiTafKYHp+rnk7YhCObOtWFxfRImZGsPBmSg==","shasum":"609e048661f0968ab80a90caf5d078de9f844e84","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.14.0-canary.2b02d017.0.tgz","fileCount":16,"unpackedSize":61434,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeYA0wCRA9TVsSAnZWagAAu5sP+QGhcafCRo0zziegsd0W\nZvq5oIhzec+Ok0mN0qHvJ729ah3SFFQlqE9NIwBn9ZSrGWgJqy3xjY8WZO08\n6vUK1XWBPHz6/5dxUo5AIjAbLF+nwWrPFwTqEuqqcQVETqrYrbzSY+CE3WBo\nMTUhR4oFeo0hvtbVH1w0ZtxpFnU3fDw9IvMOCBKU2NaB0ZrkQZpT8jY0xcQQ\nkfszO59ctGvgndAzuYxfPNF1LPyDMSUWpNyJPFBlRUJxFfC460UWZImt9BaY\n1lR9csHoEGc7G/tbdSVDAiFgPf9Vl/xtB5+0MOEnBdp/1KyDRbmWIzead7EY\nOa/oqsuy/WbMHPJ511V5Z64pN1ISf3YSdwDUdaEooliWEDIf4Dj0wQhmfvAf\nJBcEc4P+ASfHfFa2imiB/nJHXlRzcvd6MezsHgj+OA87gBaf1vtUp9Y8+hkM\nTdYLzUmI64e/CqmHaAh8Qk//5UKKVu2rfmGybO3qY6DcYi5w3Q+7rGDWMRt3\nEsD5E5n041OtcUYo5P3TinOi9wDG0TIfYcSX6xFag4h6XbjwQU6c59MZHH2Z\nmxL/aU2bv5V1EyBQePKWWsQI1xAcYx8f5BzGRhauAykPFuuQ0xVxrXHobj0j\nxWqWvP2eNSmIzgb9LJhZMjUuYvcjZa3759CtRv+hwymHgKGIcl0V+Hyttk2/\nI+w6\r\n=iJnR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGyVKkvRZ3QL4kUHXf0gr4IC2GlTMKjp0cGoViCADwcGAiEAniwGdU3Ir6HoDzIe4ZvluqdzCeS+why4s7IgjZcEYIE="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.14.0-canary.2b02d017.0_1583353136018_0.5490084455608741"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.14.0-canary.cbdfe453.0":{"name":"@material/mwc-linear-progress","version":"0.14.0-canary.cbdfe453.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.3657f8863.0","@material/mwc-base":"0.14.0-canary.cbdfe453.0","lit-element":"^2.2.1","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"473c76376428d49a6811e677bf7e1450ef90b5cb","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/473c76376428d49a6811e677bf7e1450ef90b5cb/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/473c76376428d49a6811e677bf7e1450ef90b5cb/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.14.0-canary.cbdfe453.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-YvIXhvdrBci1idFw0NqZClP9mF9vmPER3wnCIG02awY9cd24Y0AGvaGoggATB1ZY5HJj8OtmhynFxybshvMblQ==","shasum":"e5266ef02d5fc26115afcc5b8baed88eafce80bf","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.14.0-canary.cbdfe453.0.tgz","fileCount":16,"unpackedSize":61434,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeYCE0CRA9TVsSAnZWagAAMdEP/1kZwOGBjxWGiO+CCFVk\nNk6zYubE9JCzEZqjoswMME33iDOLCf4120Rjwz4KlcTxi6unZNbu2FP432ht\nsefKbAxVjnuyOheJ+3MNBN082xWKxftD1QMGC3FfqVwAQ6AH+M7nCNF7xkSN\nKioro/Mnypqq8bNHu0sfPTP8ePqs9LZoA5+tI2DK4AymHw/9JcP4bzMnfvvu\ngskAaL9bkxZLk6tT26GxmAf6SOfS/xFKTK/enqRjQZYE1A0lRVuwYPzsoMoO\ndjDedaJuHmJyDAaa5asABQPwyC4/f675+2b77hERH+gCjjdiEFn4uFMRxPvI\n2Dj0hnL+9sMqEstpT8oQQxXdSkds9SOB9oFc/u4XMqLN4s/GcpUe6kTGHvOc\nFEnhQ8dAxP/IT6DA1cInmE6TdXh5MlUcaUn0U737xg5pRHBoxRsU1OYTiR9S\nkMIWA/ogVCvYV6DhI3hKxMSR6kyWjHI6Y+GkNciAGoWmVOY7lBYaU1tgRMtB\nFmEMwYf+JB6FwJz5tIgMd6eZ2R4C20IbhO9Isqpq+GkQVbDMNeRfk4WDP5Gz\nrD9bc5Pwe/dB7YbzpAunLkMuDKzarRfC3sbqbIkbLR8SMLLTGWIDrwSZfUtK\nBCcFZa682O+X0HvubuWXLmG7wqI50Yfknkns/z6TDweHiXnZ6QYtJvht4btm\nqIv1\r\n=HsTD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDYsvhmkFsmF3MozmN8f/kK49nIs17eOdZQXgLhPcuU9QIgLy0iq32JxBJve11JgeDO+DAkq+Zdpl7dQjOFukDTHew="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.14.0-canary.cbdfe453.0_1583358260431_0.7335219619705975"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.14.0-canary.02aa8a98.0":{"name":"@material/mwc-linear-progress","version":"0.14.0-canary.02aa8a98.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.17b9699c4.0","@material/mwc-base":"0.14.0-canary.02aa8a98.0","lit-element":"^2.2.1","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"97bedf50cad33662f192490eaffe0e04894aa3c1","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/97bedf50cad33662f192490eaffe0e04894aa3c1/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/97bedf50cad33662f192490eaffe0e04894aa3c1/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.14.0-canary.02aa8a98.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-T3z8Sil0VBbJp/svNz87a/juJIvuzAgh9bSv9TSs4crmG5pMQ7Zw+OgE3Iic4D0fT7H0DZTrnUXFWh7NBbdvZw==","shasum":"84391ad492700414f306fd0883048d8e88421f9a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.14.0-canary.02aa8a98.0.tgz","fileCount":16,"unpackedSize":63283,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeYtRWCRA9TVsSAnZWagAAcYcP/A3LOjaSOvZWX5BLsCxE\nZB3hE4LkuVla7L8GMalwvndWwNBuY4Hl1J0wJL6eDdAWwg1AiXgogXpN6HXq\nW1xNrojbIRhn29MHUNEt5vrCkVtk1o8lCP2r1OQ/b83vQuXW6uIi2KGc8Kq0\n251hLruFeclky08OJhbcpp/PVo49zmN0J0zbuAJn/JH7HgKj+Oi27oBBD0on\nbg/2AtyxqYOLDp+Qp0wMNHPQrKAKRSwZGuR+Ta7KlKaPK9UU5SUIsgdLAbjb\n2HnXzDQ9rpSktGoB+IKo4To3YuAajldmuynOsiB4NwEuOEY0GU3HkxVa8ReV\n+xFwdjDokFHJ8mEhvtjUWDUqCXznt9/n9WY2hMTatq7fcnA/pWlmwyVz7zYg\na+SIRxCM/qFzFuMBz3UsCu3CIBdFe+q+G+NgsiugHwzTusbGdzAdas8/rynD\nIJvbkbUCOZ8EomVhqUnnlRQu+fJlgLVUhr5bbOBCSNE2U2elxpHyQ1N3u5I2\nHk37Sf2qRJD8HORcP98qbK8j9OyoWzqXbScR7/sSAYpvv0WsK9pInyKpHzSn\nrkjty5N5AKNY01dMH2FDzQl3Ev/Cf3fNVAvewsGbCeEGfv9mgrDcIcg2iDgs\nFMI5yzAUy1DxbyWzSBeZdAqGxwmjiC6T5u5cikiZTyckDB6HuzHfjR8kLuPU\nwInf\r\n=82Zk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC6NMclx9jMynKsVv8neYxRmsp23VH01ki1ddjlcGU4vwIhAIHcDvT3MrHrgnN5G4qP+4ZZiSjFMwdUlRUvbt82ri9D"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.14.0-canary.02aa8a98.0_1583535190240_0.6782042496988385"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.14.0-canary.7cd5aad6.0":{"name":"@material/mwc-linear-progress","version":"0.14.0-canary.7cd5aad6.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.17b9699c4.0","@material/mwc-base":"0.14.0-canary.7cd5aad6.0","lit-element":"^2.2.1","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"02d47be94c90a6674486253c11ed001b63502d73","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/02d47be94c90a6674486253c11ed001b63502d73/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/02d47be94c90a6674486253c11ed001b63502d73/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.14.0-canary.7cd5aad6.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-PAAz/v6AyNhTC6XSEJOQ2/cwkGRcjxGcwx0mq7KjwjzvGkIipeE9zHIWNkCl8gNFU60RY+CPS51WHEIVBk+85A==","shasum":"07d573462ba7233116e1e090a435842c46bdfcb9","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.14.0-canary.7cd5aad6.0.tgz","fileCount":16,"unpackedSize":63283,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZs8dCRA9TVsSAnZWagAAlegP/2ehoyEjSGUk5l6/LY7a\nC7PwWC3A4WdsA3dZvL3ko9Ja1YM0sI/dUmTD2wZJKXegHKRK6Dx/On9cTvY3\nlqEJqteOk47QQgS1E/wiB9txxmOg0S+723sVUVOfKXe1AN7G2YQ2ZUG0HaA7\nDp3CJiqyl7Cq6I905lpULZu3zUetu6xMMi/E4okT9yiYe5Dqd7Y+bMIYDzB3\nGrRytMY3p9gsn514dyZY86XEedpmF1LoG0sB5SindS3aUGYiE3ORL+JH9O1v\nIFXicf95e62pWd330O758tQHRq7hnqkqD8OITcq4k/O/w05lFHngSjB+GrVZ\nuyqAab6LlJjhXjTrJj+6QAsM0K7LEjaQbOI6z31knU+OAKgpZ4IUzfp2cr3E\ncaNzHmGbjCjyc0XIkGAMdeGocOzo3Z2EDW26jsUT2aGnRLtdRmxuYQHLNxl7\nPRVL/PDuso8QyZsY77N2W4LZ26EbK9ziRMJPXBPYVAvUvoezhAGNsGaTXczO\nChIb3zQAhBThImfD6G/ldRqrlNI4HCdOTNhQgJENsy+sfcZTJ9ojpKuz1Hwo\nrMvwDeZOkw+CWtN1jGvWGzmbMEBIejPRf3ywHazRG5iNtCKrwjQEVZhnAsV8\nQtk1/e8BA3sPXItln706bgeRNRpx0UhhPDVycfGyzhizw5oNXXLd/VZhWhpR\nwplv\r\n=j33n\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDNH/TyUtYFKp8vUmHpf2V1kYhxgjYWYWaUyz9DcQu3CQIhAOrV6g2LVWBALbR2M0Xah8Tm+hihkOLANK6jWXcpObYo"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.14.0-canary.7cd5aad6.0_1583795996641_0.3166117718540409"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.14.0-canary.3a79dfa6.0":{"name":"@material/mwc-linear-progress","version":"0.14.0-canary.3a79dfa6.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.bd33cb56b.0","@material/mwc-base":"0.14.0-canary.3a79dfa6.0","lit-element":"^2.2.1","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"d8c4d68989d9c1489104002dc0f43cfb89ad0488","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d8c4d68989d9c1489104002dc0f43cfb89ad0488/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d8c4d68989d9c1489104002dc0f43cfb89ad0488/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.14.0-canary.3a79dfa6.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-n+He6QVKUDJC9tUzmj1bx82T1NEzkoFfPMLV01JgVCpAVMNseUs8e41GH5vs6/1jM1avEVsu+lwde4qE77fqJA==","shasum":"a979590b97f2fa7e35c263649eaaad657b1e05d3","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.14.0-canary.3a79dfa6.0.tgz","fileCount":16,"unpackedSize":63283,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZwG+CRA9TVsSAnZWagAAHiMQAIzXj+CmsAoTlWFrW7jE\nzVEPcRekI6smA9KW/OxXNuiqFY76ZdiauRVdEBsy3nLYzLN2nFETXaGkPVF6\nA38WkEMHyVnU/qHMVyTo9NWi0M7NsJkZPD/VQBDxu+Emu47JNZ0YDMGmWKxy\n+Srws/T2Byij709Zi8iBa2GpXjjx3rYPFx7iKzeKFrw/txzSAXz8TSNF4bk+\n2H+pN5YHPejp8omOOO4+ucPa2quY5iGnzFBkEwxpQMbD/HaZUwZytHaeGlEE\nu58Uh1Fa0NU5YeIVgKTpymvs7fn0tqaHYhuYCBAySEGXd7/VB5hiVSfuTB3f\n1PZXZ9rtPl09XAKa+tJIPo9s8f5yxmNmk2Khghs7ZWmG8h2WphA9CmBnNILr\n04SKq0SA+yUYjFCm693oaPvzkhCadcfCcsFO7Vbunn8yQY7M//NOVURLpQLo\nbFS0IbtnByJHkSd4D0hKlN7yGXAu55DaH0jRyKWDLs973VQKwVTatLmYocw1\nQrZGeeux2U/+Hlo+ux6fAhRcEEce/G25I/i0AVSCHG96QGCbGGaZiuzxu1nG\nnYvch856C4f53gQP60bXUYgjsLP4JrgiisJ4c8hINe6JwNTLqMt199/wuw5x\n5yK/zkhstbEys7xetVTti5m6eeEu5zDXorw+4pWMoci7tZ4Fnk508uEtHwDV\nftlq\r\n=Vfsl\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCovPZm/eowx57DMqi5ZapIP7nIi/3xVFyeRSDhzqTPBgIhAPDxMhmba+6IlacDFPh2RYX4YDq8nrwgId4BaDrKuhyW"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.14.0-canary.3a79dfa6.0_1583808957619_0.3900767417148385"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.14.0-canary.22e0f5c9.0":{"name":"@material/mwc-linear-progress","version":"0.14.0-canary.22e0f5c9.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.bd33cb56b.0","@material/mwc-base":"0.14.0-canary.22e0f5c9.0","lit-element":"^2.2.1","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"ccb096ae11e367b4590851e53c023abbb22d2774","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ccb096ae11e367b4590851e53c023abbb22d2774/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ccb096ae11e367b4590851e53c023abbb22d2774/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.14.0-canary.22e0f5c9.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-uXwvQ1Xy+uFVVGG7ytWDedMuaGRCVQ9gBZek1Tmxj+2R7hLvJplhIE4LGf4tmzFOYabKAPsD85ehZ1hbVukXkA==","shasum":"5622b7954bf63620443a011c3d2da0be2cbf52b0","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.14.0-canary.22e0f5c9.0.tgz","fileCount":16,"unpackedSize":63283,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZwKwCRA9TVsSAnZWagAAdZoP+wci045PkTCKfrUwGg9G\ng2qHlSeJqZGNrv+wnDsFVkhISYEtKndJraKiL4mePm0OF3/n4sHIT5jARr6S\nR1JKkeYAvlxgRYH5v8Z42J7n/uVMiED2tdlh4JWs36dsCJP0P5UzxB5QuWHS\nW6C7rphdjHDcjLzk8sPMFu6U6Hw0oBnMnsnxXiun7IT0F1FdpQd8VN6JApyo\ntwe8tS2da/LV7gLEaHzcUxm0YQD6tlRBE0INGcLa4+uNZxNYSYg5dAQrHLtP\nJH0RvkTKO72sO7W1FjXTjro3v7vzUBZIuZ/SSeBk4856ApVw70qZ/9qm8QjE\nFGdHphYNRRZdCAV+oC3JMejdGdT2JutbcKtfZ+2qgESWTHSjm7dw+585yrbS\ne3mVYiUO/j7hlIB1gBH1iUvsB1HoWc/iI8tFA06mIY3IoKZk76Vt9r8UyYYU\nk2WrY71Mo6ymuEX1GJUS07ptasZvq1y5KJAKqpf1K5VPrXMscEx9cEyDnVIC\n57R091VYLS7aOu334KLy1pHf5GY1sJRVLzyMe2X6ojZd1l6Y9Dzf6BMMyj+1\nL8CFFdIVYAXr7iiHrB3PYeC8HaczICe4EbZKRZxr+fROCqT3fUsNaFAg2v8O\nCTyN4t/AY5OgV/Flxl2rPz9l8WR56mN+nWT1nHOaOpeNOiBs+Vi+PaE1j9h/\nOlJ4\r\n=ppNP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFz1/Rj+mpvDbgnn7afJ+s5Epg/0AWKwqi3I05SWF8k5AiEAs4k1hGuw7MbpZ1ENbdxTBuYdQrO5QTi/Mrlm0CbyH6U="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.14.0-canary.22e0f5c9.0_1583809199897_0.36516052354307327"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.14.0-canary.f23a1d1b.0":{"name":"@material/mwc-linear-progress","version":"0.14.0-canary.f23a1d1b.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.26c049afa.0","@material/mwc-base":"0.14.0-canary.f23a1d1b.0","lit-element":"^2.2.1","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"625010e9abdb8adc901198fa1ebdc99269b946c4","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/625010e9abdb8adc901198fa1ebdc99269b946c4/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/625010e9abdb8adc901198fa1ebdc99269b946c4/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.14.0-canary.f23a1d1b.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-VLVgAuXM9Q5lNK2fMbRdGTZOOT2drMZWFae9aeuNkL+klebJIyZLqmwIPV88K9EXis5LDbszj0YJlP3Xc8srMA==","shasum":"6ae8a2b077a2fc87e930f64cd1d02f6be49796c8","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.14.0-canary.f23a1d1b.0.tgz","fileCount":16,"unpackedSize":63283,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZ/7zCRA9TVsSAnZWagAASaUP/3FbGLbO4oiuV8l5iNW0\nkE+ZFAt0XvmL1jUPPoXUjhm09DAbE+jlCyjkJc2ICanWR0dW7sfcVfZQPTcU\nHh+sD/JBTTK3VFy219B4oi7p3wtphlMMfH9vUbA7+drFvtDUTMRt750nxBMl\n0KXjzoIbgXqtXz6imZZDiXIbeL6qsfbTgzCDcX5XOCdoSneYq2d5oPsvEufd\n+TMhMkBxjb7OFQLzBkQY79rmHfTJyisykc84VfjtVKAM1E+50zteGT1CKTde\nUavg6f+N8LH62rt0jNihNzz9gdeK4NHcbrNYh2xMrvzSaLc0xWZmkRuOHQ0O\nOL5kncowFTDYLpKcYYCXrAITcDOL/O5SOd5MWH6amY3Habs2XK87I1yXNxU8\nyU1bVXRc0HQOwLj+Z/OmPuPKmiTTFpxXhlzwCnxe++IdxM/V9AfRsVAAZ4GG\n/H/RqAEJq0p6wRNU8wm45d7IgLASeayhj5dmXiwtiLCwIS3XG+v3zDgfvNcf\nIgbYG5vc9RHbPxkrIkGiWv7xZJpdLaZcgPUoK2iU2ahEi6YnkMr97WUlUOg9\nU6qNMNT4xIVTjg2iIaUM7c7FaxzDjSWmiKpAQmXDqj5saKoSBg6IBWssHMJx\nw20yPuoX/sovxI2iGs/0mHVWDkPi+R7JGio9MLW2b4jPW7U7U3ddci3kY1pp\nrEqH\r\n=+GwM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD+jtkSm/4DcC3ZGMs4o40Jy/dIEq4Yn5vUdnAlU8ps2gIgVgN/ycX0WRnSykTfmcL3jClfUixGFZ2nIgRyfX9rmQw="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.14.0-canary.f23a1d1b.0_1583873779082_0.5386329635053715"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.14.0-canary.34b2d69a.0":{"name":"@material/mwc-linear-progress","version":"0.14.0-canary.34b2d69a.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.26c049afa.0","@material/mwc-base":"0.14.0-canary.34b2d69a.0","lit-element":"^2.2.1","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"b40bf9e324ad010a2ec93cf8677b25b843ad9c46","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b40bf9e324ad010a2ec93cf8677b25b843ad9c46/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b40bf9e324ad010a2ec93cf8677b25b843ad9c46/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.14.0-canary.34b2d69a.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-l4s+ds1vR8E0+dT8mqfFYYe2JPO9BjdjQRFgOENnjH0YIsYmQyqCPLF7aDNWC7oVIeX10w2osliLG8Ip3vCjuw==","shasum":"1fd9309150af5fe8aa4ea81993d952009d1658ee","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.14.0-canary.34b2d69a.0.tgz","fileCount":16,"unpackedSize":63283,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeaAM6CRA9TVsSAnZWagAAv18QAIM6KJZVGO96gdfF0ZMR\nOdmaP27/GDOO0LCkwfh9GECa0k4oaVpA2KeN5qNVIAQ1dDXOAXqYOheQ7a/K\nZxAy8e69mruJuUPIR4httLq+CCJz9/TtwxufA4H9ou3Pjer6P95VHhunirUx\nSimmDyy0IoLbRMiRVuwcsO3LwZHdPVrNQ0vj5w6jbTWiJjiavHjW+XvbPjx/\nx+DdHuQSETYdgAwaoIO8Grxgaiv04XJmIP3oOP+UXoccD3lSuxIAZ/lOnuvC\nbEGbt5JihMcwbtErlXgocI/BPranGNjnxTYC2x5ncsoN4w02Y/0468MaS7bW\nVoI6aHumIXJab4CvCbmErhV1Mb0vDN5+sB/G0rIJheebtt8foU5gbK4myVpq\nm1rweR35TQ+m+pUeSZT4cmIjtnz6d+RJwYAQinjevCSLooK7wXlVisLpiQde\nqsN5hsk83TmjrIkKy03ayt31bWvVZJ3QbH8oWDhIrYjGc+XD6+82Xqunl6Aa\nwx0jG5/jWttK9TIbDxClbK2pK8OoI+dyN/2n7oU+8VT+WFDkz4PRw/je/t/Z\nnb23w7Y6k9qlqabQuxDgWZ6RN7pzx+/eYn8KZTeiuMfM5PzWGIrfjakCnN7e\n0RAW0t7hZeuFIlAJHWjCUzxmUMCx1qLaFP4aLbw+ex4YgGf+tWalt/zZWP2c\nl4xD\r\n=YKNB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA7DITPV0gnWfAAHiWcAsAotoeTydcpMerKM5SsEEXadAiATSLdFHDLdXm6e4ZtgDCLEQeHlJ4/P1CX/j9IEkgPoOg=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.14.0-canary.34b2d69a.0_1583874873788_0.5412070333158612"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.14.0-canary.dc04abe1.0":{"name":"@material/mwc-linear-progress","version":"0.14.0-canary.dc04abe1.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.1db5c9fc8.0","@material/mwc-base":"0.14.0-canary.dc04abe1.0","lit-element":"^2.2.1","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"83603c5af2141bb893dc17dc4ff73baa5dbc7b64","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/83603c5af2141bb893dc17dc4ff73baa5dbc7b64/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/83603c5af2141bb893dc17dc4ff73baa5dbc7b64/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.14.0-canary.dc04abe1.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-9cT/ZegO6IkRGWz9Kddmnm2NAK1dOmxrWqkLUgZa88fJP9q89eWFijv6vgx2fiTr6whxCiRLD5UsIL+2glbKMQ==","shasum":"327d2d68f1ae7695b59378f47c3cc042cc5f6a2b","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.14.0-canary.dc04abe1.0.tgz","fileCount":16,"unpackedSize":63283,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeaA5bCRA9TVsSAnZWagAATi0P/RJVG/9DJvwwS2qatDAa\nbc4CV/wAeEBf0sd4XnJOBYH7X4lc1a+qy2Fg3xtxjRvWWFyBK6bZNc5W+LUn\nD98yLkkZYVtRbeDgRYc+hHlbI0rVAX8O4s8DdUWiSFThRwFGeqG7pdMyJvEZ\nycVFg7kDl3f09eh1FrHTWpD98hO/X9EGnmUK6dSqcBTrIsGVzV+MZyQvnSLP\n7bsKTDisqgrkB8dWx91BA1S+/RZ0ElXVKcOVSko4KHDjg03cw4qlqSHss0r9\nBdZHlKdSFG/jqZofIe5ta+Tcq6AirMfnqrJNB1hpM8e824REjo4KDlCyzLi/\n7fP5QrZGIf2hQLXMWsVqvOyffTjxYymq4ktdorjmcNc37Af+CCUvinhcZaOW\nDtLhGsIJ3ulp2wRbwCiw0oQOlEhm4IaSCWqlgdNjlSSp/oDW4ajn5p9EqZrB\n0UYCXMzHibcEYT9dXUhIEy1CsAY6R70edfmoP2dy3qByhoQbXkgVpveUNrCo\nDHCKVmGnUGVR3irAH11x7xRbIiIEd/1nwHstNZt2WQwcGIZsYYBzeyKYA9ca\ndh447x2Bg3SxPp9wRLZZmIeU0gKbZJRksTLcZQ4E/NQNf7xMMCKakr/7kWLL\nsMc9R/OZkFjrwagH3+fAGIgrLbacJqtgyoSmUcXgboPmZAq1rfa4LNXOCSmS\nG7Hh\r\n=EZX4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCjHH0AdBflBlG9OtOaxzBSmVrqZB7XVeOnkvhAZPA1ZQIhAK+/ukhDLtVch2c+1Vr9aR7GPbS33w1h9KoYaxnzC9Qo"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.14.0-canary.dc04abe1.0_1583877722846_0.7981827680138271"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.14.0-canary.04ccbc88.0":{"name":"@material/mwc-linear-progress","version":"0.14.0-canary.04ccbc88.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.1ae8130ce.0","@material/mwc-base":"0.14.0-canary.04ccbc88.0","lit-element":"^2.2.1","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"bfcaa800a510585165a925b6961a7e6316f30f57","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/bfcaa800a510585165a925b6961a7e6316f30f57/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/bfcaa800a510585165a925b6961a7e6316f30f57/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.14.0-canary.04ccbc88.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-fwWyRaGd6Fci464F0XE4hgEXU4u4bJkiO72cMHhxIijbPaWtkXyfP/OOFQK8esZroSkpBIE1HC+2L8IDH9slnA==","shasum":"783317e934bdf8ce09333f28b6912fcba5c726e3","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.14.0-canary.04ccbc88.0.tgz","fileCount":16,"unpackedSize":63283,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeaDIkCRA9TVsSAnZWagAAcD4P+wcfVEdam4XgknNe983b\nHARA3aL2bqL/C5x+jujnrsduOJZRQo2xgukVCpgvlWZmGx2yXODs9PfiBeRP\n1dFoA5WFQkmFQlTf/g2Bw6XyV9lCiYp/NWNTptXlp78USXyuUX2gQ9mOIRhk\nTiOkg3NIod+TDrw/0nTaqQGvbMrGvPVAVKJNyr4lpF8Xrr1QByO4wcy1W65G\nyLYrLpg3IvLA+sNVe3fVQEbbk4xEtdB7aakJq6GD1dSyNyx8AIeh/oZlj3mw\n0xZN/Pz92dJ16M4cm1hQVH7BZPZu9i6NK0y6RuM5k3g+QDelmODllRsV/7OD\nuvVTqjy/WfN6nJ1sFSHdjVnJpbBaot9cmBBmGqyvNaNJz5aRyn0n6jyGlWgo\nZMaS0DEls7MZhlUnM0NUDMPVVU3KJVyxn3YY4Ov5UkR6nJhoRz+DVNOFu1+3\n04shIsGEPg2nFYHhLiwjj+mD3E7km85aJWuUjkkXXv8e6GBmE0ZN1pD+hBki\nHnTzBbHG86IaDvPasQWyaN2wfBWBYgEOi2BKAyaDfeQrt2ErB+OhTVdHj9kS\n26DAiiur0xRuTb0IkM4w5sUZ1HnyYHPMqWLZ52iBHFtl/kpulkEoeQDhb+Xm\nC7RGUuCc4xquHgCyLF9sFf1PLGjOBc7cedS3BtVD7Ru6rkgQ5xN7lK8xJnsu\nS551\r\n=joqT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDZjMWnTj9EYR8WiwSLC7vvTm7E0Ys2iTV/qXj+u/1pTwIgQ+vp2kXhp2TWjmqBw+GD0nLTlhrV5X6udB/qKqn/jt8="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.14.0-canary.04ccbc88.0_1583886883654_0.49384628842137146"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.14.0-canary.55338c25.0":{"name":"@material/mwc-linear-progress","version":"0.14.0-canary.55338c25.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.1ae8130ce.0","@material/mwc-base":"0.14.0-canary.55338c25.0","lit-element":"^2.2.1","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"6251bd82d8c2b37985e6a165d6904180ec7a96e3","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6251bd82d8c2b37985e6a165d6904180ec7a96e3/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6251bd82d8c2b37985e6a165d6904180ec7a96e3/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.14.0-canary.55338c25.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-HdivMe89bmfPbUg2s15k0q1tsdpCyq/V28MAKkxjIsq5OJ/Ng1TvpO4iyBgAmDLC22tNbUTrTCmCzs1O7/euoA==","shasum":"0cee0033f5deb28c50fb6507b244a41304abd1e8","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.14.0-canary.55338c25.0.tgz","fileCount":16,"unpackedSize":63283,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeaIWzCRA9TVsSAnZWagAAigsQAJVKswk7QDXXw5yBZUjA\nApqL+Nz9Ph5dHTYAUqm6XoC4FnuLwT/HBksu7535KoLBMpv51psODPW3PoL7\nSJuc+xnXZ+wK/jO2UsDI7ryKQcWh70Q0FmHrXEtWcO91IxW9wCF258IbgPky\n2C57iNfika9qaj6dty0BGdL8aLBxeDagiPEVrAPz+3arY69e8tqIEhQJmqEY\nGI8v/5xPiPvGB5pZPsH4tqmx/xCwXlfPe1Djy3+2QIapjkyM3Xe6fONXBkVW\nc7ubcGEcO/DWY1ml+IN1g8D2UTmS5tzNFukoovdT7AGFTZSNcxo5eFJpSf2h\nS6h04QkYjUwLm2AhWTyUauliGHKZhM/vPZvN7e23O50X9sCkw+ioDAibi73v\nzddqMKfie3Obq9OWS1XbO7GGbPAjD3guB+S2sz/C9SDNnptPCMmoXneWcnVP\njZGGVz8qhXtgfb1Ub/6kAcpJDlHJ0/5B+7Rb6OMLHDrfVSxj4F6J89JrKVB0\n4p0LTCzAPWEZd8bIyw44zUjQIQiptlIsqi3B8byDpE1zqD7rgaGDkLCHjg34\n4IePPVynloXvnEZ38R7YEQGbha7skevvJrhhXhLLXKr/XGStjXQHi8jSnIcy\nKc/KyOenf7/Jtjgh9tjtzLhRezYNbK07ylOA4Sli9BRYvinwx2Ec5MEwAMzn\nSmc3\r\n=3hFZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCoGAmH6YhzcWUtTpswNSroxjTozJJJt3c0muGcgf9E9AIgenGaUGj8ppcOZxTRIz40gKTh4as3FNfkdK4Yh5mdskc="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.14.0-canary.55338c25.0_1583908275358_0.747685215191741"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.14.0-canary.b7e388f3.0":{"name":"@material/mwc-linear-progress","version":"0.14.0-canary.b7e388f3.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.1ae8130ce.0","@material/mwc-base":"0.14.0-canary.b7e388f3.0","lit-element":"^2.2.1","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"1ce172712209d5abf28a65e797f46fdddb7ea704","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/1ce172712209d5abf28a65e797f46fdddb7ea704/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/1ce172712209d5abf28a65e797f46fdddb7ea704/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.14.0-canary.b7e388f3.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-jA3fSeIZf9bXc204aRZzG1JLSETp+NKdc6XhHznGTcZgCF3UL7oeA3qUOYQyXhvvKwvqY7XJHhCV4Z4LKR9aew==","shasum":"20c73cd1c9b80720fb251b1044a1df254bfdf0b4","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.14.0-canary.b7e388f3.0.tgz","fileCount":16,"unpackedSize":63283,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeaUfVCRA9TVsSAnZWagAAJjMP/0E3PmYCxliZBlIKFzSH\nrxMUCT7vLTWX1QUYXJgm+c1i0RSnX32a1LS+tUodmMQ0mn6KnDFV36qTqbRX\nCcmmCYu6kLdQFhVEHybfjAGS0CTHZFkeeOI3SiginJIl6b2RkUyxPe9rZe+Y\nYhA+41vEbLXTBME6TN6JfYkLrP0YcGJ+ZQ15xWCeIVyxj6ThQ8koNTVtLoKp\n8/ClA1gvs4aE1CzAtgA8E1+dEaIBW1VsSC1v7Nepms4CDgftOzoCw69wLadO\nvVMDrvhARe9hGpB6J6LQVYPaJWT6was75xGyfJg6i0qU8BvkEXUn4i+SFZY3\nbtaldYhKrCHxtqckd5vGOA9gC4F8/2nRAJ/kOgDo67BNjuKMHQ3wSOYD2l+Q\nK11brrrtzm+ubqGjaRpjRtOe2dpnBL+FrfIFuzvOu3vaDaftLPNH+BGogcmz\nHxyD7bfzGkvY6n+dRcpFmtd11L3oGgTvS+j/Dn8rJJRqEp2ZQT2SZ4e9y+Ya\noWI0cW3b17tLdXdVKGu3K+EX+2MnMXHxNt+BMKE6/e6EJHVJg0QpqwY7SG6J\nbNlihh+ZzkRsA6BE2CcSqcwS5uOPVBb0D2qLdTjwJxNSvoSuBTq0L3VcoKqY\nmKfVoAzlJZlVN2eNd422Sja2Ym50nNpSztmUuntQkdXeM95oEIjmaQVzSHbJ\nDsVU\r\n=mJMZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCKW9MHAX8ysdLjjo4vx5mEUOoP3Yqwj8j9SNCa7RXqtgIgIRHhgkSuIadSRpMQbw3/j1PLCuxGVC448CSzWXoFgB8="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.14.0-canary.b7e388f3.0_1583957973087_0.8136825865042254"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.14.0-canary.b3211481.0":{"name":"@material/mwc-linear-progress","version":"0.14.0-canary.b3211481.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.1ae8130ce.0","@material/mwc-base":"0.14.0-canary.b3211481.0","lit-element":"^2.2.1","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"7b6c73b4ab63cb7701379685a556ece3324d1c22","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/7b6c73b4ab63cb7701379685a556ece3324d1c22/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/7b6c73b4ab63cb7701379685a556ece3324d1c22/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.14.0-canary.b3211481.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-ebW9fwqiqs83Kfr6+/H5ThY/05ay+jn7B9aij3wnfV3UwyC0Rp7f2piR7aJsNb9nFdBifXDXXQdaAkGkjxsyCg==","shasum":"ea6e97c51971548962aa0f06dd7b63e552b7355a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.14.0-canary.b3211481.0.tgz","fileCount":16,"unpackedSize":63283,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeaUjOCRA9TVsSAnZWagAAd7QP/3CRwEp3DnKOHf8rUrWy\ne0SRKnXSssRpAdEtRzaHwshlW/+VNHCf3AvBHqp8KFqZclcxVGMTxjHOwjqQ\nKfWMmhsoxUoy5x5bcKcfjO9oLj/Y2VGyDH0Cd+CboRFJrpILzU7UoOGpILtv\ni6xajxD1qRj5KjgmZgp3G34L01mc1Wk8OHVxYi9Vp/itf6L8h7+ziXN323X3\nemthzz/KcqfwPw7y8sBjMdEURt+d621X+J7Mt0azy0+Rbk2rGrj/eFExLVBa\nG9YCAcNLlBwVPFwopwdMfiBQAlKQGiAe3584Uv2xUFpR+IExmD7CtxnmHpNH\nVC/rD612aYL+TwcdakNbfLlmmPhRUD9RQeAhoEGmjwizP0F4JAcZBk3sPzgX\ntssaFlzvwY+vMSa+s8Rn06c9hBoPkCtzA9ejtpiP1zGTGx97zza/dBRijKhl\nMbLQaswzm+Eibrvnt8GDDDIiAHiyWKj7tfTh2ZkQf9MzUSJPPuzOlPWcL/go\neRlctljRqYFMYNmtBeRRNzcnrVcKFb53y6n71hJMvtsAxbfaoBHzBTDkwFuf\nq7ri4xZYtzLUKhjg6CLGKXrsmPDWmQ8hp168Td7GWASaVLXGsCsCIF+tRn3m\nJhQm+3D3nhg/tERwT14cih2OOreZeOq2+vBYPqpT6zZ4PQ1RlvRLUawycd1J\nJ/xt\r\n=4/Kf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDMrSqv8NJR1Vw5ih8+A1s4n/A+TO1EzMh74oxPVfo9iAIhAJgJUrR1HR04k/HvvuG5gMQkEioXE05ohjMMgWZrBIoT"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.14.0-canary.b3211481.0_1583958222358_0.5190498254673879"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.14.0-canary.0b5c7f23.0":{"name":"@material/mwc-linear-progress","version":"0.14.0-canary.0b5c7f23.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.d5808057f.0","@material/mwc-base":"0.14.0-canary.0b5c7f23.0","lit-element":"^2.2.1","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"c142ca8fe1db14da6fd164a99ca71277489f9b16","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c142ca8fe1db14da6fd164a99ca71277489f9b16/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c142ca8fe1db14da6fd164a99ca71277489f9b16/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.14.0-canary.0b5c7f23.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-w+rKgphcr3kETIKN/69BR6dfzP8v0IXQBtUbD6AKpIXWq7wdw2KNTXu2wSznzoSrmGDywIJA1LJ40a5pA4tGJA==","shasum":"d27ca2c41aaaa2fd7beee47680d1610392191ccc","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.14.0-canary.0b5c7f23.0.tgz","fileCount":16,"unpackedSize":63283,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeaV3eCRA9TVsSAnZWagAAsuQP/isiezCjQb72EsZtACGD\n3vB/euyEdUg7a9N9OUOqy7i1ZJkvvMWDSg7iL/R6blY87CsVYj/cjizellw8\nx02HsFsUASdxLMKYr3UFw6/Oh64PRzo7gSfG2lh+/10Uw8jVp9P+7lYnvtpd\nRkGO2i0w8iaDYfYPylu7+twpjNa85ax2sXr/qZraO3LxRvZHyQ1Ujx7SMyT/\nKbJFJBDPihXsGvsBTL0gGdfcQZUX5WGAzch/vkfHAUGyPL4M0McssTqwtnOE\nyKcNmdk6oXCLev11rnU7uMJlVZZk56qv1WIQQNUOunxsE3pV2qQI8je0JMSi\nL5buw1PoZW2gkK8q5HzfEvIqrwcn3QoAP8XXI5CqRKm/l/6UwSQfnQ0SLtXy\nEhm5UdMvmP1hTy+jK8jf4oTFqo+TQI17Z9b2OyHqLz5EuddO+CcASYZB5tqi\n6vfbTArAi6AdvbMUQPiLmM/muzxo8daKlM4QvLk7NQZnbYohEnoDq0AMnvOj\n0DbMbJES4vCvSAK2GrQeEBhCHAMrOQ5cZqbI/PH9WxY5fAfBz36yDE9LqylI\n9oGXitZidCB2D+8GFjFRbt5TAVbdPsb1nbuTYT9Rej7jG2PoA+afelstsGXj\nRtH7PV5abaifKuLijmHDZAEWqg7+Ug1yFzVMXZn+k6nH+9er61H4KzyBcx7C\nul1Q\r\n=whvz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFTboym7c8ZprA417gBVn8HDPbtjCW8nVoJQDka9uN/ZAiEAtEIGl+YX83XfVCCi7xQD55B77JLA5peHUbHbMwablJ4="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.14.0-canary.0b5c7f23.0_1583963614197_0.424464901906493"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.14.0-canary.6c0f0b27.0":{"name":"@material/mwc-linear-progress","version":"0.14.0-canary.6c0f0b27.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.bec065920.0","@material/mwc-base":"0.14.0-canary.6c0f0b27.0","lit-element":"^2.2.1","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"642e3027b591cf821c0ef159a9bd31f56677de91","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/642e3027b591cf821c0ef159a9bd31f56677de91/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/642e3027b591cf821c0ef159a9bd31f56677de91/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.14.0-canary.6c0f0b27.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-fzhccGQOZBce5dbIkPk45vaaqhn0nsP277tTLgN20ZKZfpZBByh4Cb/VEQ9hjBvzIE8Q8KRGHu4uBFcQuA4EsA==","shasum":"52016303447b4736833f111923ef61e957e6f6e1","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.14.0-canary.6c0f0b27.0.tgz","fileCount":16,"unpackedSize":63283,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeaqbECRA9TVsSAnZWagAAoW8QAJw92FtXjOuvx0H3ymfk\nbCPKsVY7CL3RCkicTyl5Uyy/reusJIIwzMO9lRLR/6XBy3ha6k9Mni1u6CMi\nV5cBTvWwLGdiWpyLgVJ2u39zsbrK5Bxt7oEAjp9Lrma/5hJ7vtJ4TH2YiJ6b\n5eJpGKPzvWJfgAp3RqAqqQXLZhC0VslgUGHgbjRAmFpvHcq9m7pUefIo5Psf\nRWIywfOdmgOcx5HiTwIhnZHqAJ5HHvNSU+a2b9dVNnsnL/YhDTui/TOAwYvU\negD7OHxJ/TPVDSlWXXKsyvI6K8gOA8MC9Q8zW3QyOjq71k8XXrzLOIMS8CIL\nMnhEmVuukm9UpzAM8FSaljlqrqrvrJqxjSUok0u+g/A08izKtyyBD9kXVsz6\nGVCYuWFh9nZXuUYb7AOFi9tuB9VNMl9M++TJnIr6ku+LgVIJQBLZh1e2wobU\nhIJ6x/pF99ykZbFKVPAm0jby83iz1NuJ8nnkNalloF5FIAQj1jom/ZeQeB3Y\nkdhWTShFARawLW79KIzoRQouH3SemE1Sq7uMycKlWJLNCmDPdJbWkGAlb1gO\nK05QipyVeY5uu4Swlgz+Ao6JmafHgQAUWs9NPco9qNgerm5R2sjh5ozhz/2O\nlKkTjxXvlr/Leg5QihseR68ZlHBPpOnQpsw8RFruqLp5s+pUEUp5C9+iNDCo\nFdnX\r\n=XdPJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD//Y+s3h8x7vQGXJ2ut9VaqbmqiyE2JHiWIx/6PI+LPwIhAI+YtE2hvzWd07aht2EzQUGQ7P4tR+jKYSPQeuLhQ3v4"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.14.0-canary.6c0f0b27.0_1584047812550_0.434602374105177"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.14.0-canary.b6c53425.0":{"name":"@material/mwc-linear-progress","version":"0.14.0-canary.b6c53425.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.bec065920.0","@material/mwc-base":"0.14.0-canary.b6c53425.0","lit-element":"^2.2.1","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"21e9310c19b1139fef9125fef8610235d0ef0e4b","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/21e9310c19b1139fef9125fef8610235d0ef0e4b/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/21e9310c19b1139fef9125fef8610235d0ef0e4b/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.14.0-canary.b6c53425.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-IMeIg0W9+Aak2gqREWcjgNQHtPtq/iNMJKtZrfXNu1JyLhE8u7cmgYYruve4qCpBCgAta72wrSGbuW64KA9Gfg==","shasum":"83117ad65ed9f78886ad9170d63735a6f9e9d769","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.14.0-canary.b6c53425.0.tgz","fileCount":16,"unpackedSize":63283,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJea7rrCRA9TVsSAnZWagAARfEP/RvkPm2inCwdGY6srmRj\nOJabvFZV2UtjHEfE+tRiZ3X2oTpXIKQ0jvDfT7F9oMvOfhKuUcc/srkpkz99\nemptyawjc6PvkqmBYnBmdAE8U9jZiy06Am3TeZeG9lZIis4UzU+vAIIH5Kim\nLe+lPgS112hP391gD9ibr6Dxb+n3zBClhQH9hufokY7USvL1omaaoj6jfK05\nZaubmdixhevHui1PrifAzfiVvnv3Ct3GvnL7YmI5LWSJa9++Ju/fC30iCTmk\nksVsOEuLObXU2Fnwv2TiEuiSUtNaDoUtSnMTRIxN8b30FvmoF81pj956YhD2\nCk4oumSLsiYlqBsGWjpHvcT2xRusy8cgcRaF2LhIi16uwjExmD5sNnyPpRhF\n6gLy4GG271YipU4x8HJl8VMZghxMTMgO/Zk1Z4f1e6xDlqbtX4NSz9/7h4pg\nfReLHerbJQB8ULhH37+ipYJo4aKnHRxu0zabAj+hRcDO6bhA1X8+8U7tpLzs\n713dHYD3swypXm7zGvQ2nzMUlwkBuieeDzbHYMlT46bduFr9+dwQNVLgzk4t\nhYZtmpVwVyk3PsqDDwRUQT5BwUrwsWvP92W9PdfZHMYvRN+ZrNUpbfoCUpkT\nUDNsmT5zk9KmN3rMVuMt6Q6wSYiQZs1FGsEIbrYMRkPMwf6t2ITsGgeie/Oq\ntnJw\r\n=8pTN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDoNm5pabxniQF+56QHNgC/+OPWsKAjJAhh6vPjyohr9QIgMh7gYdR5lO+OSbgkesFtL1mLetUIYOg2S7C/K+eSQYA="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.14.0-canary.b6c53425.0_1584118507390_0.9567062351916817"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.14.0-canary.306cabed.0":{"name":"@material/mwc-linear-progress","version":"0.14.0-canary.306cabed.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.bec065920.0","@material/mwc-base":"0.14.0-canary.306cabed.0","lit-element":"^2.2.1","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"7b07db227ed0e98a8a55068a9460e3969aa14b37","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/7b07db227ed0e98a8a55068a9460e3969aa14b37/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/7b07db227ed0e98a8a55068a9460e3969aa14b37/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.14.0-canary.306cabed.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-lnEWngaKOcfGgjAiDFehrsl1tLFUHq7j/m/ABN+2XY0LdzJRBxxlucP7gRgqUcCh2oy0bKOvlDzXSkAIRXOGQw==","shasum":"22d21de5e8abc537891a2f993a906ec68dd2344e","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.14.0-canary.306cabed.0.tgz","fileCount":16,"unpackedSize":63460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJecT5qCRA9TVsSAnZWagAASjcP/0y78tAAp774JiH/CVQi\nSRW8Df/Dp/476Ac7tZmXPAiJF8eCKnppTQ3CRdcW46VfhrgIGSAdgb4CvUwA\nh6MiPNZXAms975vd1bNpTDpkwGhb/tXyzyxkjwauPzdwMOsJHFBDB5AMgjYI\nyRiYrpEkcDFe+/lD6inFNCN+zr8CM7XxNDZB7hh5GmqbC2javjXs6147kPSg\n+OJCWFjKXGvJISOmm9AtTT6qyu9OWQdq82H0m5zSfC1lHoxV4o7ZeKedSx1O\nyixmI/rVS15Uh3P2FAvvdMyaVf28fvbVPPnhKQBvtkMLGBuY2uRF06gtKP44\nAWOVefjEu6XO2EO65j2j5Qbj3XStGgBNrWPQAAAQ7jj2zFkzZBDMTlGyKY9x\npz0Ib6/CmA8ATGweBBM7CIcZCaGZmL3Q9bDMVsrfMNkPUHoy/BNBeQpmS0W7\ntkt1mJHjCkL1gNtxonyiZrnIPI0IKaEqpo+kXACPpRwv0W6yqeG6X8D0ABmf\nKqmtoW5cRgB+1HVnA4fIeuNANRp0AhuhGY1n+W06emXR7QDMvlpwbzWO6N9K\nahp4HBCmS1zPtepXo2uMW0PaNlEdrTRQRpRid+yal+bw5U5RCAjQSV/BCXq0\nf0cvbaOxKcXaN8bNQnM5Dkuf7KjFtn4dKN3nJbpCVW6XCqPGa2j0nYGvbZ6q\nx49n\r\n=0TeL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDCu+nvHyQJqmJJtuRGR9gnVMj+uNvJjFxJejcWmr5axAIgLViNe/EC8TOAyHHIqjv4RkoX7xj60QWFx5Jpbh6P+0o="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.14.0-canary.306cabed.0_1584479850035_0.04256941274170489"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.14.0-canary.4e250cbc.0":{"name":"@material/mwc-linear-progress","version":"0.14.0-canary.4e250cbc.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.776291ef0.0","@material/mwc-base":"0.14.0-canary.4e250cbc.0","lit-element":"^2.2.1","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"8e0b10a13a5b20d13409bc4bec6f11a4ff757663","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/8e0b10a13a5b20d13409bc4bec6f11a4ff757663/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/8e0b10a13a5b20d13409bc4bec6f11a4ff757663/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.14.0-canary.4e250cbc.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-EDpgF1sOPzHIFKbLV48I+seuC8yL9fo+E3cS9XmvaocZdgYZhqeGuwA3WYIGoZL+ztV3ePckfgChkYFmtn4lIg==","shasum":"63fc6a1ed373b7f2b4dc86b660e17efdd3282059","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.14.0-canary.4e250cbc.0.tgz","fileCount":16,"unpackedSize":63460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJecT/XCRA9TVsSAnZWagAAXKcP/3LsKdhVQ0tNxhzcWE6O\nT7bDxd0CWDgJ+RHHt80DM/8Z0KhcpxeALsybfZZouJh3hOH6Ii9VNIBDvf9s\ngZNwr89sp/nkQQhKdQRyL00ZUQEOqgavz9mFAys6b2SaV9zhoBtdvn/ztglv\nLp97ZyXcNbQ0QNVNFFcQ9DYQUjU2hArNFqx+gxFsXdvQ+cFeeCe6jPz3cNre\nbqsxVW4bg/gwRSZ8K6/ugapyU7yHjMCB5hdKeY/YgZo1vLzapYXhTHOW33Qw\nTfJ8JhP6/0wws/1cNcnF+2R9tt7SDRSRGoW7Zdljt3qsGpj8+0bfbPgHjV1j\nD3TvHbjxCV3uAiVVD/3Ph8sVb5UYL1UBAubsEbudOsH5U2+byloHpb14lCr7\nHORgrLfUz7hXZ1tYmdyf96gl1DIFIlSlCUl+/PUh+eepkKokuC1a9H4CTaI/\nOuit96skJnP6ZR2cABlMjpqonOIJsnATEtP3eVLPI92E53MSMAwlA4iIXHV1\n0/s9dKY1p0MIodmihjWeqdIw6ftVbo7tPled8XYl99voskoTZ9K4IbfXUmgF\nKLI4sgpCI+TpJhcj4sBhLYF/f81z3m6ZdgBnD7eLV4rp6mj/1ChaEB5NBzTq\nVeC07WIpXRV6Wefcx8oXc1ZnuoVwDvZkWhj0qqoVbzgIT1al58bQR05WWA0v\nfp/R\r\n=Id5y\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDvISSd4XqUT0jbt/DFdiK1OckUz8HpjzQ1Pcmtr6ShAgIhAKFsPj427J47nzvTVsP8jBMPDLzxG67knx4LU0i7zPvw"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.14.0-canary.4e250cbc.0_1584480215509_0.7303651709115044"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.14.0-canary.ff82d9ec.0":{"name":"@material/mwc-linear-progress","version":"0.14.0-canary.ff82d9ec.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.6b48781bf.0","@material/mwc-base":"0.14.0-canary.ff82d9ec.0","lit-element":"^2.2.1","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"0af402cd2ff3748cfa5f7956ad2211ec9271c83e","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/0af402cd2ff3748cfa5f7956ad2211ec9271c83e/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/0af402cd2ff3748cfa5f7956ad2211ec9271c83e/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.14.0-canary.ff82d9ec.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-tC+Tr1Q7XEg4OC3N+urpwPPwXmmbpZWwvP5vBuQEEO7v4jyk7F1LJqZ6la9C8xBYyM3d21bNi3VIQqv14swJfg==","shasum":"05280c19e5736d63ca8e5c92efec744dc3d3c438","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.14.0-canary.ff82d9ec.0.tgz","fileCount":16,"unpackedSize":63460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJecmYsCRA9TVsSAnZWagAAyNAP/iffAPKPOmUJpKJlEK6G\nC76G3nTd+u3bhITwnZAVYuoRUR9jBZRxFISacBuvSuxe+AL7Y9cZiUt3hDTD\n4n5AjjYIYC2Pmqa9BdaBn2zPP6vqkq8CyuFJuv3dsPeASvmoCzO4j4r1V1jW\n019qufYXt0VwGKC2LYhNfn3z7hbA944MDp2s1TZUoDGlLFwgBsrb4Ihx5Igj\n9BtCKCvIhEFyT4qMq/nYnjrpSuG0CLu/3HBTqEylSy5lIsL3ExEucd8CBsRj\njKkuZQQHlwFX3NKynXXu1rHnAyedu2SXIMsI9OkFanPzvILb/N4QORYT2nZc\nGztvsEblqbkgKGWhPh/i7xnknaLTSrGnbtzd82nf1VsRX+xP+97rYnIrBEfg\nS+VJJQA1byd8bpz9ZXAgBRYF63+QfvTbmLmsDlmItd41UW3p2kkG1XkC1ob/\nsrXgxhCuX+SVhSX36IBRTEc+R0NOa4dVhkDgXLRCP9jHhkOMGV58tuXvKOqm\n7GGTY6/eIaAXe2jU5HiCSzh+noPH9DUyGQmkrRBncem3XEFpy77pPF/4AiSh\nvxU2hT1ErajaYJJKXbO1+aocuZh9dzScP7o6/Zwt1sgWi5LapnTpObhGHvBu\nHeZv7oPAnfIQtluu0ITr5tE1nSp48/Wt7OVEK0ZJ88IrYTjRTFbzGHzujBnN\nrd7O\r\n=Zz+l\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID/E+cm7Wk9zSMpEa6565QuzFgWJxaXqQ0rR59ivgX9eAiB8mtZ36UH7zNOxjIQVlTCi1pTXzR4WHDXpM6r0ERPkPQ=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.14.0-canary.ff82d9ec.0_1584555564267_0.501359815653992"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.14.0-canary.f50f48ef.0":{"name":"@material/mwc-linear-progress","version":"0.14.0-canary.f50f48ef.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.6b48781bf.0","@material/mwc-base":"0.14.0-canary.f50f48ef.0","lit-element":"^2.2.1","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"0c4d2eecbe04ec4e08549650e593ff154b7d7e84","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/0c4d2eecbe04ec4e08549650e593ff154b7d7e84/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/0c4d2eecbe04ec4e08549650e593ff154b7d7e84/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.14.0-canary.f50f48ef.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-gdRNi4BJ9ERO8Rwnj5FZiW87E6xBhlHuXwY1fAOfeAnYmz6f3g3D+NBFvNmX7sFiXuYVQqgZlcGyE5+kc6rG6Q==","shasum":"a88c7a91cf2d9a0e4e7b477290ad39d1fc4c4512","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.14.0-canary.f50f48ef.0.tgz","fileCount":16,"unpackedSize":63460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJec8AKCRA9TVsSAnZWagAAIpIP/AvJCY1u0LPC1534DOEG\nEhPTl8Bk3lX7n4hDrfd9I5JxZeu+jayfS0WfUDmDRZvutr8g8Bn3n5X8FMOW\nRCbdMZPpQJq0hJgZNnS1dhpmhCuSZiMowFhrU71Ndq4JzUNQ8qhqGA3DOSAq\ndxhb+CrgXMj8AsozcdtH9jZd/0sZ6V8RXbiFVFmeogUPYHllteWzi34CyZch\nVlmKenAFvlJyOArB+557K/LLL8FOOFJCftyjtW6xIebhT0w22SGfLKY97ktb\nRXfrEioGWXZnnyr0jVmUWfAOpMo8Pcu7KYGpVg/t72PV9Go3gSrJEb87Y44P\nPuZ6AC+k1GMTrFI/M5EG5iKNwJPD1XSm6cB0Q4zpVzMam3jnhCavmi796jjw\nA2JsoxFvGpjfQIEB4w6vhqx/QvOtb5vpcighBARrfh+PgrOIAEsC/UHXc38o\nsMgm26Y4iz5iaoqP7EdEHGeGaMFtj7AVAjkcmJscD4y36TtCGz5fDmPLi7F6\n1l+tyjpsWbVLKn7iQbVfBIrWvW3M9E/LoZqXh/UodmiqptpI9dI+xUAfUj7k\nVS46su4jqoS9/131Vv+nJLv4Z2jGOaPeIfCUnTKX+I/7kqx3TbFef7oAGkHj\nHT/M56dw5R6QB7fjeZ9sNt1R3gQ8pyutFFsXXRRNzp0wHS6/yA096AxzTMCm\nl1AA\r\n=mYl9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCIFFpwm7kFFRbfj5ph+MuDQrJNb3/aQk6V7XTkxWs5RgIhAKjavx9W1LI9U4lyzl6GMjb71TsaMP7uZx7KPqn5sC/h"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.14.0-canary.f50f48ef.0_1584644105903_0.5377602309090264"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.14.0-canary.134cf877.0":{"name":"@material/mwc-linear-progress","version":"0.14.0-canary.134cf877.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.a88c8e4dc.0","@material/mwc-base":"0.14.0-canary.134cf877.0","lit-element":"^2.2.1","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"c237581285beb5a84c39a5ea15dc95e9a865e057","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c237581285beb5a84c39a5ea15dc95e9a865e057/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c237581285beb5a84c39a5ea15dc95e9a865e057/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.14.0-canary.134cf877.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-IZEDW5GGlB2ppzZnjVr/S2JG46c65ics6fFOL1OobBm8VORFRnUdtCVPhlwtrkJz66yA05Oi6NB904amdX55nw==","shasum":"1a5385fc7c47d76277344bc30d3437aeb9625290","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.14.0-canary.134cf877.0.tgz","fileCount":16,"unpackedSize":63460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJec9hmCRA9TVsSAnZWagAAkt8P/RLhZs2Fvs/b4NqcVuJj\n5YlYhKcxIGDGBRYnJwXxHmwglvL6YHSAmxDgkiVRKOJ3uqmfaLkwilP1MtuX\nplUA/Gwb1GkZOgjC83HAAugGDAMDvDKsezkZ1z+jFXevrmbD6Q7RoEXeuMn7\nkb1qWA6h7N8ZvEgji3/kteCA2VFEpu4Lh7qYVzKtMobRdbTTXIGkqvDeNzZg\nkAjSa0HpAf98E4tA4BgopgvdM+OOBfnogYwZnbVqE3RQsZWQSKSwmdG5MeSV\nrdaPtv3xOnoF9FcyheE4fL68LV1cyMl2wYdxdBIqlvITR37T3u2qvfG7AtoE\nZAEMRk5So0hnZIf8bdqDKdmJWIh+QxOdIUbkTkCUxR/BvHaDeHKssYFPRDf/\nioWYIdyIBGLUx52kCZzhJedM2FUuDf+KeU8soSpAE0r5IxC/fa2X6ykrrlOU\nkp50JgA8xmqHYUe0kyq8vl5UvSXFmmX/CUrhxfDtx9/4rkxgqOXybEhMpgcH\nuD1x8cGdKadzUQbOfdsuiCjAkIJvI6li05GZbOVRwrYbjwO0K8ZU95/Ff4+y\nfdOTVsN8fMGzG0h7nrjrMU6AYlxcHf/ixeCrH7Mbc8gKpSSfhahzFLjB5wyj\nDWutKZ+xWBl1NgvN/XcARrzb4l4tpg4PASstSQ+pre5i4lacdWJyGJympxH4\nILvS\r\n=PvMc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDikZJrOw6g5ANYDFw4gZeGUPrDjm8LjSlfX+95IBNdmwIhAM++gL1pRKLSuDjmZ2OWwk+t2MURCDnBoIEL02nn8AqQ"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.14.0-canary.134cf877.0_1584650342384_0.0367503933290132"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.14.0":{"name":"@material/mwc-linear-progress","version":"0.14.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.a88c8e4dc.0","@material/mwc-base":"^0.14.0","lit-element":"^2.2.1","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"ac28113f4d46ab2f986ce0aade128eb66d3017c0","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.14.0","_nodeVersion":"12.16.1","_npmVersion":"lerna/3.20.2/node@v12.16.1+x64 (darwin)","dist":{"integrity":"sha512-bCRWHNv9v15/f19GBLrHdzBOZAPsUPRuRO1RmuRBFdIedWAQw0bdxlwTjY5+AwVO7QHyn8W6mze51qjJ+PrKCQ==","shasum":"0ddfd9bd23ffc46143d79aaab297482fa6b1e34d","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.14.0.tgz","fileCount":16,"unpackedSize":63425,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJec+P9CRA9TVsSAnZWagAAmkUP/17jNVqHIOK5CwR9A4T8\nsq4UUAPis7ULcrFrs8jG235/n3KaY4k4SNobrsb9jx2UF8MtSIn6Q3WgIVGZ\n9Ihe+r5R6hCWaJBSR+WSQjwpLhorps4/c5NdrsgOpiljzw4bkUcAIN3AXs17\nPTGVdp9wOdctMw/NdCLuqdiGpp/2ZI3I+ESmcavGMwnYCCyFOvaDzJgdz6T1\nImXMtdpwO5RbrcUEz/gTNipaWIvmXuxSdZWf915RZKYqE/EY4bTXrBSYvzTh\nSd1/sJIOm1HRq7HktTV/8tABazPmHFlySSRRdeH74F/wPOi7LizWRrUVfs0G\n/9jhGdOZTZSlmjGowLjj8mVlDobYufG2lM8aa1cSrBPV+BAZBaOlMwWYOGFL\nkWhfFnbPFLmBj8l2nZNuWRCHz16CrC8O37o2egxyrXdouQmO64j0usTKGz2H\nUnciWqCIUvAhe+GnG0n/vd6eLy9DY6tY4JDOl6Rk3aNVtGc0TZrSI5XSUZna\n4YNukB+QfWiwN9nIFUqEvnj2iD2nGYl7fSr093UZurdAu1GUmtHcNKqIx0li\n8xhBaSo9mjOOlZjS30+m4AYo0bdh+oFYkjtrfFSES9rUuNjarQpBfJPRUH0M\nPbfX2on3GMhV8VqXXBB5E3BN31xoglakHNWhl9GW1Vy14vII7/Az4kHVQfyu\nfy09\r\n=TS7H\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDq6FPCmPHcpNgs6cdMcK2/9sCXGnDuoDzUxjRnUVahxAIgN25OkQQ/l1maZXNuVozRTuzC/9JhLcV83OTzDRYcX14="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"azakus","email":"dfreedm2@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.14.0_1584653308848_0.7042321607056579"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.2c1a4913.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.2c1a4913.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.a88c8e4dc.0","@material/mwc-base":"0.15.0-canary.2c1a4913.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"8d9a4fb2b0ac4979d966b16e203b2dd0f388554f","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/8d9a4fb2b0ac4979d966b16e203b2dd0f388554f/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/8d9a4fb2b0ac4979d966b16e203b2dd0f388554f/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.2c1a4913.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-yX4snvaxUuGcAQaffjDR0F3l0hJIbP4Dqp2LELmNzoXKZ9vw9uMo4kKNZp+cdx0WZQJMu2iMZZnQcchHetf1nw==","shasum":"9c9c5d39bc93619dbe20fffe70a482522ca9cc80","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.2c1a4913.0.tgz","fileCount":16,"unpackedSize":63460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJec/mYCRA9TVsSAnZWagAAfFEP/1vlzYwlxbhscOkiKEcm\nIvakh1r88V7KpL42SYbqoz5CLvW3XQ4DnHZYJ6sqgBlGBDWHVUXCAaR7mXoG\nuOvlkOmVsQgZrDg1ycjkiGbpM+Mz5VNyifc3aSgZQyIGAEOcXx5Ypz2o1wAJ\nPOYwpt2JJyDShXNkeHlWqeJsL6H5U/zhJsX7rmnFNNrJXyGAgmQWvralOBBK\nGVll2YGTE7o0JqYbzbvz/3FPe8QGUbe3tTzAZwY13t/YpjBpjL9T3p+S28gZ\nBfb2lWTWahw+qRLEFyr4RXXTHTEYGWMOyaUXYbJZDWztLdksjDveCl3pyvAf\nLQyM51G9/vPRZiLEBBtsbnXVJ1aGQgu2LNqZJdd35JBwtDjCOIjDMxRkUW7D\nHye1vYfYWCWROZW7sgV+vYyYlIemTup+XQCkIAvtzfepbkeSe+LnADkCf+0O\nKeDzM9OsvsGz9nOi1RL3kSfViIsGp6OqRRRsul/oryE28mVGxyOvnBJFhteU\nf4A66PmjaHZYnRQPny+yCbV1gTXycELJEDsmr1ewJh87rzLYgW6gC+34usGR\nEuOcgqntBPSsPkLCRUsx3GOquzjvejbUksZic1pZnmFYn758JSsCuKCJz0Bp\nFSdBHTy8YO+Av9yKPE0zqDLKC3SpC9n7Z/8LVjKrwQ8iPCU7Mvb+KBXItPF3\ne0ub\r\n=W8O0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD94qxgUzhVDgpSK8Gc3YZhovwUTcduYs+FMZVIjB93mgIhAJ46SDhpLQOXDNxVZ4vWCFsiSla3uIv2jpB34vw/NiEc"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.2c1a4913.0_1584658839801_0.16168998628806808"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.3a6e481a.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.3a6e481a.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.cafe18860.0","@material/mwc-base":"0.15.0-canary.3a6e481a.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"0d89a3406dea7d2d2540aaeb339072cc01d18e2a","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/0d89a3406dea7d2d2540aaeb339072cc01d18e2a/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/0d89a3406dea7d2d2540aaeb339072cc01d18e2a/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.3a6e481a.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-rp8cQkgreBvtxjzn5iqfNMNu6uF9ZHDYnK97WHy8fgxJ/ErbEFqsQCkOO1okXNHQV6zLTfL9KurGpBIZi6vvTg==","shasum":"c48da511ab1e250bd20e472b1eaaa8e05c143fd6","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.3a6e481a.0.tgz","fileCount":16,"unpackedSize":63460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJedQefCRA9TVsSAnZWagAAuwYP/1k0DVxVObJbkje1vlRH\n9eIIdR4qJ0QkuV742vypAHGZrY5hoo3J4AFoQLQom4XtMW4Ia3h+K28Pb1dt\nv/Ixv8pTAiSUwaNAWSa3Z8WS6PWznSphA1DPtYOEHS9QGi3XKX3/YuIvxNw9\nrDMWwcXBIgPebBDGyKP+EIH5FEPIRu6wSRafm1SiyWI+taUp3va0IanCGwyS\nJqnjMISqScx5y4fR9Ful7kesRhTIMWd4fZ9LPCFHQyt83IsO1FPYwI4OlEme\nYH6YyCulPkOpnC8knwOCzuvhuDY4kdiZz1iaiZhPqLYg073IU5fpRaCerK2B\nhCUPV+0btCpVnE44BQmzuttJkwF3LJ2Mahp6JIC7EtfjVqx9kGxxzp9+FmM9\n0ZUm1PQ9eQC/S7oejZ1V/QUaC6pOLgww1oyWnxdQUw8OMy0S3WiAwwg6nHLM\nHHscHd1yrHb+MohWzmoJBkGass7fbL0iLSZHAYtYbifX83mCWqp1GTrBWkoQ\niIgFtrnmFB8jaW8tBkzVXtFVNwDJIRFCIHdDrJJAakrOPEVYXq8qNYVxSZvU\n1lW50ZRLtWExXh3/vM+Zecpx94GU74mB79Xfcp65NRRlpNXNHbTFkjnx0nSy\nxbCNQCsIqKs88NSAnW84IE0rG3ixKkIEMRsYb2babQfv+i/rdA4o3qcy+aRP\nugcP\r\n=szxn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD244Ans8bLZlbDfZNzeOW2gI+z36MGPReeTDDw+3zsOAIgWj14ocMx87CywnG1KKU+0Q+9hGaV98jfGGNTaQFVzsc="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.3a6e481a.0_1584727966699_0.45650669337525973"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.603d6eb3.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.603d6eb3.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.35a32aaea.0","@material/mwc-base":"0.15.0-canary.603d6eb3.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"c12dabbae50536d5adf2b5a785d4a5009e53208f","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c12dabbae50536d5adf2b5a785d4a5009e53208f/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c12dabbae50536d5adf2b5a785d4a5009e53208f/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.603d6eb3.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-5IVqpA5gHalDCGkJMKm7HD4cP/Ivbd8sYtMjRQauhkSP6b86DwwP6mpQz4RrN8uXMcTglkKbDN+hO7nBjiEICA==","shasum":"0d53351936ebf91eb839827b18432985e481bf40","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.603d6eb3.0.tgz","fileCount":16,"unpackedSize":63460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJedTcnCRA9TVsSAnZWagAAcUkP/iM0XUHH3Y6vEqyA58iO\nAxnhIf9cDWiFpJS7Qsjl4Df1ekfLYUbAA09bZcIZTkNPECXFAZ/jCiVARM0C\n2NND1R+VLvVD1242yblHymHTuzLP6dv4zpxfPdyO6pwe5Usq6y3twaDEU1Sx\nDDGYvPlvf9uZeC+2ikrFtrCgyy/uvoeMwrRVgT4FRj5HEZaVSpqyDC+GRKwE\nmt+cNJAJukNct1l67FXhF8cypczrXPpt7JuZnKCNCu6nkPY+4KP5/ZHK3Zv0\nh8hH8PnvlUtkwaDgU7iOJLfstmWNGoYa+j8ClxnbkuGbHKDeITOxdN2fSvNu\ndRB4yKRYjlFy9YmbvFYItf/ysbFKW3WIWDyc9Oux4mVABwrYV+U6tKPmqM1e\nydnrnJ1JpHLh77t7SnyxZTHCCDr+BkEIq9DEFhYDzE7dUOvVt8qED4/mTvtK\nOZiS2HGh9S4bUBtH7m9Lz48nEQ+TaY0sZ8PXtFZ2c5n98Km+okVPb0MNjDiY\nG0RZE5iwkTBQu/Pz4lsXITIHqAjCsI+86OA1HGc9HRqBORLr7nSbcOAG+uAK\nZCaIJekHovXcCjIQyip4M0vjO5xsvL7zoxHtkPPduopUivhagi5saWtjuHj1\nEsK4A8TlWjfnmfeF2H1aLvWIG3Wu8OzDZVeJRYBFVi9y0xZpHrAeXznmApoh\nlie3\r\n=QlB6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDX8sscBqtvEOXtJsZwhPWmYpZkrKeHl6VTHoVGv6RxEAIhAPPq6JFldCPlD0Vckqt/A2cRE3636uPKidK+sOsKJsXF"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.603d6eb3.0_1584740134527_0.9333985328855419"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.05c6a93c.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.05c6a93c.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.35a32aaea.0","@material/mwc-base":"0.15.0-canary.05c6a93c.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"62ce85b6b0e7c20ae9938ba7b42af970a40f1f00","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/62ce85b6b0e7c20ae9938ba7b42af970a40f1f00/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/62ce85b6b0e7c20ae9938ba7b42af970a40f1f00/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.05c6a93c.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-T3CrIvBh6ommDCF9FDENv8JSqejcSjuTgNdBUobzUqD9mkIatMXaqEwpZXpiQHKiYa4OlG3Cqp5p0PeEsOe11g==","shasum":"9914bba22b0f5ead750607289d9251442ffb6214","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.05c6a93c.0.tgz","fileCount":16,"unpackedSize":63460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeeOV7CRA9TVsSAnZWagAAlxUQAJryLEeV0opldz5a97RE\n2f4mIqR7BDw67pa7YhVgAIhUN/VK3b+LvZZiF7LGd8ppgmg4wdnpUiKHeoUC\n1w7Su4dnLTcD2lTf8nJp0VPEnaq4D7gTZPObqQfmuEn5Djj39S+SeRcuT6gh\n1y9nmA2RjSMmh7wa3edFZT1LWb3B7BZ6Sly0bV3FyQgHgmpFZYtIp8OddonS\nL/Y6QgMVHwy9aVacJ5Ibp4AKS3tnqiddJ7vteNCp+Q4UX+LwWA+rRR6JgPrm\niZLy/eoUYptT1RtQPu5x98LoIQk0o/ey+WFCA8ngAxaUkj8WN/Pyis+t8vv/\n5dM2cmMW6s0ED7o+tRjYZ+1qWjYzwCXxPlxLu9cCW+SzmbrFAT046hdW5TyX\nqZLDK5kMRQepaQeq4HEqa6uGuoICyGyJe0xwXte/U1SXxINBbD2IFIozh7Vb\nZnOJ8hm0OXXV+bMGHKNZiHTRIBYaaRxi6U7xT41lgf2N13F2G9ZzIog+4FEy\nL51Olc8JztHU69/KTvlTr4ZPSF4hFJgaV9Na9andq/lcZF0m8Uo5mOlYL6Vi\nZx7ne2qs8py8JyjdvLpFPnRJUNxrSFv8gx0xtMETm+0kM+11WFf43Ef2frUS\nXGevsOFY2c1L/nHSiegBiw/jYBgge4NXE9e4uKbaoGun++ykI+vp8hEY1AU3\n83IF\r\n=X1VB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDJYHSRg1fkC9w14Er70K+oPbsZzXrWUcLyaOzdQbi1yAIgCgtGj25yJ9Ptq7YGM4OgcRh3Pm+6AC4jDs05kYH5Tv0="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.05c6a93c.0_1584981371120_0.430901209497244"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.14.1":{"name":"@material/mwc-linear-progress","version":"0.14.1","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.35a32aaea.0","@material/mwc-base":"^0.14.1","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"b0de4ae05c3088b277f5c20ed01e4d684cc6b8b1","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.14.1","_nodeVersion":"13.8.0","_npmVersion":"lerna/3.20.2/node@v13.8.0+x64 (darwin)","dist":{"integrity":"sha512-uYN1VMGzgB9u9z3tFZOvg8jOTPzGWNgi1ajkUZRJTsyU0vCBjWMXMwmD7IpxohsHrvmqqYIuZwM4ZLjCNNKSow==","shasum":"fc76aa370cc5a7f0b6ce945bf55a9530fe4a74c8","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.14.1.tgz","fileCount":16,"unpackedSize":63425,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeePiECRA9TVsSAnZWagAAO+8P/irArN7W1CgyTH6FClY0\nGipYSm53EiE489amashkpkFiT3H4ANqGPJfx2Wy52lWE69k9z6nWeaPTqUpr\nlZH/IhFKs4M/E4q/uHmhxAseCmCqEbf0w0yeA+BD2LPwz/6NpmIT6+y8R/pb\nzX0PFdZOa+MsMvMagB2P/akWT0mfwWEJ9m2bbXb6CL5zAlkEdVB1+7gTsyp4\nP6Q+lvlK5ZLqVIw3inQQVhsxbumvZjheJQN7/dIMqBfbl6N+IREtic5L2fsE\nALDdhIiquXZ+GIxWyPnVkTxe7ojLhAjulfviF9muOqc65SIRC5fFfRWU/bVC\n0MXuB1MnOfJN72kSmXuJFlUgnqnSzUZl52CVClBHDTQMk7D4/MYU1HnjR7Oh\nJGu5XridRz3zMk8oDaQPTX/xeSL/C68bxg6vW/BKkE2jg61R4eWDBBJ7dDFy\nO9jDJAVDn+JYNojk3WmRT8w7SbozvKIlo+3jTlMg2fxRWnTTdp/qn87RUyu/\neUI8zvevNu+Kmk0H+2HxzjtIFsVoKZlKkFsKtfmn1Mt1DqcPS74t/9v6DZSF\nHowPge5957k2/BfN1BHS/l1zyRl3Ng/eJ9NhAnLmL2lq4ROt0pKNSPstHHQt\nmuefVbbFFssJugu+fZkhf6ECifegbCRlVUo+z557AQThesPQoJLmV5mTw2Ws\nN9QS\r\n=nWXn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCwaMuehBbtyioS6ByGLF5YqLfty3hxUlUCu2ck4KLuSQIhAP9OwyOOn45Cf9uTUX/nsbHvAhpbODTnsCW8Saz0zNmI"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"emarquez","email":"emarquez@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.14.1_1584986244586_0.21783304828674654"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.4e6be3f4.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.4e6be3f4.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.35a32aaea.0","@material/mwc-base":"0.15.0-canary.4e6be3f4.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"1512aaf308db7992eea7201d4af81bf1e616d5d8","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/1512aaf308db7992eea7201d4af81bf1e616d5d8/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/1512aaf308db7992eea7201d4af81bf1e616d5d8/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.4e6be3f4.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-kcZMWzoTprYFhzskor2/SIurPTzPKNBFas3rp/1tvTcUoQQ9ZCXnkY+cOgRJU2gTkfxz54GqGNdb/pK1NRMDtw==","shasum":"519fe765d21df1a5227129a3724556ff94a6cb0b","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.4e6be3f4.0.tgz","fileCount":16,"unpackedSize":63460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeenR3CRA9TVsSAnZWagAAZycQAJVDAwEFoPUgs7KgcD39\nLqCwAxn0njWHjuTGUjrvXNEA1JSoZvFdCSmgaBMCzpis2FfBaphE+PJ5bL4g\nBs+4oBUMy7ErbtjIdcLIAildswmh5oulxIhhkOTwr1txP7eDYz3HzQeBIBuX\nJiG16KiL3d3M8XHwg1gYA52XyBzKnu/GxOuMelnO+PZqhyDGCT5hPCG5cwAS\nGgPRrU4HN1LkZeWOckK8I6fGp+e6xlgVYnSRKZQZd5/yQ6rcvsY1XlVxoVte\nTmW79S5am3tJHfm0vAZjkJh7lpoJrt5b2bOzPYVS0n+47mcKMfGVmU4fkbfr\npncz9+WoWU8w7172TOWqr4LwndOP+caG+iVnMpp1R5Ya5gxe6nnCdO1wyCLU\nPJeGZID9PLYzhxGB6xzxbjzr6ksOYhjoJHKi+veaf4cMCUGeunMC+bayC/28\nxqm1jDi5quPLMuZw+q2HfWashwbak+CXertOGR+QqUUF5hLX37SrZXNqkdVA\nFSwjXJgUTqItkfr3+7G9PvJPe8+wzrYuicr9ok4b0kODQrRcUFCAViA4R1LP\netQTw0Irnxq30yXghdbYM5ENzdU6u/eZA0DUhkNEXRfLhNwvWJeaXdZ3jR9E\nODPVNXaop3jqtf56OrfL8+YerIC6YEd/6qQHBPRd1eRA3WOJRJH5IZJ1ULZq\nRWkU\r\n=ueIH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFHBZex37E5BBsIlyXsTGVj7Q3ASln7au8vbwSvVVqyfAiB/EJlmzBKO3XtYdqFnyflh9PQOZQnRXpj47kWBXc2T/A=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.4e6be3f4.0_1585083510821_0.4590870549018682"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.c29a683d.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.c29a683d.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.8707953b6.0","@material/mwc-base":"0.15.0-canary.c29a683d.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"8425a605fcff9f0247ba649d1c8b16a70fe79720","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/8425a605fcff9f0247ba649d1c8b16a70fe79720/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/8425a605fcff9f0247ba649d1c8b16a70fe79720/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.c29a683d.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-pr0pC8y7gdnDeAJGH0u+qiyeAfMp20hVckSFjggt4a0Lk3K9s3QUAugIt8et3BcrfJ1rXl32IB+4CqQul/rDOA==","shasum":"7f3160e9d1d9b5381ded843cea39d4b5006ada6c","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.c29a683d.0.tgz","fileCount":16,"unpackedSize":63460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeenilCRA9TVsSAnZWagAARK0P/3cuhdBj4cnl4UY4vk33\n18hwKznB0c48yUvQby7Ea+crusNvRqIchsdC2fsEeqYlkVIJw6zWoWQ7VkKD\nRmvj1U3KZhYvaOPE1svxu4p+yPCOorcXOF5ls2GNnf33Za0Hl4g4GvsDEUbh\nO/ZzMlLht4+0rKPipNHBinIF2Wrq1rzeO1UaU3s8J7YWHoC4/seWqffGjDdB\n+u4IunqxR2Hu3rGPUFPBifmi8EYT0ZISCsf2GZD1FdSvLE+faOro1soApsPt\nlKSsIUOinWEXhQfH8aft1gShpGCJW3zBNU2yezgYwBzxp7y6w7c6TjNE7ayf\nUvNnljfgo8YCukvcF++TbieetL9ZMvXKN3lv+mwYj1Ui7uBz72GjOolDopKB\n42fzihMQmTkq8jnbHJJBXesWfgpvKeiLp5UjVLYQy+VhjAouuy4f3e86VlCw\nwANw2uwFkIpkVT4F+rY10Ote7jPWdAoB5kkQ+iZRLAC1lj5l0K4NLB5Bd1C8\n/gbOCYnwWEE+zz2DEYJ6ttc8dWO+BzUSipBu9Wc/VFlkbmBdqF7OmmdcbyFj\naYdCb+CHuJ8ubBxe7m0FyXNZhffJcen1rC2JxjpI4mwEAHOHL66WJUTaMIkM\nrBbWGLybm/q09L3dyA3THpkNCwtRrZC+dApn6vvTBCzTdtOwzjGZSCoufDV4\n79RH\r\n=uCkx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBN5jYTx3Xc9t5FK66B5M31/oZAU2z3FXn3caOWUYDjIAiBnxuRu5sVElpYLbRsUnmhqcMTfQNMg6/+SJOdyh1sInw=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.c29a683d.0_1585084580899_0.10760585843590276"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.fca3dd9d.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.fca3dd9d.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.8707953b6.0","@material/mwc-base":"0.15.0-canary.fca3dd9d.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"3eb322e4775d836b8959bdd2dfe63f09dd0e0fee","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/3eb322e4775d836b8959bdd2dfe63f09dd0e0fee/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/3eb322e4775d836b8959bdd2dfe63f09dd0e0fee/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.fca3dd9d.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-riGxTWcdjygsm21rWkZCAJC2QVfnHa/0CNU8ab0FYlYU7bwb22Z7xPYf6QMvsZU4RSc7gdY7RkQghUZmx6Df4Q==","shasum":"b3319edf900161f7873a3f001f2f57d9dd522631","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.fca3dd9d.0.tgz","fileCount":16,"unpackedSize":63460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeepr7CRA9TVsSAnZWagAAb48P/0Q9FSEntAQNCYbgBJQO\nwf/5Rz2AA+3XCSo+nOe+x/dnagbmIYmjYZ4ubmr3ZBaI2juPfanZMuBAwVzA\nmuH0fY3LzspHpOnNLrOtxkZ7uxyRzLqR1pQpmV3oX+dLFa6Zv8SW/dhGuyG/\nEc6dNkGR+itxX88NSb9QzK4gOEJBBDxnvsxNIZJTi46xmUmf8/tWTTfgwC70\nTf06wnhNwxcAHADJhIHKjSHc/adrp7lAwS3W5IG15VOxc4YKghkdaZnRm/5O\n0ldISRD1n9TbQXYMMQRe+sr3ef3kiDz8NtVSOogpD9itOynzlxnPghU4C16g\nwcCGft2eLGPdm6YEpCaaV9SfKmq3qzqokm9hP/ANiNQZeYZnl06LZiLHAntp\ndZqAz7qDv8nUH/IzxHE1dkb4XdZ30R225F9Q2kVNUzepd8dOkqDhGnTjdgKT\nE/SRMWLpKQ00QSrot+aZ9QjKwxnSrGhD3dKcSI2AqMaqZfqw+uOF7vQHrzGc\nOmrMKEz/8Qsq06svDDDb7KvT5sSuws6xZ6VsEVW+35YcAtpUYnyf+0CynXTt\n6+QkC3YstBqiIagGJZoWUSQm4d2pSH73pqAJy/52Ykcg8exLh4kwtvt9QBx6\nqmC9DVcJ+hQysoHD/tuwVCEnXevkRj+NdXa9stK1HUSSIOa3Rk0yge7UmNce\nm2jP\r\n=m6+O\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC/2ymluUK4El1ZQwfSv4I05CoEHdGmujVcPKp3borTjAiEAxtXhHZoD0jHDRLQrAhghMhUx3u4jK+8pWWcks2kCiMM="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.fca3dd9d.0_1585093371417_0.009360536088323546"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.1e73da49.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.1e73da49.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.10af6cf39.0","@material/mwc-base":"0.15.0-canary.1e73da49.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"cbf63b814d242690910ae4946b6144120c317eb0","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/cbf63b814d242690910ae4946b6144120c317eb0/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/cbf63b814d242690910ae4946b6144120c317eb0/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.1e73da49.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-qk2vgQ0LMA3+3tgsdnyBeOhMkCUkrLCNuafZwdkhmnqM+XUvVq/1P5G/jhKpyZ1v4uwYbAkCZfZ53aKVEwRydQ==","shasum":"d8963ebb6279ff218b2f2f87f598a043636e8b6a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.1e73da49.0.tgz","fileCount":16,"unpackedSize":63460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJee81DCRA9TVsSAnZWagAAPMoQAIgPYxjmoqstQdEPPe70\nkBLYUP71vc9PpvjiyB/ICIDtxzv5WfZkM32bdgAgab2hrSHqbCYWvBIbdpQ2\n3OVN0gQJPAura6Iu86hIZxWuQ1wk54AYAStEFt78lTmCKeRkiUXK2gGeeyoW\nrWQK1fMdFpZ1K/sWrg25peSr1D5KpLaIWxQjbZrRPFVRcEYpFsxFtYnNylVY\n9yO7U3jH/9SR2K34pjs8l0nM7Iaj1TRJ+paWBLeeEHjMGcqhiyyr28R3qJtj\nJfsoAV5THHDNLbgbrtVlSiA2AvGyXhNW0RZ3RBsPh6eLG8x0Koe58lDnA5N+\nKq8vfLWO+791pq9gMqyVBjcyFqCHNhk1fCrZlDL2H2IILkrQbd3MCIRBitQ8\nWrAut0VyjTEKhPsLwd1epy+wGAjOiK/B9fze1vM9dvhSzkeDdq0dHXAdK4DG\nq1P98p1geS1zgptbc/C/8822r3wh4oJJBYQ7VaeyeeKERhwLkL0fP7Z2OyLL\nGo7fs0MEDnJE6ni78Jo98kWjuiTHH3UW620MnwvWpeNqAWOukTKjBhlhKqut\n5bgWWNL7wF4AwZ5IG/BW4ntkVUj77zwCA12+LGvyWZikX0P65yC9DRZZVpkJ\nQ4RAImZExYjZLNvB2iwV0td9AzclCLj7dMVj1dQ/WTmlqw/YV8bs3HXApBG2\njCjn\r\n=zf1x\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDqrJJGLL4+RpeMIH+oxhx34M0lJVAvEBusVdE2/OEgfAiBXM+yRaMoj24gUVi4YEIBbtRBjak6my/OMO4ubqSUkFg=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.1e73da49.0_1585171778938_0.7736871494424724"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.bb6dfc5a.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.bb6dfc5a.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.10af6cf39.0","@material/mwc-base":"0.15.0-canary.bb6dfc5a.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"beb2656148ba3ea8e2b2b5053396cd8d9ae8e52f","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/beb2656148ba3ea8e2b2b5053396cd8d9ae8e52f/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/beb2656148ba3ea8e2b2b5053396cd8d9ae8e52f/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.bb6dfc5a.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-bPDuMX6wO3koKeNmoB2KFVHvNFJYV1vah9C9v2EBNputa+JluAR53IHdfmRYtLmv65kro9ai5aMxqUzqULC0AQ==","shasum":"97e2d009aea3de4154dda35ff9dc4fb91279d6db","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.bb6dfc5a.0.tgz","fileCount":16,"unpackedSize":63460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJefVVnCRA9TVsSAnZWagAAHPoP/RaYg8O57x7K3axAbmAQ\nR6LcKX5f39lpyPk6sNKBGX/lJ9NKaMPOsdZbGAWLlRaPKy+DcgZzpnmcNBAd\nOtE1YbquOcvoaYKyZon6v7NdZpKFqgEzSy5q2P2PkCFZEmyPcZMT7RxXR5PM\nKo9HESs4vXXkErptABKWnj91u91bpGFDTuXAjdAmz1iGyNXi3V567hj3A1oN\nCaHZiijZBPKJXU0cPm/WZPBA0PtQDTdV50H0Rc8xfqjxjKgnIfY7Vvk5bzUc\naCQAZTPFMlhi3ySSxukjkyf98d7ZEuj4rrwlq8jwc0IMgLy4cdE6jMVQVOJS\n1bDteyyAehmYfa6V0YnxNq4VPVB2NuyIark7Nbqh4mqcOErpKyMviLE4Q01b\nkid9XWnu2ButNJGbSDsrFIkuCZQ8+rf7PmpMwJW8N/M0WlhdlQE0H6NKzi6L\n7gXkdTrWoLHeqYVIk2HgP6TCnhZtFoUi3NQ5/gyfQTVjKPFsSvNSkw2khKQ5\nyQYagfkPG0WZ11mnI3+a8TWbtNyzEDIHfa0IqEJAMDYxhhcLEOXmK6HcGx7n\nTp12mcuMxR7uWN7uRKq8uiiSix5BawkO97+DvCU6+l+/X+4vj4TpF2cBMfdu\noB5YVe8Rvn6/dr7amQ+gwlaO7zy5JPrRyeGZuBvPZjQMF/DXkGbU6mUiS8JO\nR90b\r\n=kEN5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCMI+JYOQZN6Y0eKdfjFfGL7OJ+61+S/wgqna0uTINB4wIgBexigE++vPWspgvoevIYmK5B3qbOykYlUj1UvSmWlzI="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.bb6dfc5a.0_1585272167407_0.5743830441533215"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.1884603d.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.1884603d.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.10af6cf39.0","@material/mwc-base":"0.15.0-canary.1884603d.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"9a072ce4f7812e5120dbc51ed124d9669e1f7be5","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/9a072ce4f7812e5120dbc51ed124d9669e1f7be5/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/9a072ce4f7812e5120dbc51ed124d9669e1f7be5/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.1884603d.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-wOypSK6nk9ZdFAvDKDlHg79LOgn1WPUsp50FMTmvGX+bPdjvKCJtkcpBCDYFF7c4q6T7QE6iNWEtjE+rSr9r2Q==","shasum":"a62dde73407552f0c0eed6bbf821fe5e76eb2ca6","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.1884603d.0.tgz","fileCount":16,"unpackedSize":63460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeflocCRA9TVsSAnZWagAA16sP/3foBuLrFTYva2aGiC5n\nfnAB5+9CXQ9oXTy4aL+we4tR6o72aAriyNebftKG88V3xbYT7lLHzZzYJqpG\n03NP+8htvPTWFpQ7A3KwwChD0lVn+jZYUkHR/0oI16xI1+wRU8Thj/+4SR3m\n6yNfjk8qDAC6C8H53NzK6DocNjJndLamonGcRdVI43hxcB4WfcKSxsKtGzaH\n28LYFWpwHsciobZ4lcAz/hckZjHWTWeFIgwVNtsf44Eu4MNzVkYLwjWHTj4i\nJuKJJQSwKninyImRguXGDVNitGsxvUraIn/ONL4d4RuJVO//XXbVZF3BHwEC\npUFRAB7eUwlUOdGKxRDNV8SEBW25ZfbhYRl0rclPiT87TTDs3qzY1JFhOvT8\nMGAk/X/d7FQ70y9rLogVXeAERov2rrDVqG8Cx+90ITGJYTYq24QTZ1pygv5q\nryn1iCvRzoIkoBJeeKAdBVy1KVz5PWRgisVlXo/kKNLJ+GPwWa2qGgqr0JQc\nczgbhFEAs6MKwyTKelji40xzwlVInTxEKk682g1EZGMvCcWzWVhmmo+tNhMT\nHIqL5sYWQ00yAY8C6LDFcPzXjjRArmLLpj/kZu+1MdeOQUs+2/vxjOqVor5a\n0wpSiU01VF5mDCrUVAFjF+9wxF5gYbRC6VIRQbZ5kyRA4Uhc/sGks+KByVd9\n1YMp\r\n=R7fh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHk9S2Q4Hsdn3JsqCbGBHv4Cc5PpyOyPDncjPCVjdWM2AiAXom0AS8QzvEPOSStMtiART6t3RcJKHUbFTSxn0893Zw=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.1884603d.0_1585338908487_0.2589622317020328"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.aff73cab.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.aff73cab.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.d6315efe2.0","@material/mwc-base":"0.15.0-canary.aff73cab.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"40f9b297ee5f13af191b6bf450012454426c44b0","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/40f9b297ee5f13af191b6bf450012454426c44b0/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/40f9b297ee5f13af191b6bf450012454426c44b0/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.aff73cab.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-sio2OpEIyX75DvtZCztJx+VjB4oQwa5KPjIHaVU3HIqiZiSzGBo/HsD585/64huQ/oznJaK3ZOo933+NUF0ZpA==","shasum":"4b09010b9b8c8ea1463ed59b68ee49e8d5e06cf0","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.aff73cab.0.tgz","fileCount":16,"unpackedSize":63460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJefmydCRA9TVsSAnZWagAAbtEQAI3PqWtxOo+4aKQOUnlZ\nwoEKwqQ8j7HMJBb7r1CSJ3tN7aGMiccyKj3l7ewU0EnrGYzJGSzfH9LSBexC\n0ydQ9s/2VJeXQVdhC0IFntH1EGg5l/Fx04AtZ+XH5648KMtlljZkYds7ggTh\nYVRvsnjdCf5dLL06nElYLrzbIZPkJWlPmOixKA3lxEKtbzilc5EiWGJQICKp\nzd0fn+yJR29KA7fqwTuTaJI/Wi+s6TOlJU4QXdNI9w+Epa0V7g+kSdfLg3aI\n1cXiaxCgI00/Hiz6vv/oTi7/LbEv5BMViK+rlK1p90rz+EzBJYfGw80xOTFn\nJEbDuEXkEFyTMofGl+0CEd9+caXa3BJIXjovWMJroe0uEktt3LgyNhzACbNA\nGA2k0G1LjKkq58wIHHCnTPY/fhfO5SCNygDyRHI9pYOU+UNoqw+afPs2/BiD\nxtMKOgnbzOrIEFl0b+Oah9b4TCXnbP4cDB16XmfjTaH/QadwmJb2I3uY+6Hr\nUmFSNPFuyn+xtQEqm+06hvIM8V25ck9DUibCO6gjuuUMqsRRtH2gATRQYs/e\nW0vVA1qmugv+/O62kzLjWryDvIvuvPviNqdaf5w8RH36PZxef1YTFd691pFU\nA8cWBeQyTQVSVOxTCNznsc6TxEPNxKsxT9Va9P7zaY3dLFoNEtVCrfFF8DzV\npXfe\r\n=+ZLB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDD41XFAhGjDHfW2Fy8C23uIA2mEebDZS/4pqN/ULvSNQIgPgEK2BNzmqpaXVG/WTvnvTmmV9Gwa5NvtFuihIjjVq4="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.aff73cab.0_1585343645032_0.46890756615161844"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.63168f61.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.63168f61.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.a3016368d.0","@material/mwc-base":"0.15.0-canary.63168f61.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"84107987770a82843942246baa8226b37f269240","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/84107987770a82843942246baa8226b37f269240/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/84107987770a82843942246baa8226b37f269240/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.63168f61.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-syglAEGvi8ONWLYT2kJajxdJoOShHf+NgacItprNLQckr3AlhHdBkZUDqmTOsDtj+D4owj++FiRdr/MfA9dXyA==","shasum":"0a5b58686e5e381112bf8cdae59e3a8bcac64988","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.63168f61.0.tgz","fileCount":16,"unpackedSize":63460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeg4f5CRA9TVsSAnZWagAAs/UP/2W9cQfJYnWeGboNAxz0\ncjb/O3S/icZbHgS0FX1Ew8Jta2mEuZWgztsUHkdkVy0UN6B+E8vN2q0cPfqH\nS9I5Bs5lkSyoARfvSVHspFlliqeMAhQNi1EM1xmukC5LuDQz9cHnjLuVLqZ2\na3RTfrooBgeE8OuQu+QRhPNTKDlBdrJvXjcgpUL2wr/eR4Psuuu6StN6uNFf\n6jm4vF/3MRsz4KZBwxWjzz7pZprVRCIz4FDXUMyWSoIl0SPHfbf2Sxxoi00l\nMPnj5Wj5WdpuBBsAbxItcTG/hs2gJo3q3xIjflO34gsvZx8iXZRlUnd4OpgS\nYNEas3U9CVL6jlBpVNoyTRA404Uks25pI2c46z2tu1EGRg8coOAdHCGoLYoG\n3KUclnq14EDy6jv3/p9Bq8jq0GPBe0HWaYDZI6L/vFQwPwj+pJMa1OBzUN1Q\n8pjKoBIA4cc0WJbt32EdM9flRSbKtI99hKgK0/my/7r2qlaWes+Vku4/hFUa\n4blGVFyrsRUYizSjZVdMJsR68Jyi+EkNDMHuAKx4/4yNtHFkYl5HYz5q8i8c\n220/LACo6AhkZ/qcaQAgBDvycMpk3sw8qq4SorrGFAINxg+ngmS1RFcp4WlD\njdpadKNSUYa9TSPkS4mtJRj8RBtXL16mnm/YfE7tNrnjqDrhOb5d2rjd8PhW\nli02\r\n=G1az\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHbVgNq+9N6WPZnqbVEqTzFbbfFjqDZl/yj7OfYhcoGuAiEAxoFt9EXInRdq3xcKlJf0m5Fk1zbV/0hNgyNdCAwjPn4="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.63168f61.0_1585678329095_0.4494323527700079"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.9fb79b3e.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.9fb79b3e.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.4b45b6620.0","@material/mwc-base":"0.15.0-canary.9fb79b3e.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"6669949a31d7f92febd25f5d49eb40a5db4aa7f5","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6669949a31d7f92febd25f5d49eb40a5db4aa7f5/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6669949a31d7f92febd25f5d49eb40a5db4aa7f5/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.9fb79b3e.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-KfSj0RsDwuGdJomOA8soC3odvABRxWbe7Mwy1/2S8LTmOJpjeJdGtkSJD/wlK0JwN95cvNzWe369AhMxJmoFOQ==","shasum":"b2a97225f67aca7cede0d6ae8f8665ecc6d22e30","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.9fb79b3e.0.tgz","fileCount":16,"unpackedSize":63460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeg7P7CRA9TVsSAnZWagAAWNEP/0RRjYAVFmicLigsiAC2\nI12S45GN42kV1th1OPrWOeeP6b8wkRO1PmGBwOQP4qUEoB7JyfZ+Mx37UvSJ\nGV6sijijcmkI1a4Hum4yidYJ4UQw19N8RPtMBPZjA+cWOFZOWbN6wVETq14M\n+uDPizqL7XQ3WVYArH+xeBVwwb0rP1awUpO99syF8R0JlAhzxRmmHnssyUhe\nmmQEm77oxrnO07tLWIfPMMmGtYr10NtXP8opqXu6KFX2snYcwlOtZW+3FS7K\nn9TCIPTaiPMR++tLvpIfzlruBtAmkgbJ+XJqz1sFWjqNEZ4HpuQCX8tZe9Zg\n0fRMNsDCDA1CCXEC8gmUKeuc+ePVIKfmzhSfVdkd9OlzdCPy7Lx9SSkg4nTh\nTSmASR9jUTiMPLW9tIOpi9JVYTtRDgGzSNhTz+u39S0SVYl58KleioxRRoIN\nqldFHy41Dar209xOUy0RKMojm8or5dfW7s04o1dhbfo0Vge+YUX50pdzhxRN\nzJ+yErq58Qq5YVqRL55YnH4SIJk5nnb25aVfEbeh8Iq9jEvfFJt8ZEvjZW1I\n4RsQEIhfNspBVPe5pK/sgE2Cwp9EVx79767QaF5oklrSv/3r8BciGetHjOi4\nOWsettB5ybUj3ZGX6za28xq0CONTuMhjZQZ4xvHnGc2K+IItvz05TLY1r1e1\nQEG2\r\n=ri2O\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFGW0JC3gRRL/6EXiev+92ctpusq83USCtQd/hYAlxqVAiBiRx0Q0oVujwuaDIohecDjQj3lEC2dw72vcDUOe1qJlw=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.9fb79b3e.0_1585689595107_0.9102210645119981"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.9bd3e9e2.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.9bd3e9e2.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.4b45b6620.0","@material/mwc-base":"0.15.0-canary.9bd3e9e2.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"9b56904aedd36911e83576292843c11af1a00006","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/9b56904aedd36911e83576292843c11af1a00006/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/9b56904aedd36911e83576292843c11af1a00006/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.9bd3e9e2.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-irZqVEnc0n+qNMLfjQBLeLPH4zs2RsH1tXMBqxaEBz2a9luSu9/fdf1KdfENMc/O4SKPRYwiZhk0k2gSdqRvfw==","shasum":"7462433878a603fe6e6efc8ea165879e2dbba6d7","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.9bd3e9e2.0.tgz","fileCount":16,"unpackedSize":63460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeg90aCRA9TVsSAnZWagAACZ4P/0Pfbuoj6fB7snL4ldOk\ncHg/UIfaxKMozmXY+eUG+d+6DKjqaWRc5W8G0MSCOwQ+Vo/yzQEoqKO4p2+L\n32eY5K3najx1zc4RuSE+4owfKiWhlFalA5temUyagByPduoxVzT2UOrcnFvg\nzWo1V3ThxcWWR4zKdJC1AlXYRNocA7OB7wy9m9CVC2H3e43VWXcfyLmqQLKA\n5hXv958numfQ1iFnfiTI6Wsk1O1aBUvwz2i83fOB2buZkxiXWpvncutLnPed\nt07YuPwck0QH6cYaIYw7ztOmRVT50rF4VhnLEXNKjuSjJd8RYZ+uLwPdXj/R\nSvOtoBi+LjfX3Csps7gvhkYYeZlH2ZU1hp7pdaGI7TOuyReGwqHGRYjkDmH7\nljreeRzXKHFVhTBtCWrlulN30Z/0nDDo/r2aDOQX1HLKKOcOT9WvDKjF+1jF\ngWEwnFaCdrqWt9BT+q1Et4VV/32WLTIG2puabELeIyP+OKzL5dvCiTqWTgdh\nc/cIi7m4ylBe/sPXOS8eW/YAeeWx/iPa0GUdvkcTwEgjnxLY/4WsSO3tLa7r\nlpcTeUZ1GjiQ4KKzI00P1jymTqx9/XivlEF+FfXlXcuTGsy2AwdUFYJYLdrb\nQmoErJDOwXqZFVuX3WFFzk+nAk9NJIQHtPHv2kik4BOdoFfhb2x7vkpUkKBt\nCs/1\r\n=f+9u\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDYFYUQE5cMYuxeFxkmMrMVi0RPEordSejyBoUGhX2z4wIhAMSDm9M1NLB0X+rJWEg9DNgHB4y7IQ5/ky/8Rj+jWNSc"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.9bd3e9e2.0_1585700122043_0.9835909370465232"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.072084ab.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.072084ab.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.e84b9c8.0","@material/mwc-base":"0.15.0-canary.072084ab.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"98a539f9970dea2ebc84f30f462c69e72dc0c4b1","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/98a539f9970dea2ebc84f30f462c69e72dc0c4b1/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/98a539f9970dea2ebc84f30f462c69e72dc0c4b1/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.072084ab.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-TM09rD0FwTrZGBlLyf0cg+B30JANYQgesRVQt7Hnptww/DZhVLcqV7aqeoEqoJNIIJ1qStZn2RnAExckrQQleA==","shasum":"57e46a847d122e94bf6c68ecc072081f793e288d","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.072084ab.0.tgz","fileCount":16,"unpackedSize":63458,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJehN/dCRA9TVsSAnZWagAABGkQAIfa0yumT3ymYrv88QIa\nY7M7QNeQb6l1Go0tLNyJJ0BtD5l8p5y9kuLeZc/85QUp9nB7OlWXSYPtqsS0\nECpJQZreEr6jOKZKU/1hNKwHbpjcR0Zko9x/RFcB9oovXBwXKMg47oUFaudK\nqF2X7QzRwLqLETIYcvePS9VVVDlUqY7PUXGSdCNhdH7+MmkVfcwqK+ba1ACO\nuPlRr9zDHvVyhgvz5W3Qo3YC/hhAhfAnrHtbi19XuFUixqjHSwRTWvTyvzqj\n3zMl3w7QoUWxLXYH/C5FZzklf4P3LwSp3JlUPnsVpbu1hkWOun+YQHLF/pU8\nfaSTlARt4t1eBxvPUX/3bJOmFAdD6+lyYnINIOs/UjuJeq+oNWGPPyw19CvN\nWfARc1xFispaz3wVtmfKgWHG9TJE0+MdYHjO47TPYTyIdpZB66HpVDdO0mYG\ng8R+HqhMP8Ip2xAHVO7GzHZx46aO5ZLNFDB4m6tB5+zLu7UoD14Xq5lKUyRw\nhDu05KySS3Td/aCzu61o+00tp3dRDfE1tSJNygUTl2KKxW77IOy5/X42OvKp\nkHkFS9G30y2HD77sCaIjtgDhNJjovqpKY64KtKpic7Ksw9n2xky6sQtCKSct\n+9zUVyxxq1SpOIwdHQaj3SMA/7JrVQUN3vxUIAIOPLO1JkzdSaXbaLFATYmQ\nMEOf\r\n=wZmw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEeKmp+Q2nMrbHLWK6i1+3Lu7oA7CMFFYBTn+ijUiw+UAiEAoOR5nC36aYp8BptXfSUlwfSC08SuHFuCm6e0kOooWdg="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.072084ab.0_1585766364904_0.683492952062108"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.4dec04af.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.4dec04af.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.f1f8e60.0","@material/mwc-base":"0.15.0-canary.4dec04af.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"5d47dd9ed52c3dc1e1895467031d4a7a1df6cedd","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/5d47dd9ed52c3dc1e1895467031d4a7a1df6cedd/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/5d47dd9ed52c3dc1e1895467031d4a7a1df6cedd/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.4dec04af.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-Dw+nC8mIoClux0E/wkpa5o5UPiqb/4D3Eh69gbSRGfDKpbbWHstPVdF940kdHXjwUf/L161cvpG884MurJKS1g==","shasum":"3748bae6c92574dd0ff06fe4209eca450450fdb7","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.4dec04af.0.tgz","fileCount":16,"unpackedSize":63458,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeh5yjCRA9TVsSAnZWagAAv88QAI6dUpH0v8RE2Zo1wTTE\neydkQFOEEQTitgk8eqk0gzyI4v6x4N2EvLLuq95cFvNLM6DaSs+fI+tASB8p\nA11vr7kOqmTboVRc57wf79k+EMoOLoqg3gFTonoQn9ObC3W16NFfyAJ3Gfk3\n8YkpPmpgfie5qe3g25acuAvq6A9OxSe3jZtLuuU0+SZdf7Qi+eWAOYqeS2cb\n1eDF2zqgnbVxC3AxtTaDkR0I+YD5RgOxjjg9mAe6PD6Trq+fF9NBKTjtoE31\nLbq6H4pQdLtyQbXLSHTZJoaFNIDzn44f/8Cl2bM9Zb5VbhVebRh7i1Scs/YK\n6UMV64rCUB5nqxEXcqsAZY4EepK5J5GYWlc3swhJ70DQ74+NHr3EyAAjgUi7\nT4Blmy4hrKW+cHRHDX412NR1V/quhvITDNBTvBdZ92sd8O+RL0JfNZWZg7yx\n7HH2gqUUBFS7eh3V22XcZadATIg9nF7Ozbnz94P+O5F1J6+iEDvYyuWwNtyf\nEXq62qsaPjOlXvTrzQBp/s2JGc6pFMr8sVmWwYWAkoGzSfm6/Vnq2A158v8r\nhtRv6e+2hsyAhhYCoc8xq1tFrB2ECedBWqZ8UV/80lBwnPK4x8OoOP76gK15\nqj5q0JenoVoSWIi0HyodbfQY+HQCJ/I8ASVr+4RyQERMtvKLhI7TxQSLzbJ5\nquig\r\n=3qGW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDMDM6WIXLsna+XZX73elFhzNTsH24MxXhT4ONWTZTKkwIhAJFn7BGjGEwXCxhTyFruzE0DpA1Udn8ghedKhe+bi/Hn"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.4dec04af.0_1585945763063_0.25577727719644994"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.9b676354.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.9b676354.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.e84b9c8.0","@material/mwc-base":"0.15.0-canary.9b676354.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"423f1ad2d234953804097bdb30484154440adc63","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/423f1ad2d234953804097bdb30484154440adc63/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/423f1ad2d234953804097bdb30484154440adc63/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.9b676354.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-QovMuVgcXS7GNpkhpbFio+rDOOiKPXjmNAkTqDG3Un/v/QZVf9k9kPbgm/D1OiI5lIwr2WHJ0qXt5i+aDGZM3Q==","shasum":"070c59208b98eececd5b787dd219ff6b07b073a9","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.9b676354.0.tgz","fileCount":16,"unpackedSize":63458,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeh5y2CRA9TVsSAnZWagAApj0P+wR8MiIiCJ8bg7Rq3025\nBrzrheunPfHrqI/1EpVwpFNi8OzV8Mg/af5Alfut54b23SFZmtO/tKM+V80f\nZPPDgYUI8Jkxa3rk+3INDhiAlISVtRdX6xq28iZPbr+QedJqAtnrYChdSKbU\nocr+JoP3gtj/g4X8oVrluMD9vZxne/Mt/pnL6X6yMBOB8Fcsjth3mlhK/inJ\ndY4rh537v4+TrAzZE/2UYbxGkT+A6BDOyFdLNZfk+9iqjezky9jn7EA3YfJU\nIaf2E67NZJY7WXNMF45FtsPcwUhHDsey8wjATm4dMeRH8uM0u7JO/VzVcBSp\nD8WKKxkbNdPs13Ea+yIgFzFQyrbxtWJjASaCSvvSUEE8iGWPLowp7xBKHSnb\nuI6UecrHfaHIAHi0HxYKG29PVWGO+HfPOOqHL5Uz8/pHn18sHRlvK7LMjkSg\nVO3JAL/GgeywwaeyJKiALvOSRYxhfcfovDFObZOG19Qn4II+5Y7BmQ3uiOxZ\nj/+AhcVKm2uOL0VD1j9P5Tcs/Br92BaTOVdxyFPh25omAcfrneDtxouIWJUE\nl9osku7mnNj0E5B6SYhvu1rt9UYhtUF/G5r43fh9VEXeHhwAFYonHMBkG9VY\nq2iDBEaoD/RFoE1zxJ1eym46Vafw2irPkfmoscHhsb+Y8+DhJLK1ENHpBw0o\nZuE4\r\n=+nao\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDvRBJQ4iTokQLV7b8uGVu1lUiuC643tN5ROSC/9rGMlAIgJ1S+dGPVcO5sbfIay+FeoLoH/t5cjOpXEKrOj0cCcF0="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.9b676354.0_1585945781841_0.6528893423337037"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.6b946095.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.6b946095.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.f1f8e60.0","@material/mwc-base":"0.15.0-canary.6b946095.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"1b65dfb6b4d3dea0ac5681487459f46352e399e2","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/1b65dfb6b4d3dea0ac5681487459f46352e399e2/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/1b65dfb6b4d3dea0ac5681487459f46352e399e2/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.6b946095.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-oLkiahmhuLpMTBd34kZsvoKapEKzcoqM1ZP0wHS82L8Mrx5StCEQhSwQCSu+l08YA9g7aeyrEQt7zyEd2/i60Q==","shasum":"3ee783b4c3ec0593f31f0dca6b7cca3259f6c3f0","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.6b946095.0.tgz","fileCount":16,"unpackedSize":63458,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeh6lpCRA9TVsSAnZWagAAC5kP/j5/zbUXX4LeXvkSR8hy\nPHe49BtQVyAIwdhYD1pwdnd3oxv2lesY8ciQLk07uv5Ho/MOXRt2yZMoycQl\nYMrs2TVtncNSbOB0STCyPohaZ6B+RKpoO9mHulb2KoNt5OjFZvjspMkxwbuL\nEElm1VYJkbtPocZSGMah0QyQKMVqd7B/qs5qbgb0qTlev4OnFuWaP74nDhPF\n6Kj5vOhxHm2EQspS6X38gPJY+lSYbpAHfhUaGQK0YVwpljgA8YrKTgBxXwbc\nroNLyF8wWdAaG/Tw8aIxsuOzsa5a9kd4fYnB6azj7qCNpbSKDdyvrW7ru5BN\nq1+4MqIHScPy0fHgvn8gJK2+jeJ26lvxtZ0EA1haLo1uZUNf0H8gBHOgumNp\nZqY6UAGukgIsOHqUpAnQYXpKQfvEavwDweVGrRNfQFFFK4O+s52jl3SzCv3K\nOSf17uxCKgCHTVA5tU6htnULcjV6c/6d7J4vZ6TRlI05zJxCQ6hJaNHA3xbT\nrP2qJSv7Eore4pCIjk0T0X4u3INRRmkR8bCquM5PZytJmd7EVy+6zR+ZGdFg\ntY+elLcNs+GIyJEZuCajKQA6Lxqn1DryZlCNAa7eRaTbAFqqxD9/aIoVt2Gp\n14lY0QO6+uIMH1h50ygndV8hMNFxQr/BoTsPPTuWfYcvDraeLt6fMDkrR7bl\ns9YH\r\n=1L9v\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD9u8oVpKAdwGTHrCX8FubjHoGt2QVGW8DQdUd8Oruk2wIhAIc3Y2rEfyb1Ry8LJ9t5hbXtryW6BuScc5/RYQQ8UXx2"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.6b946095.0_1585949033335_0.6259631477957519"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.5ccbfaa2.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.5ccbfaa2.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.6a40ef217.0","@material/mwc-base":"0.15.0-canary.5ccbfaa2.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"b20d3f13f2b61c253e28c5f9e5adf15bfe26d88c","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b20d3f13f2b61c253e28c5f9e5adf15bfe26d88c/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b20d3f13f2b61c253e28c5f9e5adf15bfe26d88c/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.5ccbfaa2.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-ICgQ9AvtSYzp4dz7cC8vQODJ8cDZ9OyFvlP/jpa+JM3e6bCoijBE3Gys4d6TkLD9IfmRh/DZPe5C2H2F02X11w==","shasum":"02e260ceb8e48d65e9331ebcbc7952813dadb222","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.5ccbfaa2.0.tgz","fileCount":16,"unpackedSize":63460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeh6qwCRA9TVsSAnZWagAAq8oQAIZBL6IExT+y+QRvX8ai\n0uxCDI33pRO08/eNUqzS3oOvE+AERxU+a1b24QhLcGirjZgx/w69kx08f4TZ\nmW5AEsRdswCumOVryIHogleLyUvXcL+9L+8EOhWjqu3EeXYvNYhO6ZutcPaw\nrPTQN+1oFhFO4Di7drYK8eU3VtlUm95LrknvdhfTKwN/mcfFVt42nV82eplm\nEbbAv+gXAwkUK/MfAaQfxKW5H3p06SOqRZP97zlkeV1xGSbYjFftYdWlqnnQ\nNqcqbbQS93i1/P8PkcG1BCv5UI2ehdc2nnXc8gOKhyB4Tv+PwcMLf6cLBo0u\nVFu1vkaF3QLTOTaXYE91Y8jSzcg+LH2wxeAKvjQ4UKnmNmg++7oZ39/2HjtR\nnggptFVpjBTJ7PIywMT4FuTqG34DfJLX8qhSsEiQJzR2pW3pbfLNUikuhqxs\n5oZAJtnELHjijI9jy3gpqODAwJwoxo4Cy/aV7U36oCh0Uif7L5U7NVWOPUl0\ntI+pdTGynukI7t6qxHyvql0xjZ+Da7f1qi3IkVayapcnBkOHVoLerOHaIMKQ\nW9khVHyjL8ThdzniA6rtNjOv9eTPIoMYN7SDapOoTNno0f7OIekahWP5iC2f\n8EKxnBvQz8ChwFxVO4vorovk5+prHR6N4bp6nD6pOmJh4UnASbp5UBARpd3H\naim/\r\n=75U2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAY+naVpsyzAa38zDnHlo8WiJBg3l4KtKs+AJ1REJcHGAiADTza7vRt1cScOO1Gacwdr/ThgiJt8dtlh4YR4LnA7Cg=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.5ccbfaa2.0_1585949359794_0.675307636316391"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.a0ab8772.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.a0ab8772.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.6a40ef217.0","@material/mwc-base":"0.15.0-canary.a0ab8772.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"a7db0e2fe222d87e1ee22c0515cbf02cad4b1cc0","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/a7db0e2fe222d87e1ee22c0515cbf02cad4b1cc0/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/a7db0e2fe222d87e1ee22c0515cbf02cad4b1cc0/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.a0ab8772.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-g2PkES1E4TcBmliktm5lYbd5MXKI/6WZ/bdFGgr3039QSLSozNsG2fub9XlJAwmr4582YBddB8WC0FQX52SIwA==","shasum":"37f361df42cf3e3604dd828f4bb1d2e78a7f7556","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.a0ab8772.0.tgz","fileCount":16,"unpackedSize":63460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJejN3DCRA9TVsSAnZWagAAjqgQAIDv72C7oI5o/k6+0gC3\nemxxnOnIH6Z2stssSpvZxTdJtMyma/1NcPh4RsBXKpdTH6uFLOuU2alT+HH5\nEC+Xp4CUKuX8RyNwQVTDILDyaxMNGlNcVl8RPH3twMGE8exDtS7GkzX4mI2N\nyP5U98Fs5riWM0Jdw8acgfYAJIvUW7nCkyKnFkE9Ga/xtsrFoMxDWL6T0QX+\nnIbRXy+39uWD6L+FzCHQm3GlHSfTmuJUsdLvrlwKL3r9UGB5WXLCIng68YkK\nWPya4p+wj0gmQBGDrTC16rwFBCKyiwOaq2Y6vT189mx9PstITfR8TNKcjhHV\nmY6VNHJ5TJ1BdEVvR98c/AO4LaVjGgw+rOd4sWW49DfrXjW7RbnadRoafY2B\n5vZnMcPUZn6p7B5KyOSgBJ7RBD6bX9wYTFdEsl7CukqBbo2A9yrsRxsN2Irs\nBiSpHnNA4AYSX/hgtIidBgaLFormlHQ3A9W8q81WUW0dOuVx/spyTqR1HX2w\n9jLuiAvGBoDTAk3ow5yWNgdmINMvQS4DLT3x7SR+8YJsMNsJejzeBKu2f9q6\nqhkf6y19FAH9+ja4LEJ23WjhhUJ7Ci8BxUaO0ex0SP0sj6RmW5W1XQ+/BdU+\nyWD3kCTnYYB31RbCEMS7zHU2YCu12KwSGJpzJNIXdPzHxQzAh2WgPDXWg0eu\nCSFs\r\n=t+xD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIASLVCEi5ZjPVjMSvGSnh9JVDhQnJ+yVNMsVgjKt08HaAiEA+Q/8ejNceG/Ieu+vttbUHnKZcElbumLZqgMompDJ2J4="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.a0ab8772.0_1586290114714_0.2032458865709017"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.8d352305.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.8d352305.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.6a40ef217.0","@material/mwc-base":"0.15.0-canary.8d352305.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"d38e537751f3d38d903a5c7c03910a26cd301f20","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d38e537751f3d38d903a5c7c03910a26cd301f20/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d38e537751f3d38d903a5c7c03910a26cd301f20/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.8d352305.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-k0Q725M2EQTgffN8elAI4ZFtCqR8k1/H4MLhqzw1XlUQm0VE6whX4hn3jC8ucq8GKfw2Bj5Bv6F2OVwVvmumyA==","shasum":"1aaacee06807ed2b25ce7552e54be5f5b1433593","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.8d352305.0.tgz","fileCount":16,"unpackedSize":63460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJejPONCRA9TVsSAnZWagAA54gQAKO//pV5pkj8LIbF5tsz\nCPTTD9N4QGM/CLkRdByGIddecVn0E4MkoFP0nsnJppfHp4VSCnLK0ElJEiY/\nS9ByZJjy4BG+w1XnZh3fj1dEg3zDpRDNavthTYS3odcpU68t5Y4nZHdmiAYF\nIfFXDG4yBTniDonAeeikK0KGT7MOm4Cy0aTEwnor28AwL+4odT5UPPn++Jgn\ntdUZ58iSCgXusUQkM03MmFJhQ9WNwNn8xlR2+GZh6KznIpVV70dzDM47WyCn\nGwvlMMr7Lk0+nqz1qGcPy1KI6oJFkezficbstZ4QRBn3sdo5EtnJrqBZa0ed\na8t/y1EUDpo+P9gW4sJkx0W1YAz0ZmpbNZK0CGu0xOTfoGGgERgkG/xr11Hl\na+zfxYt51eoN84AC9hhUZufMGOZQLdWpslVakw+qNkW/ATRnlWNsT8bonPCo\ntalEii8iSfL2cWSH/+4VgA0fiLaRSftZsWsXDONRfwwZPdr+NObXE364n8HZ\nTzEEujQb/YglWrgK6PY5ctjaipWuZm83HldziXO1bbltUZYu2mjaong5q0IB\nFxoqt4mQQ/MqwsAHn8ChyKcVpQgDRK6EO8Xjw2BIZB63ijAxHxy3S0jK3646\ndsXtwIUuSK+7/KT92CYxbEB1LzW1UoGALlfNevnadhEdhCU2snT2K66g0SMv\nTrzq\r\n=F9YT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIQCJffSk5pR0vajg036DKgxNZVirU1sOjgZWany/28X5JAIfDoN5HY2MCFO2eI/loltYpaQ61SGYbMoIscLuhEtB7g=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.8d352305.0_1586295692735_0.9214816903732741"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.31eac79f.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.31eac79f.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.6a40ef217.0","@material/mwc-base":"0.15.0-canary.31eac79f.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"fc47d0412882f860dc7dc010657ade07c9a0215b","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/fc47d0412882f860dc7dc010657ade07c9a0215b/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/fc47d0412882f860dc7dc010657ade07c9a0215b/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.31eac79f.0","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","dist":{"integrity":"sha512-sVjCCf/Ay1Cz4bU77HKZSKNt+2iOTQUsaIzRY6nHRJMXYcKZi7kE+NmNh8Hs4h6xYyi7g+R8XYwJ6y0VLbnceg==","shasum":"d413d532b1379826b9d1f3e0ce229eb5137aed2c","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.31eac79f.0.tgz","fileCount":16,"unpackedSize":63460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJejPc0CRA9TVsSAnZWagAAYboP/36HRSUSaYLwCd/z+lkV\nnJYzQ/opHKM5S+CifK/o2isflKRDSAiL3WhuWyNs+GXzED+sXgsZNIDMMeJe\n/008kNyrxzfWGov3MumnchulDoOLjnPZfYj+DctAHF//ijMGqOLbOkTXddex\nI38AKTcaKDu8enyLpbn8r2ogHUnuM9tEm5DPoveiuRpcfie397Xv2lGzp6DC\n2X2Ch0c9gn1Np6sm+aoGcZdphDhEYFfJyYSliqG2rvPcmP8UNGkSbTJwQMNY\nvlol9tPNKAe5sC1dQRT5c6AB/lfx+BVIMVehPwN8562tMuA7nrcQ8ODk2q5D\ndyHEO1RXDYPEtUvU7WhaHG4uvmnMAAO4kOtnGfsp6s+YAN7uMmlADOxp6V3z\n1fuHGlkYw3POROAkLwYT2yg7t732CO4bce5RimMEDCcOETN46I5cCOgtTKJJ\nXj/Vzjp9UD1+El+3gBDlb2UhdzIiktH7rxUNjLNNDZyEfVwgqGQtDW4PCkub\nfUUZCK10Vk0PridurVbEm3wuCV+ItZlA5d6bNd/87rBR3t/8OLrPLtUhxr2b\niseO/DSpQe675Tjh8VsziI2RDOAwaf+5ouKobJPxXZAvgYwtjSX6SAQgnInX\n44TKaBpaejmQowfXbTI6VBUejChDxTmye00VamyYsRe/lGKYRl2oK9ZV1upZ\n6rz7\r\n=fXf/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCuNSGcqpLJBCktDF00Kg9daqb5W+7KFU2dZnGlD9iSsQIgf2lZcDT4jBdAlP2HT154pjbbx160Qscr2IV8EOYMSYE="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.31eac79f.0_1586296628432_0.11153174616298922"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.ba05565e.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.ba05565e.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.6a40ef217.0","@material/mwc-base":"0.15.0-canary.ba05565e.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"f03dce4944b4b3fb02a1467dd03f7afc0b279a0a","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/f03dce4944b4b3fb02a1467dd03f7afc0b279a0a/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/f03dce4944b4b3fb02a1467dd03f7afc0b279a0a/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.ba05565e.0","_nodeVersion":"10.20.0","_npmVersion":"lerna/3.20.2/node@v10.20.0+x64 (linux)","dist":{"integrity":"sha512-uynXymYEddWnbCPPbbld6dbrd1G1LRLd8SGqAsrb8n+fJWFCPekfG6t51Iqu5Sc0LtM1DKr10YfDTAJf+FqF4A==","shasum":"3d8c558fcfc53a62e58557ba167bf21dfcaf1f29","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.ba05565e.0.tgz","fileCount":16,"unpackedSize":63460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJejgqcCRA9TVsSAnZWagAAxz0P/jKLyEaF2aTihcPez1Cp\nBZM1PLxWc7mBJSSL5HgaYNGWEqmtNM8P2Hmpyu97mGHnknVdmQ5P+93Zm701\nnfNPeFYCQLYKDdwIA3q6HBHKkn8KefucqANOgO/zjK57OR0/tF9uOHMQUzjB\nvJGG3zLUh9BPHu74U337ITREx69In7i860mtC+tgSCxaRRcYrGIFJwmUDp4H\nVrw8YyBmFsHMqY9iNAKoLOiKlin5yzOgweWDd2zUb61XWdGnOuLxR1zzjrev\nFFSPHlq3Fg/3XQm6qUHx1X15DzKmo46X6HkzAZw7PhgLRu7OmlHqs4I/97lS\nXuNbfGs1MKyQA+Pl3LkSr5nIp2vFw2wz8jcA45ew+yddxNEBrfQpWepBmD1g\nIZwSc27kenEdCeP9oudW/2f8jgnHnu07WhZtQLA/2X5jMTDrwb1fiqiX8XN/\n4qla9mz5Q4VJRBxXOVfkEhPlXlG2WnKsQNLEymv9I2KNyCqOgLrtr9k5il/Q\nod7JV5c6XgSTdwb4gmbKMpJyZ+Fk7hI0Qb/ZQcxRyEkf29xZZyMYDJsqL46U\nGxSW3Fjmp98EhQN9IR5IKn2H7VowtqAiWNcPfNjkrxNcjxsdn2SYKhmGWpta\nfKalyAUn2lkKa7APBrieHsoTjXmq/M302L87D8HbszGUW5ERi3WyQpXbIUAQ\nEyKq\r\n=2PHy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHG3priFcvbHzuKEarCThebQK65IC3mXG6AAgY+t/NkwAiEAt41SSblVXECxRs5t+lj/CgSZF3ZRD8MGOMHTR2NpJmg="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.ba05565e.0_1586367131884_0.9548455681490968"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.25099f79.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.25099f79.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.9930d9cc5.0","@material/mwc-base":"0.15.0-canary.25099f79.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"d2069c5f3f79653f2526d8fcca853faca1f2cba0","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d2069c5f3f79653f2526d8fcca853faca1f2cba0/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d2069c5f3f79653f2526d8fcca853faca1f2cba0/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.25099f79.0","_nodeVersion":"10.20.0","_npmVersion":"lerna/3.20.2/node@v10.20.0+x64 (linux)","dist":{"integrity":"sha512-3UpBQmTED0cI22/3BmGBeVxqVYSlsarfHyNOyRsp9KDy0vMUPA/nw6gAiphLqAGDZc9rlnqtzC8f0NaUbMYVew==","shasum":"72db257013a5bbfa3d3c669b107b7791f47a9bae","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.25099f79.0.tgz","fileCount":16,"unpackedSize":63460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJejkJxCRA9TVsSAnZWagAAcPIP/jnonjANi871tC1FedFN\nLYKKmd6XZw4Dl42UC5XfrNytpB2nBIAO70iyAY16sREWZ1p04nV1UN9JzlEH\nqYdAGHVIZtILbwBnHBG2M2rdmU4hYlHYO1kQNIRzxdK8MRP0Ehn+ejBLIAOR\nSpEoUE4ZEyfRQm/cbixLPVv5iCQQ95xUPFt6u/q9l7fGsxwenyIBSsvoG6ka\nXV2naEZqPFe4dVKYIP7I5lSf8WdFz9IkzwswY5zwjL69A4ielVhtikxJ+j+i\nSSkqm6bjmadDLk5BJWeJNUdtdcXdQrp48mNRHFI5fNhdyeh4LYcMv75We5nl\nXxd1FEYOVw/xQK4n6Q3Ijb/IgjDjubiGyU+S3MgAt2cvZsckGtaO67o6Y2Wd\nrBwa8Gda2HlhgVj8KwewWzkOa6qzJgIe0u+3BVueq8oFpYnVDwUOP4rPFJZL\nngDABnezZDMCgdcy+btxTrlI8b5mtiw+qW4Dll7Qt8H/6BfFX9p8vkqqnh2D\nVc6a3pioAxQeg2foUpPnoFtgkYKQ5u2Ka58whpBkzEyP73dUXKwzjwxwBNxH\nnSvZ/TqM5D+SUetMgDHii3YMktVwr+GxQDpzVNf3eV1cFh2k1yeoSbDA3MMU\nITUIM7vDWwYQSak3ji47TBG6aLyjwDgoGWnQamD/SIAa6QKow+wtmhyOJMPK\ngFtF\r\n=UsEw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCE6Ock3NIPc5h9p2hSkewbqck41z12/d0tpMWW5mEjRwIhAK9jvEFZCbbi0Vqzftyl1ES9MsAw68pswY89xTtBvb1I"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.25099f79.0_1586381425062_0.488350164477374"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.447e31c6.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.447e31c6.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.9930d9cc5.0","@material/mwc-base":"0.15.0-canary.447e31c6.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"948dcd3d057312750fa0c58715c74d5ae576abb4","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/948dcd3d057312750fa0c58715c74d5ae576abb4/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/948dcd3d057312750fa0c58715c74d5ae576abb4/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.447e31c6.0","_nodeVersion":"10.20.0","_npmVersion":"lerna/3.20.2/node@v10.20.0+x64 (linux)","dist":{"integrity":"sha512-qXY0CDD6D6WFm+x4t8jx/AH2dUzwqpTj4F1bFqt2pB+yvp2T7tBK0hmXwJn9SDxn2+eOG84gffbJtm7BDyD4Cw==","shasum":"fb6b705adb436f83bbac1dab59b9660be77c0871","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.447e31c6.0.tgz","fileCount":16,"unpackedSize":63460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJejndXCRA9TVsSAnZWagAAexIQAI++DiOfpLddu5w1tK+g\n6aO6qAGXeYqfBq3Iog09wB8aBpJG5kKtPbleXg/zmLLsoaPqEZJp98+2/ezv\nefMKqRwStgc/xDmDVfUKcakLlEz070v5RpoVtFxV9+k+9DO1rytRMJCvoDat\n/WGsLZVtMVJjiRdIhjroCUTVZCy2k9umcGfUZIHCntBWMWGmcatrniB9/58X\nlQSY8y1KXxnxp74nYGgw4R2hR4MlexjJP+LjCwlNPpKP7M6aX+u3WZtgk3d2\nI/0NbvEARLbZPu2pEsO2ni4De+lifUjK56isvPU+rZbL5vrkq7Hf+Xrhwknu\naBXC2np2AiM2t4M/HvYcLbE92DLXtKn8RbCclotEIpvLiuKEjik4CP3rmaVe\nR6Dk0O1Ozw1sv36dZc3UkWtur1EznTAoz2VIHWQ3WJFvve2tDGC+E3jeAaCq\nGqSAAaEzICDIkikmGnUpNMHtLKiYbeZMuhFHJ1YvP0hCzXLNrb+2kzx9FW9N\n3hoJxO66FMBMubkVsyRB4qohf6WiQKX5SR6RVC4fxQyJDFYD+7vO6BxtdnW0\nfsWlEGPo6aPt2KqYWtt1BoXL4MmX1Q8LaPejjhyyowXA+VxLZrXauDd1ynkX\nqRic8bn188S6ll9qAAw7SJUPY60d7n8gmkA6mipi5Y2pqDyo8qZJKjAt9obc\nXhZ7\r\n=QdJv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBsblVxO/zAgDI/mXdlfmz+YUAla34N7FGzyYZSzi4txAiB1uHkUW2Zi4F3x1cNjCXYuQ6HAmOj8vpRn2SImVbGklA=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.447e31c6.0_1586394967451_0.31259534005924916"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.d6dd84f7.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.d6dd84f7.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.05f5e1583.0","@material/mwc-base":"0.15.0-canary.d6dd84f7.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"74f8e8617851a447758cb395b1e8bd3bf4c8c323","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/74f8e8617851a447758cb395b1e8bd3bf4c8c323/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/74f8e8617851a447758cb395b1e8bd3bf4c8c323/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.d6dd84f7.0","_nodeVersion":"10.20.0","_npmVersion":"lerna/3.20.2/node@v10.20.0+x64 (linux)","dist":{"integrity":"sha512-pni1GBPtDrIcsxuPBbvYTgurtOVzGsNNc1kh3B1oC0kxndI3NNXGMQMWHKRHkHqNiyHPvpHXsmHn+JM215DpGA==","shasum":"1d1d5faef391122625ca8a52bc02c942ed2ec7d2","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.d6dd84f7.0.tgz","fileCount":16,"unpackedSize":63460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJejnleCRA9TVsSAnZWagAAAukQAI7EpX1SKBP/I+hgkPTG\nI4AKJ3vn7Cx6ORvQnh7f+fD7WSe1qbLJAHH3ecbIDoTc0AIubw6Pj5/4Q3xA\nuCaLWzyx2NBWVPkgn6bHIfUT8mQW/mQe/9oPIuARK0HGUZgYkfEKTEIYZaYh\nupoLQPBIU+waNh/Oyw6D3aL5omBCMBjqfE3qkKJY5B7sY31wCIYDt6cilIgA\nCXWexgijqYbRB0S9MbpzLfklR3OrIrD4stE0F3nuLE+8bj0VjsE0YehJUNeb\nts13o3GqtkjI77KNEs925vYJMZ1PhEq6QU/S41HYg+qJX7PpLKx82lR2APrG\nQqHK3yPhNJ8NsXNvagoXOIStqlsb3qOtzQOIQ1ubIGanHUMnWTDQlS/z9s/O\nWh4W5HtJKNLp6XDkD28VMqCuGpOSw7psF6eSN6QHdw7iz7o0THEP8fwmVRtM\n8iRTVXvjttgiISjDSHTY+a2Zi2ypV59ihNWAm5hMCtdYHhjuR4+MB/zmIb6U\ne4p7UsYjQVwQCGKo+LYCNGaIzIA8Z7fBUswbYwZRFFbrlQn0TaeBGf65re4l\nmVg3Pnp1jXuW9JMsuxQcc5TKlQpWnq8tvq32OgeA9+8oG9KF85Cn4uafQt2b\nW7unyGAvrD3SpumUCy8QnOgaEznsrHet4Zej7J3axGKUJZwP5U8zZOMuFLb7\n7jPS\r\n=F1VZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDg+OMJCbZqZT21hLiSx3z7IDXBKIppPpq5r4vl7oNSRAIhAM9KsC4P37+J0e+xGeXsFydilt3E/ojytQrX3hoRhDTv"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.d6dd84f7.0_1586395486398_0.4207451445565038"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.9b03ee68.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.9b03ee68.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.05f5e1583.0","@material/mwc-base":"0.15.0-canary.9b03ee68.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"ab8e352b8af06379b151d5a80b316fcdfd6e2024","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ab8e352b8af06379b151d5a80b316fcdfd6e2024/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ab8e352b8af06379b151d5a80b316fcdfd6e2024/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.9b03ee68.0","_nodeVersion":"10.20.0","_npmVersion":"lerna/3.20.2/node@v10.20.0+x64 (linux)","dist":{"integrity":"sha512-hGLHTgy0hoQM8uOT0hbxMpLxjSo5xP7GqlqNzoKP27xCeftWEXLVxtG6j9uJpINdzytXXMpGBthpXeQ1x/BluQ==","shasum":"861407f42234b19719f5e899e99f943096e2b425","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.9b03ee68.0.tgz","fileCount":16,"unpackedSize":63460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJej39aCRA9TVsSAnZWagAA+qQQAIjCijLxyj6T/52GRWpR\nja8Xza8chEmF1/EnFQ/fvhgTmlMyvz8rhqihhfCRfgeqNqU8BvE5dYbQWNvW\nrDSsswiT6hcqg/qYWuPR0VOSo9A5T7I8FnA0OzGRgAKrPDbPgUdFALVFpNTu\nrYDbiP8Xdc+ede0BB2CYejyknbOpNSrmwubmDXWxb+IP6D2PmAipm7RkZyXv\nIqp2pIbM8jebg1grzW4ykncHLwOoBLpP0xLo29dreC+PmJOSzib+D1ORwJdy\nU+abZBzQ5HgAyvP7ogUeqONQ/Dng6nxCpU4VyVx1a+PJYTqN8tUqN7NpkpFx\nHNNLjhfcirZLUBzA2v4WAYqQEdwP97xoAc5qCY3603cObm7Ql692ivMtXqYP\nYpdllHqEZXiZvycdiOovf6WRjg9WGSU401Iz0A7EhGs9obL/eYsTzsx8NxAw\njsXaoeDeRQQTJW6W4RuyDuTNC2PkVtagV9tXWg1DWwhwRjatzH7SDCkXWvqA\nzg3QSOFEQLmTuqOGJpuRJqj4SJSRknKTv5Z4R9ZTpEIDMlbKvFRH3WGvnPBh\nFc8WgHzYnULxTi06aaggXVZHl1k6rek/3V2rO5e2JaPJdaIDGuCR+ZqXm/cz\n84BzP5I5fc+yrB6aOogF6QwPrxpKSGQh8YHkaWuDEEWtgKF0w60BbYqahwTx\ncImI\r\n=Z4GY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICHF00Buv01/7yHSsYbHroR3N0uhBJ4xsPXZf8iP1w0YAiEAqBYMoMYeJiB64T2OZupV5Md/uAdL5wzRwsb4YFp4IRA="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.9b03ee68.0_1586462554235_0.915667893104879"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.bbc25b10.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.bbc25b10.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.05f5e1583.0","@material/mwc-base":"0.15.0-canary.bbc25b10.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"a56f18fee2a99903e5867ab91175e4802a21cad0","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/a56f18fee2a99903e5867ab91175e4802a21cad0/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/a56f18fee2a99903e5867ab91175e4802a21cad0/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.bbc25b10.0","_nodeVersion":"10.20.0","_npmVersion":"lerna/3.20.2/node@v10.20.0+x64 (linux)","dist":{"integrity":"sha512-nxj3k6I/EYSc/utczNpT6xCaiN4SmH/ZB/Csw652T3MbhsJtfBMupBWbu3bozY83o+1zNzxk5qqt/gXzNClH4Q==","shasum":"98a5d968e6a76d16fca7b179eb5a798ec50ca1ee","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.bbc25b10.0.tgz","fileCount":16,"unpackedSize":63460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJekPb3CRA9TVsSAnZWagAArKQP/1Am6Eb/J80dK8BEqUAT\nZyqVlSxF/YRpJmuQ5EShjqcSCTEhVCmJsW5aA/hUugrsAWsBx7JfYqXnZFmq\nKwAmegqTZvk0anu91aI0gtXPJL77ycf3+VUxMtSGJbUAyTqBXwIjfLpcRG0W\nO7Nh+H830jW1FA4fFaZ9X4vSLKZRR7FebX6PmmDIVV/EtX8IESOGiFHwSord\nV+oPivZT1m9NM3Cs0Lo0R6TBxVIDz8ZcCHChpRXC2FqhZiIQwWNDb4VdN6GU\nfI5eW3qytUMwQsk0BQfrChDMAre6u5djLDV/7FA4bssd1LRPsh1xo0kqAXeJ\nnS7z9iFNNMxkqwnAPYRBJMtOiKpii6Xt0+bwerjo6Z83JQWcrLmcqx4TwSwb\nQ4AzcOy2BV1JAfsl9Xi9VdQ5NFHTiYfbJKN8qygegLCDkp7X+S3iHCvlVDGz\nbgcgCHsCNbI16Gf9/Ym46pIDXwvfLdlaYD7EFRAEu3q2qkN9BBFiHIxqGTU9\nZBOyffx6O5jGjqfVnhb66YTqN1n0BePHpN9sa5lGH6H9T5ZroYs/Smf+Fgul\nXxsbtqdwKYiHLeKYY2ImCbT7mGhGoxSKejMuU913vkCk0i2etKH6hBvkcMJj\nWhQhqUMDDRszSbbApLU9b5EBB018YzxIjrINZpZdCixrPZQZakNMmsKiXaF8\ng1BF\r\n=VF9Q\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDPsu4w03GrFMJdgPdkmXbL0E+2Fxx6uolxMJRk6aM70QIgKOI/0s2KBpIYhAMqOV0wiMxrdnFNxhDTqOu3rlt6X/s="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.bbc25b10.0_1586558710996_0.8464056826008144"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.339cbfd4.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.339cbfd4.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.f172b0f90.0","@material/mwc-base":"0.15.0-canary.339cbfd4.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"bb2a2c6f2ad1cc09cfc8d0cb5796203324564f76","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/bb2a2c6f2ad1cc09cfc8d0cb5796203324564f76/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/bb2a2c6f2ad1cc09cfc8d0cb5796203324564f76/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.339cbfd4.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-Afk8lp04OOaUC3b/dtPU9mNUesv4Whv5Xb7QpBQzLDV3oXUBaA9pxqyunS9TEoDHMlsFrqn7CrLAC/3NF6TG1A==","shasum":"0243df322dc9d6bdc87fcb213e8748bb95c1a252","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.339cbfd4.0.tgz","fileCount":16,"unpackedSize":63460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJel0aPCRA9TVsSAnZWagAAryUP/iX3/LRoYNFxRNunCiGH\nZlxLng1N4lCL4vyMrgfqh47QpYf99gJSU3gNZuH0Bm4ALeDaA17TTH0HTC9I\nA3yK2FY4MWjl2gPwgLK6HvB1mD+bK2Hvi6l6KCyKYFMTPV/guKHVCufnSHxr\nmE0tj25E6psBU28CQxxgnI4/04XsdRY25r5yKnnwPeso7ArBL/kVPZPOiuY/\nlOK5NhWjyctx5En0TfDXfNz2uHe0XZlcDAMn9lA2E9ZFLIlN55DAr8twKt1G\n+8McgP0tmSe4w0PhR+r2fmZqIQgjzvWAl1GPshP7zYLqll4a5btVPuJ2AQAl\nSpyq6zJ0EPfafviMjGXQr8Yz/ix0Y06n17ptuGHqEQSh2xo5PuUi/IKuez9L\nogLP7ab/vJO5QyKe1r2ay8lqdkWDUoikv9tp1lhchfKnPw0SVuyLJHCIeAx1\navZlXkaEmv35zIEihxh419b8eKO+M7LlavhmJMirS5YpAzcCfhqTjFi7kbRO\nq9RfBOBl6vEdZmIlTKLW0Tk0wXe2Dmo7PC682o2glDNfbc/oUWBOE69VmWfW\nNte3KwIz/U/BfDSOLwkKDgSfqkth5kbwaLwUl1BNzGBTVZtBYuaFwQ2gLi/E\nC5DQV35ibIWA4+45ph1UY4gKbHhPTntU/MxYYhk/J+U+m5s6BgRfSggfu0s1\n7FRA\r\n=npQd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIACOs7/LkVRWz1P3FDKMcCGYEfhM/JgaaKKz2239FFXXAiAPttGop6+sEYECJBM2ZVmh16AHA88PB6WNbVaWrlpSxg=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.339cbfd4.0_1586972302937_0.5951968503560527"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.b74ff19f.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.b74ff19f.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.c02642273.0","@material/mwc-base":"0.15.0-canary.b74ff19f.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"4a8d0d2eb87a0979a2039ae68ccef8af0c8b7b48","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/4a8d0d2eb87a0979a2039ae68ccef8af0c8b7b48/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/4a8d0d2eb87a0979a2039ae68ccef8af0c8b7b48/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.b74ff19f.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-DYbAUoUT5Da1F9l4MVyUYidhd29nLDxzg1ExfC7v4YF7pBc1IvVoj8AeubmqsTumDXv3ww91Wt40y+THcKPBrg==","shasum":"3fee5929bc04fb13b69960aba00ab22fdaa5a7b8","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.b74ff19f.0.tgz","fileCount":16,"unpackedSize":63460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJel2ipCRA9TVsSAnZWagAA2I8P/26rp4CooQqzdbWZTS1K\nmWBZRDOsEx1/gK9X97IpuLlr1uZpzmtOE5FNpDCsOY9T4ZnvUU23kLBGg3Ls\n5g7hZyym2kqhUWexGWu7TRBpiRUcTzJpfWZFjPOW0FdgZph4PqpkbtOMKasE\nL8wHgwSLRObThRvmmo+I9m5lCKqsKSrg3Wfcelpe8CPXF1b8u+jEAVTQoWrU\nHVOX+8MCNbGvPn+qU6ULBLz52Hj9r6lQjpMmYSCqgQEFEeRPiBFkWf6gmHPE\nmSPSuioCE82e9Tt7GEJYxrwt71MhmGQQPN0fTRxwxhH3qUOa+uLu1Ah4DcJ0\nTwl0e3B1Ub3Up/YPQmgg2UsfAwB8TNmKffci7sXMX9ZS7J2Rugg4q1/pFLTQ\nHV7/VqxI28dozvu98Hy0ldYj1NsqzplWQvi3T2Uu8KO4HTSQ3wp+l6B49wT8\nGmcsEf6vTXOdtwVf1Rn6lbJ80bPfE1wyFI057pBx54zBKY563wQbYtq9wT5d\nBLQi6bLW+489RJ+EecEhw8UzB3V4dfanakxrH3TsCmulkifbbyA3ciwtB1dg\nFhMY2DYAgH2ZVy8sM9PWT24dMZhs1Wtkdhc0jbpXKIWJ/m8l393HNWJ5khWu\nv0qj5X3+CWPz2Q06GWmEWwL32VLZ765HvN3TLmnDBP+jMJyYiVRIEVPkcsrK\n2enP\r\n=pyCm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDjBTeRoTogiMovpjUnlFcCATGRE5LPYHrhY+GRI32bbgIhAKtTm14yDHnkicnAVLAnYa6uECzZXcDH5xrUn1bpSh61"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.b74ff19f.0_1586981032676_0.23825752513527787"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.aaa16853.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.aaa16853.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.c02642273.0","@material/mwc-base":"0.15.0-canary.aaa16853.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"7546404b77983a36ca5e25efc1078681498f260b","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/7546404b77983a36ca5e25efc1078681498f260b/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/7546404b77983a36ca5e25efc1078681498f260b/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.aaa16853.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-CgpyWRyQDfx4DSPN+KBufibglWQfyv0Q5YTQy0WUdFJiLU8ZHh+DX4gCB9hGk37IgtIo08ivkcFaxLpmn3V6qQ==","shasum":"aafce387b22200f90cc4268e82a5062f9305a218","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.aaa16853.0.tgz","fileCount":16,"unpackedSize":63460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJel41uCRA9TVsSAnZWagAA78gP/1yySddc1bp6kl8wDJIh\nyR3N3KcH9L7D9Dy+ndtIS1b/AoO1nOZDbo/FBUHyLn0T/WVoynJ510DCGmGW\nv0R2LKtaMx7meXe+qSe9tI6DHAFpfRZp0D8YoC7Xo7rSJz/eStC0xcOxwDlC\n8olFV2/S9QxAKtM6guylVCMzIgNTdgQehUSBAmDQjtnggkgT1MpRJWyAVnlC\nRf4NqukVb0ArFCIVoWwKVyzWWfgEprVz5nEzNkQKZBmro8i9jwquwjlEu/NE\nU0l6BT/Fmhocj4dxneZMdHTz5B0JhFwp+U4pjpvP+YjGRL8GhHFih4sJQ22+\ndRo/7eXSF3TVvZr97ZBGLfsB+00HGHMfz8AWtIkGPIvhuLUaM6TK5CM7sEqL\nX63p1dunnG/RdmbQvc/r0TOueJQLWo4KOi4WG0ixcUTxqwaIDVulIrzRji1n\nb6aUPSctYomVlTr2bzU1Te/Gqe1VYu+zqZE5FydfXH+dLlCd9LYH3ZkOZIi2\nmLXIqKM89mGPzDzlwI4SuCJfWkPHMetnSAwi9cgRep1tkss2dXs17e/39hPX\nk+eRiE7cqxrSjQphcoUhHn6tsfqBZuq4N01Qf+oGejba2fvThgjXZWGsmedp\ndjyumBf9PMear8ZEKRz9DR38U1TLnZM+jsQJJqjY2BXMXC0b4/lXvH+tb2HD\nuPxy\r\n=TEC1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCUGAsZEPQHocy2Tz3vm603wabLRUGrUIjz3Sb0Vd1oUgIgRSu8xePe384alpP3TVB2+y542b6NKlSteAds1G7modw="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.aaa16853.0_1586990445832_0.7013877749743418"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.826b23e7.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.826b23e7.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.ce6cb7024.0","@material/mwc-base":"0.15.0-canary.826b23e7.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"00403df32c75dc9e2a64a38be1eb1df45ecc57ff","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/00403df32c75dc9e2a64a38be1eb1df45ecc57ff/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/00403df32c75dc9e2a64a38be1eb1df45ecc57ff/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.826b23e7.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-imjrKv2sAtSpNIMKG1BWGYBhBVfhjk+llQxhsQdJ69/lru6xRUJhozsJBZEIria+une8zHk/aNtSephNuNpLMw==","shasum":"59e1ef7636a148f2d288a223d2efab9331bcc316","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.826b23e7.0.tgz","fileCount":16,"unpackedSize":63460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemKprCRA9TVsSAnZWagAA5fAP/RXu5GhCORuv07rfB7yk\nSlPSEX9YjdEgt3UOX786/QljqDpo1ikYrl0Eq2atT/dzBDWf8K3DxuA2bfcz\n//6vQ6TzB0vaV5ALQ/usbiwg/J/hh/4w7m60Rn8qqpEWupdlxAZdoysf1O3I\nwxt9meCAEyK4Z/4z5hwTfL25CwJgsrXikyFSfWTv73Yn+P4u8CYfe//2zHr1\nAYRXYkQVBP4XnYLei8eQC2g3Bg0vLMKux9nsmmLMHrTSbd02TLO6EHflNOVf\nAoLxBgPDYB9YYe/Qv1hrTuvH7aZyzNl19AWSmGZrSOHO5COklzo5HSzZJoLH\nHLYYuZYoSRDdPBHyzI8kxQOVRiRoA7f8535fH9zyVU8cVWL1lcoKspTejd4d\nErsXSZ566rdeVV3dHLpwrCM40uSlBuzkBmMbXkNIrAI0s9jT17vlt/iDj+FW\n1OP5NobjgehrTQq1bB6hXit0luEBS/bQHFPunMCq0Hz3dBAi1cp35zgulWym\nUR5MM5hDr1M614t8m9HwxOTVJcfwrfFkx5bfQRnuoxXP/s2cXGrfZw5QGpNI\nEATx4bzRldWZ+55V7pIDMbuW/uCq1yFXbdioxyRTlC2e7AOkbqHyg9/gOqSx\nTkzbbOAIuwfIh5WNKueE5Q/kNWN+xGm41qUxjyE7e7Bh1es+DSHwYpBE75uo\nplLD\r\n=NQgY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHNZpOhVzNkMQ83nvQdYQLQ6wErFW2+QnHj0s8yCIwIuAiEA1skMAWv3T3VF+Y0c0X9pecB+7dd4GxSao25AyP1+Nho="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.826b23e7.0_1587063403225_0.9304981272789217"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.e1ad2b2f.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.e1ad2b2f.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.ce6cb7024.0","@material/mwc-base":"0.15.0-canary.e1ad2b2f.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"148a509de33ca1ac17781a9e24bf8735ec5b2874","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/148a509de33ca1ac17781a9e24bf8735ec5b2874/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/148a509de33ca1ac17781a9e24bf8735ec5b2874/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.e1ad2b2f.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-C/lCvgg2yahMZ4J1q6vMDlIqtORQ8e8e5YtR5M6XjvDppHG2yfz5tF4yiEjN9RepxpvKKg2dBOm28y6Wep6f8Q==","shasum":"f5ba8833f2faf5208eb2801569bc6284338f8f58","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.e1ad2b2f.0.tgz","fileCount":16,"unpackedSize":63460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemjUyCRA9TVsSAnZWagAA2WMQAIqEhMvbRwtDQGcXFsJU\n5CKWtW7Bb+LOsmdK8iI/wewheg6AnMUIPSrPe1ERxQzQt0Z+urxEXi2LQbrX\nQ6GPngCUhTxfKwLS27BPI9yLIe2oR3t1WsHvPjx+1KMJYnbkUHM3xRK6DHNc\nCeST6PaU0LbuTnyc9y7/ZHVF66gjKAmoWKdajXOEWeCy1Chv0auf4jqEnkOE\nZaheXBwF5RuRr8bK5qWqLDWlxEBJoFrCzdkbyZT4LHZR5NkqOkApUhcO9aBw\nJyis77NbmQ7hEZKUIQEDG1cVfnXFqlsuPG8YNIp9e6Spqle3D33hwr9iz8CZ\neigK2R4BZcL4X9vmtK1LZB6bWxyjaqn1AobvnbJJYzjRLH5Fkqm6p9wWYfDB\nPZ0TV0YwoSub8/O24eCIg5CIhApi6GpiqmzyIbDn7yT5NWVfawuKCX5RlnGf\nefcWfj9k6YYN27kNp1pm0USmYJz5E1AQoEoNJAag6TO7/imX6Eyxir+uJo1W\nD3KoMdrtzp/ZTRIlaGMSTWCjo4g5B4ka0Gi6EtOP9sZwnXfGSBvioxmAaFvE\nLjnPR/wKJTRX2JBO4zNKmiq2Ep46ACo2aysn9TNImpg7v5IweR5/icYue25F\n9h62Olhf2JkWNTDHnlnLUawH+VUFFJN9adU+2SkXblXZ/RbG2kbv9TirJ6KA\nSaQm\r\n=RNLR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCZPtHDOoFcghUKtmQiO/eT1Us90UTwzaQcRfShjZm95gIhAO5WSA1Nw1ZWqrJjzJqWaSX17jtffxXa9jSzPuXHH0fc"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.e1ad2b2f.0_1587164465645_0.34051870383667193"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.bade5580.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.bade5580.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.ce6cb7024.0","@material/mwc-base":"0.15.0-canary.bade5580.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"6e463a20777b8cff5146a68db7bffe3f5aa9674d","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6e463a20777b8cff5146a68db7bffe3f5aa9674d/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6e463a20777b8cff5146a68db7bffe3f5aa9674d/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.bade5580.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-bDir3rwm2rX/kyz+z6Y8V9j/we/lUEyyXRYdhK41r+XF0bf5HyqOqmRY8rppsytdmM+X3t5RwMQ+DIi0QjiNsg==","shasum":"119f3b8e0fb67d9e5bcb0badf199cb96a47f6149","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.bade5580.0.tgz","fileCount":16,"unpackedSize":63460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemjliCRA9TVsSAnZWagAAJkwP/Rus37QI64dEIXgBnhcw\nKoEzaBkqRAaoeeXrzo0QM9zNXAvokKIntdSY4n3zlS1g0WRo80wgaZ0gzHrA\nsIv6OahUsQUKOhxBWFVyt4ksBUF0sAU79KFEg75kw3rGHCFmXwcT+ksTLXnI\neEqCYYuuBfZBq0kXpXZKAsdQr1p8Rz5ddP6uTOkj8EE9QAhnjjuRkL8yA76v\nZQpxq4bfOtp6ooa/m2KPx99bXLAxPiSRq4JIUz4gc/Fr+o/E1iSwHAwpRhO6\nxYBFZzcks/J5UIyoKmWx+j63JtaDzfpTMNjDAP3MVA4WnWd2SU0myF7PYzB4\nef7dJvSWgXLCgQNi87kVCBVC2Rvg4anFvhxVA4ThO6sBZyECiFjkafxDjPb1\ndjZASl24eQtgA07l27A1fXHI3TY7gwsvBXodwCoxbdWKB0zZGv8MVsZUDIJx\nl8CVYOQO1y3PoXyDyQ0KnMRNpuN4gczafgibTBW6CDaAkBsoHqlZA89PYF8p\nEB3032Vrmm6x+atfpsnC1UWtBH88tGsoeuPPh4Jyt2mg3l2gpVUFpOLI4dFk\nRVdUXiByDzct+qRsRLUH2cB0bVuFvp/ilSO58XWDb/QmPyALpPNOjsSKsGSU\nin0cDUCgLt8ToLg70FX+MLSw7BpJvvVWDgpyT/hR9OG+WWNMYS+tK/EP+5nr\nPci+\r\n=Vliz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGo8kYk1sWDvv+dAJeBerXq3ZY7uFM8+rS0KAhCSW9JjAiAU3Jqx0Uuy0cUnbO4/jtgqog+P+P2CjRLAOendiaY51A=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.bade5580.0_1587165537542_0.41066353452750626"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.dae38247.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.dae38247.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.ce6cb7024.0","@material/mwc-base":"0.15.0-canary.dae38247.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"b704c816f10599ee9a5d9b89a55d9c95d2e36f4e","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b704c816f10599ee9a5d9b89a55d9c95d2e36f4e/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b704c816f10599ee9a5d9b89a55d9c95d2e36f4e/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.dae38247.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-9w8St8swS3xo1HQPdi+b4vKmjzbC/3YfM+jIlbHaOhFRitNfIW9XYH1D8lipwkFaYcF/O0D+F7wqEjDn1EjSow==","shasum":"f28d1ff7e8b1bcb386cba29181a80f26990f184b","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.dae38247.0.tgz","fileCount":16,"unpackedSize":63460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemka6CRA9TVsSAnZWagAAzSUQAKK6xko03c34c620qkoZ\nxK1fpn7Pw6tXvfF6P5/1pfpcy2JCk1tQnTks2qIzegidiFZ5Hy53FnWhfWKq\ngtnV/D7yWN+O2KpeafLv3h2V6tXQuV8PQfemfbGgl+mahRZVCmA/KdQj5J98\n2Z73pvgcj6m5CRMLFFjlBk3TOtWBSnULGffFfOsA4ZyXr07KZQrHQSm5fGfO\nqlFECYrbq2HgFCdMllCDX+y8qjZc53c7ZTW0x5hHHXYjNcpqdLFiMFOmB666\nRENsyGBMSHQqrK4b+CtKjJG6o+99hcUXx336sb2SUi+J44dB5cayQnoH/JTd\n9eaA1/VVKLHrRwyuA61k6JU/q7F5//uJC1gce/hYSf7bMnQnftc2u0FVlZUo\ntgU2JOr9WgtamkjPQrQgaOaGgHwY4YexeNU4HFXoM5mIVyQ05i1feiMnAvMw\nBPex3R8BILBaJjKPvKIHndQ+rbRZVlK8ZAvbJDUh0uVgZjD0Sjp9XpPhJyHI\nZaYimfB7NyFD4Pa0HicW2wtSGqjqz/rqkyiZFVt5rWZwA8q9P4Rbs4lhUZ06\n9z+/AWQKF7w/m9bBo/tzYMDhh6KW9r8AGkiezRdVDb0K2XIe71atzAshMw4u\nTG0q4nwf5w3ZPbZRv+nqXHNnxpoTH+GjNbkAGyukypwhw0oETGawuclWXMM9\nG4B0\r\n=7Ez2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHYplWtXIPZSg4zc7HBYOol5lX+LQSKzs0Y1c//KfnC7AiBxdmzrL/UqkYHtgZ/n1734H0UvX3SAPYGZKB+4S+Le/g=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.dae38247.0_1587168954437_0.5154394581675674"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.a04c0b82.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.a04c0b82.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.c4b4bba96.0","@material/mwc-base":"0.15.0-canary.a04c0b82.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"23904437ed2cd67305827b08d512e6dd06858b16","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/23904437ed2cd67305827b08d512e6dd06858b16/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/23904437ed2cd67305827b08d512e6dd06858b16/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.a04c0b82.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-ifgOXdPMe6cPDFheFoX2Q1BXIt5mbRIYkCSQxFYwrsU5npNtpcNU029X2j7d0MJvkjPvilR3CRThmjaH2Ujy8g==","shasum":"f2e2594d48a27bfb9dd55bde719db09c301ab805","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.a04c0b82.0.tgz","fileCount":16,"unpackedSize":63460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemkr6CRA9TVsSAnZWagAAzwYQAKHUQuDZ1GhEru454539\nR8urTB7Bnb6njPLgvL3KKvJfguAN6H7Bk+yu5D+U15CL2LioJrbQKf+Xz158\nJcEz0lOKf+uLbo+nNhGA0tjZMq32nigjcLL58yoPVja3u1LNm8LCEOiZap0z\nN+FCmYCflqaozmNWbz0lzYWPTOz6AVXlDTU20Ck0r2hDrLK69G8RLgjAbuXG\nLpmNNOLKY/LBcb6Xk0hT+eKpLaJ9AtNqDelkUG90DEVJrWmxN5hgOGRk7r0a\nd+VEXbrlUsq/LyertKaawnmUDRseNU9zHxA7cy3fxvEYRSqXuy9OQLwRUr5t\nVTZSoMocb+4V+NyYyn6fXGQhFyJLyVy3Nx7PVPWhX0Q9lSUTczRs29+nfoEB\nbwIV4yYEqBzn4dSQ7mHW3pWrPTVDWAalYYE0mSA+N+sTkRGgcPF4pRKy9fkg\naH3DrOTtSfbU1dixGb7jBdU+ARqt/+xrzMOohIp2bwTW36oKEPh9NTlASBiC\nzMcI1EcsbkxGhlSvhIQB4eiS3pVBN7afU5LKLzsGbhuVEzMvbnimOEmuDTsg\nmfPofG/iiwd4Y2n4antVSUJWrefYWPqGdJFn3mQqCfNBPuW7/sSyafJksigM\ndGGhCe0g4vP8+15VqXg4rJBqfC9w2sCHMHUh6Gr/s9wD/0kVWXQ6jKoMR+0X\nRkx4\r\n=eiPf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCimLUogI5QkXFL+YeaLusmSFyYyxUPcrSS1crdIof04QIgby5VJzHXG3ImUJ/gg1QeQxrC/a9y2vAqFLNmqFYMzog="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.a04c0b82.0_1587170042258_0.6256611548914071"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.715decfe.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.715decfe.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.c4b4bba96.0","@material/mwc-base":"0.15.0-canary.715decfe.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"ddba034f53f308afea3b1390f775b49e8a473e91","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ddba034f53f308afea3b1390f775b49e8a473e91/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ddba034f53f308afea3b1390f775b49e8a473e91/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.715decfe.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-CBycMGLUTLrZMVULFwjUX4qMb2GvT09bzalq3VCcn4ZR4pherjCJgLxGsSXVYCYPYOYtLpc0ayFVgRe0NzIuAg==","shasum":"8ae78269414293d1c2794979eebdb6a691a5e0bc","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.715decfe.0.tgz","fileCount":16,"unpackedSize":63460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJenetRCRA9TVsSAnZWagAAZu0P+QDz2j69X9/ZcX6kSipW\nu2gvZw8v62I4A/I7MouLnTwEdqCE3ka1ODCarG+nwxyOyh4T5P/ApLBpeIC+\n6II3ffgpD+EBTweabd7y81Wr711QnbN/2pdhTpW62tecqNwKy/sbb/dg8HEw\nFVH3FJzZEs+HcL/bu9A6IJZtaxBPMzUYEc4z0MvjxDn5vFhs48IUDrQHhOk5\np6qa5Ci9KglSBeGvrzO7fHkHpKtSt+hUcpyULXVJiYOz0c0q4K43sNyk1XmK\ntec2rCaCv59r00+ZN+TrlMN6vRIs4Sq3+XMQthIfL5MJPSakem11QmX2CV5B\nbVdwvjyZnyfUCOz7t/smMQbI2nW4AFfzzH4pFCEB+FrANFPwvukaZEoa4i/M\nX1L4Zv+be/Z2+bJHLOs6eT/6uM19dL1/SyVofpWAYtIDJV7DVRh3xrkPSXNa\nanibY/NTYvkB/P3abs6cKiJJigYCZ1CO+eTQkUi42K3tux6G5XtMeOajN+bT\nrUQMRsEk0VtfYAsBN8SA829VhHmVmHByufKsvUI1gL2UrfJVZgfjK2ITblue\nAnQzJOFmK2aiPtsb9+bn7fmRq1bEZNkssXmVCNQdUKyD7CzqGl14DHFFhBjY\nIQ5oWv4Fnxrh8ie+jeSbktwmzUdp7xCjSjzhnBqhTC/jPHMzOfVyg6L+1P9L\n1r7D\r\n=jBUX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICKSWonstoE2/viso+HSOK0HJXOxgs2Xx53K/bfjZQvfAiEAtvM27DCK0s2PpBRAu2WLYcup2n3QVULjXKzokbMFWkk="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.715decfe.0_1587407696978_0.6563378398530368"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.c862cd04.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.c862cd04.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.c4b4bba96.0","@material/mwc-base":"0.15.0-canary.c862cd04.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"59b73d92f5709c37a2da654102a61dfabe148db1","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/59b73d92f5709c37a2da654102a61dfabe148db1/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/59b73d92f5709c37a2da654102a61dfabe148db1/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.c862cd04.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-Y3fX8TmPljNbaUJDURB8EcWGobvN44eTF3DSIG7lHx4nmp6aCjEKTsrNIZHUxzbi/Em2QrL7XReThhIbh/vM1Q==","shasum":"87fcbb4f08765e946fad04f42f8d6fe32d47d526","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.c862cd04.0.tgz","fileCount":16,"unpackedSize":63460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJenhU7CRA9TVsSAnZWagAAiSAP/3LS3MBtFZpU7r5fW26Y\nHrUmT7ToXUPXQiENOE4bYHYLjvWxmJrGmcvwMqFgc+JHRr3LAxrAbMVBwVOi\nl4+PQJyo+kDObb697t6zSGZ9VF/rj5QuGUJHCvH/244HxiRfkT0UPg0rGI1s\nKK5tRRJ4DcZnzgxnWVg3uptOYc7p0C4I6v6vNit5bVl7cWEUqR3ylj4TAb0Z\nYWhnvharExByCevHnIYXVR/FveG5AdlsfbG+vs/mRGFXoOPgODj6jZop8EYi\n462u9kHHlalFD/xY/pWf19jua/Bob5uC3y3MFmen+AWLCEIwd6P4DXbuk7Bh\n7xrHd1VhXaiezYT1oNnkijsA0lWK47OT+pHFhLZc/VodpSVWPU5z+wyLRZOJ\nENV2j3VLS/O40utZfgorKMmbOpYZK90UwEwkAF9AGg3xKJE5qZLEJJsaXJvv\n/BXSbHj37Kut9Saf4/i29QdeVF2cU4aWqVgu8iTON+gqLyJorqKX3eRH5aLs\nYPbrnyKPe/Q3NWCaLEMQhwmej7AViWWMZDP1Kgikp4urBM4Yrujy2X2I7FhJ\n+YpINSl9//Fo6e3gCjVv1NTp4UuHTWRJSe/Q8ZWcDRQASQJVQzhCjFy5fnKT\nCEfZIWbIvPb4ZEv5aIf8YPC2rIBWINLgUEmgpHsWFa1ZqJjAQCD6A+7vDpsk\niEJi\r\n=oRtD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCAjmqSNzAQboYBl0D4rVBb0BmOmMWizLl5B4E4G6negQIhAOWXHoGVcckxrPYR7rJ6089TQXSbGl7B2HHHrdofyMEO"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.c862cd04.0_1587418427100_0.06595954771288404"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.e9b01b35.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.e9b01b35.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.c4b4bba96.0","@material/mwc-base":"0.15.0-canary.e9b01b35.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"873703765efd3bce3e325a39e56707cb2a7c47d8","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/873703765efd3bce3e325a39e56707cb2a7c47d8/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/873703765efd3bce3e325a39e56707cb2a7c47d8/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.e9b01b35.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-8e0L0MEoAClHY5b/KA9/7PWrji1htIc1aYgAR81xTHeVzS8NvLnK8hTYWCdXCU4Qh7tSbGDnrz1wdVaBfidG6g==","shasum":"f7a4fde7044984f6f54a1be7c8ce80e21f9f82d3","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.e9b01b35.0.tgz","fileCount":16,"unpackedSize":63490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJenjBGCRA9TVsSAnZWagAADzUQAJF/zjA3tkKj7bPo9vCb\nOvk6wKdf4/6FoOdycWETsN4hsn4qVCJkKvBGh7L9TxGHlt6SjlU4EfoQKb+Z\nc022MckVTbesTJX0ry/QmcRNjyZrEV0HyLg8IMlp3Q+MA4r+FCtLaCkvQmsW\nI9heCpNK8ilV+NYxsbfNw3Ngc5K2ldaMhraTNxarO66Sqi7ZNoMWt5sKhP+a\nWgXG8UmSm2Jb/gHABkDvKNpquTJaxCgL/AAQYEyBXt2TKBo0cAx7v5a+cZCJ\nPAr2anu7w428HxIctsj82VLPG/Jui2Mkwy8HT6n1R6QUW24S38jhe8Vr+3VO\ncJkDcalMW4oo9bBl++SXX2r0NsYVhIcUo1EL7znkIciZimgSXW3b3aOeAU91\nWZDoTNlk44OQ1RHeVfWrsApA6GQ23O0JaObW37ph4ACAELLpIJqYmDQPLLAc\nZfGF8IKFPIIZz3w8nMdRTj/GjBdFvM6QX3GkAPm2KDFDFFo6zvCU4jiayaB3\nMLbgpkyy/EN/EhKcbf332Wayx1ptllIM+GlD5hWmOGsBDOKmRKKvdW0e4ZE+\n/9zXouwlwH/SJf9OWCMr5f10aBV9wnR6yijr+VFMHyPSikmQw9JEcAGlnjtH\nig6yvO13xc/7cbWvo0OPqI0PmEjyMa+VhAjX4Rkr4VOg/PorrUNvu6XpQi3g\nVsLY\r\n=WfXd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG/zbv5uLqkL8Hi8o1whiCZPQjJQZYGnr1qOUtqR1u/FAiEA7ywIVoWk/7Gsqh+uTvmGNfQ0xQZZuNZUtWKuctR8d8k="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.e9b01b35.0_1587425350110_0.5848118607893351"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.ee7e8989.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.ee7e8989.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.7b4482402.0","@material/mwc-base":"0.15.0-canary.ee7e8989.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"3b58236c5ca9326b11d092c5b9977dbd601298a2","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/3b58236c5ca9326b11d092c5b9977dbd601298a2/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/3b58236c5ca9326b11d092c5b9977dbd601298a2/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.ee7e8989.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-5A8WpEuF81wd3TDfEPWZtnHvXaos3N02tGLD1v7J02rbH26HXA1r/ispOPlyI7TXV6ouYd07f7hkvKOVY3rXng==","shasum":"64c1c4a747ce0905b94ea682aedc71e5334b21bf","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.ee7e8989.0.tgz","fileCount":16,"unpackedSize":63490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJenkNyCRA9TVsSAnZWagAAuq4QAJjEAN2BMBzC4CK1Y4gP\nouBREyMPa9gHdKbb2FVyZ+TAVny9aMs5br6EoTJ5KI0epgTbvzZnhYG6La/1\nrUM8VWnKds0cK4ZEFOSc1PLSbUxgnj/usaryLiM9wHUqW/ZSimkiu5VW/Crf\nbOkx8kylvDLvasdi3EUhwsBNNiLxPeTPRJnZ8SqIt35xMpwYSb8ymeT4dR5y\n2XQN0geJUP/i39hi93Iw1jR8e0c+E05UZw+U2p1YixbDRrK++sWxOXVzVAwq\nfj3DkdJnfg3CWsPoeTkHCcobR2AqnQDxM9uq2xU3CftTa9i/xQ5uR167nasV\n0VmByi396YYmeGCfDaC3QlPYEi9O9gDKSJbhNCfAU/QaoXFDEnVlfU+gCe7U\nCiX8k3hZgBlnahLyo0UvqPdLQm0EGVCXYY1YVQvzhz3EUREhu1Sjkr3aSn4I\nTot4oq0FAq0NNd6uxrCgOYwCzneiTMZJmipfNH4KIQmVLw4AFqzqDRz5zBrd\nXibCIVlu6CyKU0y0c1Ikjc0xyHXvqlFB8OHRaVESn+/NGgdnC+faSzHb43mP\nJjqSBnBtLONmoQKQ5e4+zoICrpzBiOlzCE2AxVU+Ed27TP9oJNVvOFDtrNnr\nEk3h0TJBr1xC42IMySk1MgUysFw7sKwnjAMN6xr9LGZd7bwFlZ2QCk/GBskw\nE534\r\n=uOE1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDCsyQux2fj5tvYnWDjfAGWRC/BHnFDf5aglMeVlLuC1AIhALheG1+ILdn1HjshwhiRqlLIk397hUEYCfIzXQc9mXp8"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.ee7e8989.0_1587430258068_0.40914752624536366"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.9bf47ffa.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.9bf47ffa.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.deda86d8c.0","@material/mwc-base":"0.15.0-canary.9bf47ffa.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"282e30290957ddb18c6119523574ba36c65d7abc","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/282e30290957ddb18c6119523574ba36c65d7abc/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/282e30290957ddb18c6119523574ba36c65d7abc/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.9bf47ffa.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-1HR8ZZHLhNY6+mS3GJuVQOLcyzGOy0u1d/APU1xVHcBZ7Z+CfIIKJDVYz8M7EYcrSxvemUWtMlerozS63UNk0A==","shasum":"4127e412d7baefa2e49c63d755e0f19bae358425","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.9bf47ffa.0.tgz","fileCount":16,"unpackedSize":63490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJenz1tCRA9TVsSAnZWagAA3asP/A8InEDbfS7BrqB4zEfI\n8xz+dKMQOhCHzytL+ILxC4DQer6ytpSnviEbZ7JCSVWtgpL6sjjGncBWhLTi\n5d5RG5mox6gQiWwFI9I8Dhsxl4ybyv6cKxTQSYbhLvQgeqTVkDAvcr6XmawK\naE42lhSosS9PoHCAO6CPjAyd+LOem3UEio+2VRHQJShI8+P0KKw7UpDdnLQK\nCMDY1kVc1xxCZNM3X/g/tHwvHl2fnS8Okr8F9ETPH7SpWFz4W8idS4K2Cwmt\n38D2Q0lmv04cpILNveFVJUK+fanwwGvrjZUMU+huevpkFkQGivbkv6kli9Q3\nrgB5X/6B96gJ2dl8zulmeX+fsfMTsQQNmM7huoNgq0AbntLvViA1A9t8oMI7\nOswRiliDI1jnCWsYUecZrIgTQWN3qEsYCK3mwYtQ4K1VO33b8+Oa/wIewW8n\nHxLIrhG6cpSjOQuCK6EoyzgnVe4Nr3w8Sfw80hx5Wfl5IGBEPxRQjP7Zm2Fl\nb1kOuV83w+M/xz9DeZX3XXV0xJ6hXgqcrinTESQXLQCi9J2zqtP7Bnb3z2Y3\nLfFek36dbbDSFj0zen4PiJf3v9s/xOdffzQvCKqYhZXh4VQcc+Zrb+kjWn77\nlYoBFxRtzvilHeO7nV7JQQOlDG2Ac/PuagOO6I3n72JnOZwFJ1CtQWFYHZ/o\nv0RA\r\n=vJe3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDeKezlzHHGcA3g1TUrO7OvId12ARHzV/Mu3Fr1wK6iRQIhAMdrDBwHB7OLxCrsAVML0ZtLHDR7A79wz1hFq01zF6Qv"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.9bf47ffa.0_1587494252901_0.3543315109742544"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.078dbd98.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.078dbd98.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.c141801d5.0","@material/mwc-base":"0.15.0-canary.078dbd98.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"a45b9b95a7710162ffb06fe74053ff1d108d5684","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/a45b9b95a7710162ffb06fe74053ff1d108d5684/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/a45b9b95a7710162ffb06fe74053ff1d108d5684/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.078dbd98.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-wCugwuhqEISsE02LiejDBVzVXC8x3a32xUH7BkBIP3Q18/67eJaYb6VxLe7QeFwHcU1tRh+hb8FlIBzOYde/yQ==","shasum":"1f11d65866daebc4fc9bc21dc4186b0cdab9e3b7","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.078dbd98.0.tgz","fileCount":16,"unpackedSize":63490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJen2GbCRA9TVsSAnZWagAAagsP/3E7bcjW1AZNty3Heggf\n0gVJxV9u+GYvZLVwxBUBGXz3cc7vPqfewtLLPlJ11O2rgx/YQdeBApXZzDda\nKf77xXp2wanmPOFPTPoFcCy39tLUT0ZUUDUWZTRzzrfZdg8fj3sefNcXmrq5\n1iK3JwQVxn4EXatVFEVl4oCZ2cHmar/qbaJQG4pBYHHQ16dFbTm0H5uPfLwy\n7vkOjXogJZM0g2t2dkGnXC7RtPniKREnXuXhGUI15ZxpIA6coW6ymSzZcFHy\njTBs8EsYOWePWkBCVHr+udkMv2+JZTMluvKeC5Ro9xS+VO6lrMIxVFlmf+aA\nJX6xTqZRipIdRRmIk/SAj2WzGtVxO/nQ0wRIFd2Prhe6HVf4Zjo/gt1q4aQZ\nmaPhK0ZmfHSU9G8AoiDEMNhV9EcriWEi/BT8MZ7pDGQVtAZHKBpDwejWfIMp\nnbDcNFsatNKIATy3Vv6JcNTruFu9HmpaeV4VloJJETb8Lk2zX0JNYb5XCAcw\nisT+9q7NSV2NWd8NFvmwVgLGtZcvy2+u4JcyB3Bi/WV63tNKr11KbK4MqNjs\nIh/nadW+6GTpipIYzVkeXGC+rPl6im44L+WLBJ9vMPPM6cHIBqd6aJLOOpze\nE9DQ4+nPcOwerwcFqwciBaEXymHAC6f5gSXYndcKysYkkeUjBpr3yICHRoHu\n343W\r\n=Eopk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC78i5CeHHQ5szrqhxl9HJMogtlU3aLuHvRlGIMKcM2lAiEAzE64z/JdiVAALJvVWH+8EOS7/ucEmrz+dClQruz3LIw="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.078dbd98.0_1587503515360_0.2001617261022952"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.953015d6.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.953015d6.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.c141801d5.0","@material/mwc-base":"0.15.0-canary.953015d6.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"d875e6d658b1a3287b35d2c77aa8274d9828fb46","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d875e6d658b1a3287b35d2c77aa8274d9828fb46/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d875e6d658b1a3287b35d2c77aa8274d9828fb46/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.953015d6.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-LeY/YpGkOKQZkMzi38tZf6K5kVwhFBOrzUgiouhNWEjG55Fdb4rDnqHRfLK99P49k/07zAps3QKdf4aOPB0zBQ==","shasum":"f1a1d264612df1245670c2d14a39ef616c77b074","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.953015d6.0.tgz","fileCount":16,"unpackedSize":63490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJen2cWCRA9TVsSAnZWagAAgCAQAIWPY/9UqoJWn3uAuizO\nvvpV1uGnwwU+Wix1BAaUuWKbXfKPv4c73HPKx3gVfsDrQmwA8tHU3PbBk2zU\niwrwwwvmp0grbh5I3fO1yz9G6mI5qwqRSGE8VOZYs1o1qLlxe3kUaAEZ2SfY\ne3c4Z3Au1gUID+v2gvhqGfoEgs7krdlvFjMjh0sGgJndCKMtll+9KioDU4+F\n6Yb7KDfYelJxgGPMDCSXz0w9WdXdku3rBUo7aKXb+iatqspsVCjyxKvl6xW0\nq9Qj8I0loAjNzyv6jJspss9+gZq2RJWSasJ0r3HWQzW3mbdyyb2S7cFelKNO\nXM+pelgRUwSVdHbZOYG1jS6U6crhrHE/z4BAzG9/OkIszFffhHa0y2e8JOia\nyCathrhxujBj0kBj/+kIHV0172jJyYKnqduoMpEC+d/QyX2yTeIDTNUxN4Re\nX3c/iXJy9IVprFpEvAhNr55DXEq/kCi4d8/o1EhtTEM83gMWDHQvt05upShi\nruiTCfZZx7EUxgZ0KTtlMrEmEAiqUsZ92ldS0/ek1cEHxWrkvbM5FFeLbWhn\nCevb03XI/0I7FkklpYRJqWQq/vW01idw4/hP8JWi4gbVVN9wnzVVzkobx24I\nQB0YFijweQ2IKKfVcBqbzC+h2WeP/u35qommjFMXr2tBCgB93VrZKtFK/0r3\nZvyJ\r\n=3rEb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD40tGwjeoNInCz4ojjN83uMjZkWyOn1bqKo+4x9Y99rwIgaQ75BYgvP9rTcWbfUrEhCn2MH4bvVT/puufNiECUq0U="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.953015d6.0_1587504918076_0.16838075728390844"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.c360ec63.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.c360ec63.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.c141801d5.0","@material/mwc-base":"0.15.0-canary.c360ec63.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"5147ccee26bbbacc14a1d7d86adb845ed406bbac","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/5147ccee26bbbacc14a1d7d86adb845ed406bbac/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/5147ccee26bbbacc14a1d7d86adb845ed406bbac/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.c360ec63.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-0lz3HD4gvPnO+OB/n9DFbmx5LeTkfVOshOhwR0aVv869YUULg9ly7AjwYP9sx9NH3598hVAvD7/je2imZDEixQ==","shasum":"148f392145429afc6ca64f6f206692b2bd1f49bb","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.c360ec63.0.tgz","fileCount":16,"unpackedSize":63490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJen2yLCRA9TVsSAnZWagAAKtoP/3GAU11yQHBLFs9PIres\nc2P2P+V626RvxufTDR1WmDg5pVkRi5aPeRFoA6msY5Cy6sIjiPv/onMmVqZl\nZEBF4kLqQdpBE+XlhJ4Ek/Hq0b9L2EDdu7Gg70q7sPT3X0fUjfEihU6B0KPe\ndTVDgJ3gysbpZV0WDwSHvjapkbyFzqsLxZe0Y+KAik7eF+IEfmBmHKjMnZ3y\nwzI2KE8CEB032SMK7dCAmzzhXBqafT4r9hFFYcGKA3On1x3vu7C/e2phVFqM\nkEhJvD/4PFqulVaUBhheao5YwB3cUGpoJykuz4vcMmOhFhUpJZkUAOr8JSs0\n0hQl4aUhpRQoWdH1RvN6iT5iZmVxBqSb/KY+C4c6ihVPYKCY6e3IMY4BPJGx\nXHOc27lRPX7rZC60C27FN+CDxju1gOA6nx261MKG18jIyCO7g+yBjlJkQPc6\nsDeOCfH+Heo1JcURiC9vfBXKEtq8d2Jj0Dk5DzrjuioOIMshShQv/HAxjFkT\nw3/vrt82TT5GgQaIEEw3mwQDSIIgiUuSeTMOIdMwlKJ4sg32kSidR8QPIJHX\nEv78XIY/JuUoPMYPVvZEEGzukF9UUbZdogqL9UHyxYoPDk2tWaYF0lwf81ft\n4qDeAP0IbjjZLw1NAQM1Rfjne36kbkgWAuPSqKwnMrf1Wr8aY/UuGbOSP7cY\nSh3a\r\n=ewJA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCHOHDyW68vj1WhoNN2VzO0IDNR6vMvAvp8c0VqNJtQTQIhALAuYYuUzabUzzL3HCZYAWUtuyYwKOFOgZ7HgHqfd5al"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.c360ec63.0_1587506315197_0.5832825289670134"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.d71b65aa.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.d71b65aa.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.c141801d5.0","@material/mwc-base":"0.15.0-canary.d71b65aa.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"5f57992160b26bdf181837dfc0b0ccac0425b3a2","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/5f57992160b26bdf181837dfc0b0ccac0425b3a2/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/5f57992160b26bdf181837dfc0b0ccac0425b3a2/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.d71b65aa.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-UKCbsfp/OgdYRaf7oFY+iaMPLM93/MCRK+RFj1F6zZla0zJMYpz0lRwt83fEDiJ1TlQVXO5rtPfS/fd95/DOwQ==","shasum":"622147c961bd716dc4b72d4099ef255ef967b32a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.d71b65aa.0.tgz","fileCount":16,"unpackedSize":63490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJen3WkCRA9TVsSAnZWagAAy7YP/i2EE2q4mbqL6NRjN84n\n5wkcxZST3fPzju2G9RTEcv9fvguBTVDaI6jqrGHRDanm9uRsh8QCtyH8yvgT\ngQrF1Ggr7XJ/LBEvxlneXhCa7nQWmOY9/Hx1iVU4gDRHj1H7R8m2Ce+FaCq2\nWfIIVSzUv4DU4qaoMI+1biAYIt7BclT5Uk1F4wPvEe6lEkkTrzI9NULcQUEU\nFvv/IT68WQCIOAL35/1wZuX7op2vT5Q7UQrBACWJAaTH05f3dR6lX3me+M/L\nyQKCQ7S4sO3XYsiDag3XCAkf6dTgaPpVzqnBXk8Ctu27fTIULRfCA9WIya/2\nXmMrjRu+9Tndj3XZtC6bj7SKtrVLL44geUgoF4lH3OwZQkbKikMedYVSJPwN\nUOtRIA2mw9vhEhuLW/63+lvB4lZ1frXR1UmrWDFoH6qOLZ9RPPMyKnEEIo5+\nwDiOgg1TiOZYL3VWwiowLvmFBPi7bcI3cU+YymT+AUCSbNdZQXYHE7LYWNuu\n3e7gWDmm5Y8LhbOQdRp6h/9pGSbVBxehP2r89CyxRqXj6bqMqYBYrwiQmPxr\nvAkjMCK5Q8YVW5VQ87xYFenCR5lQ0m1O9P7qtfxnPefMvA2pElcgFpjgdjFo\n8AS6tYrTRxHqtOtsbaXprzqOUKnuAip0AXXY/4ObzeTkIAooMO4x1W7iHoRs\nresO\r\n=ptb0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCdaznNUZURP+tSz/xzPNBLEp4p7kKT8EMHhOa0xyDqcgIgAhZuNWnky47cQn1VpkR5u0EtK/BOjt78Agkxo6HImIU="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.d71b65aa.0_1587508644487_0.7966842035704012"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.58d51135.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.58d51135.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.28d10a96e.0","@material/mwc-base":"0.15.0-canary.58d51135.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"1e70b1d32a2db9ff5da6f37c7b50790b6269e8b0","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/1e70b1d32a2db9ff5da6f37c7b50790b6269e8b0/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/1e70b1d32a2db9ff5da6f37c7b50790b6269e8b0/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.58d51135.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-7Cs3kcq3dLWtcd12A79maqi7JhBjWK9WwhQ/GBxr9MGzi77hWXdA6au2RyyJxwkdFN7wFl4C8KGPyOdFU0IhMA==","shasum":"b4ae274f46dca9648d62bb85e1edf61d2e2ee6ca","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.58d51135.0.tgz","fileCount":16,"unpackedSize":63490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeoOT0CRA9TVsSAnZWagAAUJsQAIP5fA4vCLryGjzkehUr\n9x+0jcaVfq6cbkU+K7leJdPBT8kdLrY35LpeVWXLn4PTntEd0iV3r8V+Zq5R\nzfCvAx/LPdyqKCj97YAUWlYeIDx7sM/6P/IW5Gujn1oTkqz7NEGQZrchTZgx\nc1T4Tcgm+UwXcVMJLYUsUXi9Hj6thFpFCLjnLBVg7agR5ICLZhsh4UFuWtf+\nnju0f5rfMIoD/zUYRy4px3AJrJ4FqIH0yP7YZjh7esVCbfXBSnkFWL6O6Nkb\nQNNU5xjgpGyIRkNaJAMUboL4wZQXIdNEnk8NmKIquXHvlC0JLztAENJGlf80\nH4xCUACiU4bQc22gChAJVVe2eu/Xzdc2V+60crqCQFYPOSPjeldn0O7L0R6E\ndplyHtdAJgzDauHFuqjB6jefcqyKmI/spQFThavramUbsElDf9wn7LG2E1Pc\n/3oBjdeHdPDsG93sPM8RgIf7HmjoFiKufNgCGqd+AW6k43so9ozOqs3WV/FT\n9Ek3fV+lU3viym4XypFbO24XKV4htTmol5+6ZW3gsoWjyCLQYDvOSAf1IVTQ\n5/wdDgimPyfFf9qmsIuS9gXbxHhkqgSsybUBoq9y5igQzVsuurCXrjsoA5vV\nLB+7DYcumMcBEcNOmqR7qYpla/IHNhxKJgPT/LlM7zlf4MRl9qbwMqLZGg5G\n1Iif\r\n=cqiw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDGFV1ycZdriQXHbVNVTnt8XPDqhWOOrSYBnHkA8T7fHAiEAzK5XdardCflMDmSwvXYN+kF0TtU+LRpKKbex1IhCr1s="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.58d51135.0_1587602675931_0.0975549487382712"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.d0af8ba3.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.d0af8ba3.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=6.0.0-canary.28d10a96e.0","@material/mwc-base":"0.15.0-canary.d0af8ba3.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"86c71b26d7f2ffcaefe79c4882ac9867bef12b0e","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/86c71b26d7f2ffcaefe79c4882ac9867bef12b0e/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/86c71b26d7f2ffcaefe79c4882ac9867bef12b0e/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.d0af8ba3.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-JKxdIwlYMvoTQb4BF4I/BkMLoiyhnJSI6FHADMfFN1WXWUYHJS/D3l+Z4nFe12HZmJkSMZJQ/R6OgWvQBR5STg==","shasum":"e88769d4abebf10a9c5ef021781487bd2c8ff97f","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.d0af8ba3.0.tgz","fileCount":16,"unpackedSize":63490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeodnhCRA9TVsSAnZWagAAIaEP/1G8QqK8Zutg3lU/3zJx\npeJ//M2U1jqJOQaTeb6eO8JwTtt5MIujN7JL0KlaRw7Yqq5mLOXw7VAG5SU2\ntcYr1+X3/BGOPCEU50oZvH1sL1hMR/e5NS/p5OD6BSYuRMmQOmTCKnyjOQGJ\nI9L8G1jZ/E44RP1KTzU6tbXTFP3+D1COO49pwaDufKUFBcFFyxtd92PTEUyV\nD+4d0+dxwaEln+DyKulqbZEGPWyHMhTEPobkjB4WLvqlf/XR7U4tQo5eJsfO\nyuMmSAOe4ZFYw8SOD+fZ3XpGUMZR7a1ubdJ8kvG7/necbqYSZvCnjYJdlkNr\nkzCBXB9+J7jkIDleOn3jS72I6nZ4kuEC0rZOzRJJkgDbSQyH9c+xHCFssJHe\n8UjPldWF+OTPqD7ufxumlPTfRjjTyfptE0F0s00BjlIi3uI2qrj1B6asK3ey\n5nRy+dsKhGVA03FzQh91Td1uAtDBXlzzinK4DqROxpPTTPcSpWr9GpR3a0Nb\nOBtvimFwHuxomyAf1MZW/eJIjbINAjaOnqiHbdlahlqxvCPirrHignNzpt8h\nAkD8JLQagjFsoNftUj0UkWM7c7qQjUsH8oUhfVRFyq/0XubNdf/D6XIcYGyg\nI1Q4pBE27/wooBcEuIgAdGpLxWhC7rV2DNivd449+qjMpDxl/i9Fn6ubOqal\nPCXD\r\n=S0k/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAxZrBFf73cTl6YgAbliyfD0jyWJjo0p4WxfIbFLJKGHAiA2L/QRsfGugQ5U3rwfCRMPWYzGyY491bFEMrrL6/uvOw=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.d0af8ba3.0_1587665377047_0.18235361776813797"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.8872b17b.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.8872b17b.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.8540808be.0","@material/mwc-base":"0.15.0-canary.8872b17b.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"d1f49732d08170a0330f9fb28f2b2ca978daf858","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d1f49732d08170a0330f9fb28f2b2ca978daf858/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d1f49732d08170a0330f9fb28f2b2ca978daf858/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.8872b17b.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-HbNbOEGnvtMt+XeQUyacH4FqF8pU1XlIWfmeCzn5Z37ED3YV5xpZxv9AweurS101sSUv9Th84e5I4NThhU8EuA==","shasum":"783d51cfa30a1241c61eaf59e1e6a0dee15321f5","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.8872b17b.0.tgz","fileCount":16,"unpackedSize":63490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeof1LCRA9TVsSAnZWagAAswAQAKDh6MSi4eCTufDM027f\nRzbH4LeFpwzy5EYCfYu9+YMBr9c515kOqirXvS5XIc7DIpACh/9qu24AWVRt\n7Bx4dhTMjAl+nvMV+2vxTW+PrqjTKSk4S0VAXeTwuVERyC+ZwwGztyNRatQI\n0N0jjoMjLDrChRnt7ejXvnxD0OyOVCxXMsE5RKLXUinNiu8tsr1RLttJ1aEP\nBQQOjWzX1csXKh2UdW8LahLXNpYNHeDJ9+KKQl3kIJ4dsvrXJY4TBFjcmSrr\nrFEKo2KXKurfHIow80txplUKfOP4yn7mjdOGq15dw/cKdP6+jBkwVi89elcU\nZYtEXOShCOMXe/dh7GgUQjDfGAP7k5oaZmKzRF2PTrz8+7/YvqG13lQaDrbr\nBPAZTq/Shfu6UhprRKrVOadziFhXK8Ydlf+XUT9SRPgsNpigF8xMISKnkPKA\nEY9lt5KzZbATqCW1fQs/Fmu1b1gHcqwc8zR7lNxf0LI9AE3ulhFgh23P89Pw\nkoFmVWgevNR2PQ/kBGO+xtFixSH/83po2IiIZxRIpuRnUCKEg4Kl2hOaG9RB\n+6REEvqPZ/y+NkFOPYGCFp/rMaz8lskd2TYg47AelJ88KEbw/Wc+hlQ6aZRQ\nRr9Mk2UN/CqouS48bolmxhYQ4/dpk22i0W0Up9201u1SjAEdq4ubigYX92W7\nPtpN\r\n=u0Bg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCuWpIsp7U6wdDbcMPx0Kw7/x/s+k7lKb7Hy+WMACpwoQIgNyOy7fUJjym8PvSYoUvm4TuCHzYqWoiD0wt6HRNyDt8="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.8872b17b.0_1587674443368_0.10994874820941614"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.eca1a610.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.eca1a610.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.8540808be.0","@material/mwc-base":"0.15.0-canary.eca1a610.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"c2d2c958e6704a2df0a1a210e3c3d050dbe7a50f","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c2d2c958e6704a2df0a1a210e3c3d050dbe7a50f/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c2d2c958e6704a2df0a1a210e3c3d050dbe7a50f/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.eca1a610.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-hyOS9hWLsCoy0DNI4cRB/KwwXwFtQvm63VKBYjjKW5oE5bZl9B+MXyoG1e6a6oWoMFKRqj9E7b4kKjKrLDTzbA==","shasum":"3bd0b8a5dfd714359d4dab895e9e04dee12e87d8","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.eca1a610.0.tgz","fileCount":16,"unpackedSize":63490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeogvSCRA9TVsSAnZWagAAQSYP/1xUOOWElXWeKeP1KIeR\nqUnTNHV50gEBrIJTIJF+4yJSZyEqhjPWxJtV0hQ5xixIPEbQZ/bf3jC5Vugm\nYFp1BkWHQ4fxsMXTMVfRqPhljfoVASx5SC5tm5sTbK5hy19uWp1sUXXdE9/3\n2md7F46HurUIqRSsrqkukJPjzXyTKOJJyxS1ediBSyKo079sXmcc8c3HN1Yk\nHLE1E0W16fZthyGkM0IgvGtLi2ATtA3Zlw/xLOv2NJtBSxccPMQvJelE8ItQ\nxeKdGeYbywZRKU2BARa2LuRqS8s6oRQLqEgg/blRLy4ARHkAXpBKThVs4xn3\n2sFq881/5yio3FK4et+KbfISkVybrUAZolQGRz3GCcI5dkoeJzEdztuy6jLJ\nTqnZRnyzJqAA4uR2Chv9hBTmDDiK1EFh9cNKm/6hEvZ2W9dPi5ZxiTv3ccqn\nerWD+mLSl93upgrMpW71y7eCVvF4udYGcQg8JlgTsNqBqYV9UvIG2URZz12R\nxFvoTbzjaR3c0ZBVpMj94RyQjT3Bb7/Qz7QiH9Gu+wa882zH0dFip78js4Mv\nxlXeWOS5QcoaWhvfnATj+o2B9aSvWb7Yxd94ppkY0kNxpwRlayo9oPfqyDsI\n4weQbqyn9EXGakm3mdlRphUPkMLtZIi73sZ7epnhYMUXuMFteSpiNl1aZVk6\nOmBn\r\n=ddsP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAzm7zgbgJVdxYQ8rF9Dqhlrs9NF7sdbkbUiB2AWgczdAiBU0/snIzn7RQjYDETIxIf6tQFKwSDjB5RKt/CIiK9JqQ=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.eca1a610.0_1587678161984_0.009551252177991687"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.baaf529e.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.baaf529e.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.8540808be.0","@material/mwc-base":"0.15.0-canary.baaf529e.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"4f5e01f380a9f1e5d4d3b0294d5110692bcdaee6","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/4f5e01f380a9f1e5d4d3b0294d5110692bcdaee6/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/4f5e01f380a9f1e5d4d3b0294d5110692bcdaee6/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.baaf529e.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-WQbnIDJ1PlNHgIcQn6glWvY+1jhPcPb/Wy6ovliUQAkUMQzgotOHHP7AXKy9OgOyQl1c5h6NUBEsPneu5t8HbA==","shasum":"d724f3bc85f0f7d480e63e5ca2913648cbf965fd","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.baaf529e.0.tgz","fileCount":16,"unpackedSize":63490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeohopCRA9TVsSAnZWagAA2FcP/1aKbAqpZMbdLe57tgSt\naxlZxXCY5Ono0Qgnx/mONNiS8BJGrKI9ta91fmtz93wll2SCWxEclYs00Hk2\nTurJ55TmFO14kSkbPbrFPNZGvGg3yR2iMf2u34QCTwv4wsCb5/KFDdlolNN5\n9MrqKx66hjkDWxT+N7T/7hY0G4yhpWaZISsMZ+UJgD+LGaIujYIwkDPNHpOM\nbdQWtRMvU9wTYZ60TkOg7ySgrPmz8Ula33C67yhmB+BBET95NCcFyghgWjzT\njFDVIjPmnDwrbOr4L/h2Cwfosik8rSyEcELkNnsuz5BHnSrmdod3xoW6+7F0\n3jxDyvPLb6R0ShMWHItVG39fmiFZg9ukIrcbkPo8IU0ta5EwKdEXjCb9Ibw9\nK8U4imfO7pFLNwJwGM3kVaLcGi/aCJusL0A95fcoQU1/XcSv7ltuhfMuzfgq\ndw8MVPsRdO0H8KJbqoSEBhTuaG6/v7wlc10wdOYykh780UQqbcib8CMqAUWx\nQ1Eyuh9t8l8KQvUwBsbHUQb8mssA7g+BIrYa9SDOQ366xeomP+dKT8T2ET2e\nBUI2++X6+lj6WtiRGRYI07VxE+lH4ajXAKejBDJH6La5hr4FsJOEzOVPxjQ6\nZoGHeaE9jmjehTjB5NECtKWWZgpgS9W05rft7mb11vtEKIHirjIppAJWyiXL\nh9dW\r\n=dRr3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCnaUcTeBS54iyfrjqgo5lQry7N98BI8xMJpcm1MMVr8gIhALBfImE2ZduMXQQeyUsftZTyOtEGmTQA2+OfAhEd6Cqs"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.baaf529e.0_1587681833108_0.5458319712236426"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.7a7992a8.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.7a7992a8.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.8540808be.0","@material/mwc-base":"0.15.0-canary.7a7992a8.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"b9b74b473b6026badaf980339f4451efd1a9e8b7","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b9b74b473b6026badaf980339f4451efd1a9e8b7/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b9b74b473b6026badaf980339f4451efd1a9e8b7/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.7a7992a8.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-8A8snRiA2mZjYrStSLBg09f87y8vK7axwVV9srXF+44AiM2cJs1ZTTEU8x/0jJcQqdXIbT8sozwy6sdSCR7cwg==","shasum":"ca719390aa1211a2f3658c63854da43c1e28cb85","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.7a7992a8.0.tgz","fileCount":16,"unpackedSize":63490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeoiEtCRA9TVsSAnZWagAAKbcP/jmsM8M/By3Z/HozrQwH\n3n82BwVRcWKxVsN0lBrbEzT3Ar1BhWk5ZJHRx1PHXCHA82ocDC7GpW1Mj1Vl\nNGNDgbrafXa4GCUfWGuO2wJRHofl3ZZ3Q/JUi0TAqN7Fl/vH6T/SeKVWPUe1\n1y8QRs1EfFasUl/3MCNJXMU4Xia4Aaog1ucgLtRrPlakvjvsmf3tAvWJRpMW\n94TwZ2K5xb+amzwWX4PEW+evD1j2pC4jbTC1s0uW1PyKloCBH2jlVHO1Kp74\n0mtcKYjzpbtkFbERfp8lEKTyf1okWJAdGpsfNSOrkcqyCPdF/3ieBP7tvYgx\nDrQSB5fUH5UqiAXk2MeFXM9T2t2nABF+G0U6KvvqOvggpdJPBpghYmERVLNf\nC06KSYJgBZzS4Gi/aZpnzMfTPpONJBfA8m++HC4G4pKfw9aqwdcA/PlSF+CE\n/ynYfapUQv+A4ot7+mUtws+O1CN1xMMum8gmQECT65OnI8s0hbKMSOdFnhXD\n6XoHKeX9zweUyXNRDpvZKO9xfG3xip1NGecEoBvymurLREkE3zMtKDzgQouo\nt66JR06OKITkvUjbu2VHH291EDnEThgiwvPqvs3RyBB4/AqzzUkFxlhGC4lG\n9se0JVcfBkUubpj8BCnRgtvrQGxrRyvhpyNtWew49DyPai8z3TeSiy3fNEfM\nMikI\r\n=yclN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDKH4Yg1JpIdSgXskmRhXSEJOT7i+yFvm5Bb8E6Mj9NfAiA6Q4377YX9yYg4mI1W67Sx/sPNkjxG6zoV9vLBThGUOQ=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.7a7992a8.0_1587683628820_0.45970287451187164"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.1150d64d.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.1150d64d.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.8540808be.0","@material/mwc-base":"0.15.0-canary.1150d64d.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"0b7cb5830938900ecd0b5201ad88746d308b91e8","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/0b7cb5830938900ecd0b5201ad88746d308b91e8/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/0b7cb5830938900ecd0b5201ad88746d308b91e8/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.1150d64d.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-Cf+IqDP5kLlBjI9iiOKuzkzruljc/+Su6fGZ0P0gfotHP/bRy+cTNK3+iIHDB0ZbQZ1d9C1HI85z93NYyZklNg==","shasum":"235ebcf684470ff16176e8e3aeae153cdeb3f273","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.1150d64d.0.tgz","fileCount":16,"unpackedSize":63490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeojBNCRA9TVsSAnZWagAA6MsQAJmVNeCzslFpONqMtsKq\nI5SrvEc8OcRWYZOfoUbvBAzH3+tXjDlpVBHWKulI64DFJaVj6WgpoWjz7YS1\n8nAVb1EAEsOnw1FrwNN3OYNW1i9PO1t7Mlm/YzNzjtDenrOBFUvT6/MtzkG+\nmPLci4wggXybTnVJDsCft0rCtcQN20oYf8WptV5U8rAKXBXRC0MuaxTSh/GM\neilEfMvGdr3oSV8mhnXOZzCumfCEjuKseFdQxCh5fydVAMOpOw5YX4iC9wk/\nk/C0FRcAMgGKLQBST8a4Y/KoEwV89gdd3FoNmwG3Phzv1Xw6PrPE/H07nc/H\nzqJ+B6dJsPXKYOCNYT7SMDRZRb0aItySZlEjofoJYW8TFDx27LOsiyNaf1Q8\nbCsFIQH7qiiF0bkYain/gjtU4JNzewylV3ePoX7Vc35P//dWEKD3xbH383+o\ndrYFYCXXSM57/kzNkd4muyv6PU8K6axom9pSMe3Mozp+o5K25zSPIZtJPAmd\neEsbqn1wWfZBGM7dkY4oJOqT2DTVGSpq8xg+EZIQjFBcPbP4lD4bRWQSbY0e\nPjMNKjC1SppQW2egcrnmN+WEWQIt3e6dXtr4kGFihmDXCQcgLs1faMGHaWjJ\nG6WonikshrlPIOw3z0iMzD8Ika75yrKv4z4R1ebymeG4VDgd2m6ZAH+QD12h\nCaHE\r\n=l4Sn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA/Cjdmb1WPHJl8JNW+lZPrSeRSPgSaveYHqrYJyQ3CgAiEA6sMjLeYNOfM4qy0AaroPzx2a3jV/VEaYaFYqItoB+Ts="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.1150d64d.0_1587687501318_0.998184585590902"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.dad3f828.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.dad3f828.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.8540808be.0","@material/mwc-base":"0.15.0-canary.dad3f828.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"ba9b04a7b15588d7423d100bbf29fa317a1947ff","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ba9b04a7b15588d7423d100bbf29fa317a1947ff/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ba9b04a7b15588d7423d100bbf29fa317a1947ff/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.dad3f828.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-T22WOOlsqnq5BBeaOG0YGPnrcXK/ZT+itP/CThCQuW+Vg35m6/PpdrlnWAx/Bi2aOCeZUX/eZVWYeRoK4G1uWA==","shasum":"e2cde8c10fbf2760418f5332e6fec5f4f31b558c","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.dad3f828.0.tgz","fileCount":16,"unpackedSize":63490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeo4dyCRA9TVsSAnZWagAA+wMQAIFzUeK+urC6TXIAf4Uj\nwe529NhlVgppXjBxwl/14wsO9AOtmZbwtA6lDb/8OWDke30fj9XS+akr4eoz\nJMoBnVN6lkRIJZmC4QCgXsmMcs4QlEDtw7ggRuDS9BUTLtzUkcukHpryZUZ3\n3X2y36ABpIhK+GJXtfgfV5HB37HZ1ZX6lMLxE03umLJNHb8GezAE2lMlRAjK\nGyTtQ9enN9DS1MKvc5GDiN3ZkdXnVGHkE85Vm5V/LDAFgQ5OVfQyeyws5fPJ\nfLXy8XXu5m0IBpA4kP+KBIBR98r1+jikvEIQd1D6w0JzenZcXacZfW+nPRoc\nstMc1nYCN1DuiglpOwfA5m74O9IYiZuktqP/pLbhHYV9ZZsm8/bIoxFX+Aie\n0UqJ/wjhh5wphT2uedzoowAfPXYAbQjUaxZj7hUTfJ9HV28gefYlOyLTmA7+\nAcOe20LQkSDHRzSowlgA10KZLKEfuXef6mim6WSzvzUBo1udT0T3FDGSa4dQ\ne1REk14LvQgrM77FBg9UTE7Qb/TqzmG6bXPnn70uwfo/nNZ0UFslwZ0/5iUo\ng3AEf9AO53MNW1IPuhxYEhsJ7nesmvx3aRi2M04yrClVHaHpzP5COtK4Wn6N\ncDOJ1xtF/N+vypbQqKzxW3w+UO4XMt4Sw13TW6F/octKAXs6rNZixz0U6j8o\nHgJD\r\n=7Tyf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBQRxuoQeCs8byeV8b+i+W4NCyEoaideFrjJb6xSh1V/AiEAruWN4xpcD+p0apV7Rlm7Bp16BYZXF4a74MzcKN0eq/8="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.dad3f828.0_1587775345629_0.9499016929609516"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.1bcdb47e.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.1bcdb47e.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.8540808be.0","@material/mwc-base":"0.15.0-canary.1bcdb47e.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"ed51e46ae11b69727c91d55f440b68af397ac10a","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ed51e46ae11b69727c91d55f440b68af397ac10a/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ed51e46ae11b69727c91d55f440b68af397ac10a/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.1bcdb47e.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-AufwufZn+5KQA8vvE8ihxvj0PvB5LnU1u4h5xnIiHwv9J3vy91GEdfEcO+wK3Wh7oIzBzl5bDRpP8XILIXMqMg==","shasum":"6c663d7fb2c78d19bfda01b37214629d4c12ddf8","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.1bcdb47e.0.tgz","fileCount":16,"unpackedSize":63490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJep4L7CRA9TVsSAnZWagAA9JkP/02b+9Y252tquFv5LMPN\nrDo5OJz6kTyTvzuc2D4Gj4pHawaiV7r2Xm6oUHUhyK7OVrfTWMR03/fKAQY6\nZV6WPmDw81Td+fmWfepPuXmIOl49nVWokNg1HLmt+eN+hF2TSTlYvyYv6mug\nT+oZLX2G3S2+8q68RUVp8Opdw9/iJXsmf0IPj7d14dNvhjEZghiK3VD2ty7K\nvyXamE3Z5KmKZqCB/wgVzVEid1TUp2DL8DQUe9ZPkee/lDDPaSwuJ//ezly2\nz+06VhfXzXHY0OYpGNfCrn8Adn6MbcJy7E9zO86yQO4sUeE5TXsizuHpYiQr\nqc27EUwb1vMgPFd5DxOVPLtMmJp7q4O6N6oNKuJwoz8FpPik0rpLwgOV2E/g\nNpW5Mxj2RO8nFO4Qsh3NK0ybu80Di0h+EroG/7Ue1N6vWSssrxC2I90wOcJz\nPj3VeWNBAoiPJiIfqnFRX+MOR733QGOt6wYHfuRY7QDnGga4cyV4HOpWu+w5\nL+Xx4ElbFL+IHE5udT59PdrP3hkjfF+tYd50zirbBfP689G3OYPNsa9oJV0G\nCqUerseu57k6huVw3SlnJpp+Sxtd8F+GVWLi5ovD6rVXiVDjGlIhXdH4xkHm\nMwLdcC/GbcFAM5XmkxM+43GiLEfCRCcQnHVOYIzNvlthdVxdozo80/XIg54+\noFBg\r\n=gCjx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHS/+DkLs0jH4HOhH7gGDZhBThjJyxotZvX54x9ifTkkAiAeT9yCQavoxmaTEkOCZFbA1KhuXNASoMDDhizBjVSB5Q=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.1bcdb47e.0_1588036346763_0.4138926186488314"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.86ff1b9f.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.86ff1b9f.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.8540808be.0","@material/mwc-base":"0.15.0-canary.86ff1b9f.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"61a98a59545d9e0b0fd96c928737677f2b981fb8","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/61a98a59545d9e0b0fd96c928737677f2b981fb8/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/61a98a59545d9e0b0fd96c928737677f2b981fb8/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.86ff1b9f.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-NM1KohXaNybwp+fAeuruM8hFC/67aHAKEfiMF74OJQucaSYSbebCLKRfaPyl1VNA/ieaaeVwJQfKEDHHZ1z/7A==","shasum":"56eaeb2a4bf48304fb4d7fc46a02f9e09f97c168","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.86ff1b9f.0.tgz","fileCount":16,"unpackedSize":63490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJep5scCRA9TVsSAnZWagAAOlUP/3lQFjzCqwybUcH6e/Eb\nrknaWsp9mnTTdc7gfg67SN7YLijj1ooxc1QMN2BS02X6nwie/1t9J2B6xMXp\na7qN3F90XBM5eRSC7YYBnsvEAtf+BoBSAVowiuz5rgvdp/xZgN7jeE5ODrYn\nsvMceaGoWJSHdLzGCM1Ez+Z5I+NxkzDGimzXc8snqySf8fkAVgseFGkG4YqW\ngO2M0TDFDT1ZYljIz/tWTM9JqlJMm4mQgVqSTjsCI1ZP1Dn0z3QGHLrg7WuY\n/+uXGT1reenMA5n+JmzC7Zl3J+kiI/Op4WrYWFRDlt9nClkwAkeA/l90Hv6i\ncxfhHyvnq0BTPHg8q3WlMrxbq3xwP9s8hdCG/Vhclp7v5ofbB/QcxluRqj+5\n95SgghopGyAYtD2rFuMhyvyyFvIeiLFbqIHQdyzO7UbpZDKUzZcAavg0DLTJ\ngEaTp1zq6xDSjrubdlbNXFIaINdWGSluuWKLILt8U8lzb/W7KIoqVltoXQBq\nDeannlEyTVfm1ByiSj+uTiLLVpeNsXrQmpSPSG75VdGRFN3QBpy2G5FggYL4\n4UG6I4ILB6NG8h30IVf4BzMi8WIMxcjwjVOya4QOI/K5B5Oh0KQOOcw9XpLr\nsnPMAc4MWz3vTHQVmblas/+9LDeFOEd9ug3s5j2f/aRiMBjhT4QuDyUJ18db\nPJFL\r\n=d4Qi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCcwdkJlIrr1zAobFZN2O476+wwE1kHkOHwDGLSn88ZEwIhAM+LZYA15X/plMkI9+FIojCx+cBpZhJP+vVXz2QmHYu/"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.86ff1b9f.0_1588042524313_0.9344317264565145"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.54a86b20.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.54a86b20.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.28d32f8e0.0","@material/mwc-base":"0.15.0-canary.54a86b20.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"8cfd732e72200c6982fa6d6fbdd6cb5496660a6d","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/8cfd732e72200c6982fa6d6fbdd6cb5496660a6d/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/8cfd732e72200c6982fa6d6fbdd6cb5496660a6d/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.54a86b20.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-VfVsRR/hVEz5EIos1Y9QHrR1sdntT3wNewZi2KyRC2bNakGG82fkUz6H0PuBh5J8wA75tPppzOFlZ9pOxcacYA==","shasum":"87fca03ff7a78e5049c5d8b6c3cf5298f808cdf7","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.54a86b20.0.tgz","fileCount":16,"unpackedSize":63490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJep6BWCRA9TVsSAnZWagAAsJgP/jbUPDIzfi8l+Ze4v9VQ\nvCqcu1fWY2KC8REZOHdHZ5SU10olPylC+s+QALFlRkBPxlLyW5Mca9wx7/iv\nGy5DynKG54N4IUzDYNr8XOpwZ2Sfdh42pq3R5c7052OHjsiLYOekNeD35RBq\nN030YOMwJKMCSt8nzHlRlOzU+A9TzBYSNkeJ9x+8ib2JyneR1xyOP6PqH2wj\nb4QtRKg/ew/K2hIbpHPX8td+1c41pOZc98z4T9JTsMb86nEqmc1Tizq77HXQ\nhfqPEoMvVlgtKYKmyE+iIM1jN6xpsLQdcLpPPTMOMj5ihFiMfZvYdPmkTKam\nLz1e50nL6mT+1cS/0AtM+CKWIrIgPYnYHIArpC27xwVzny23Io89xsoTR5YW\nttA0UEDfze/UhK/7p+IPWe+Hf+Vsd3WS7VJ4ZYahSWZPMEd/d98NdG1hk5/y\nsXNz4CVs9hMk8hvhcgm3crPzFIgXpIFgk43feBDh6pSkyoJ7Te4yrNts7ujH\nHkfFMqbAssDF4hkK9bd3SzUsp6Vfm7q/GjndiSlWzkNA6UWMwa8/kkCzS+cw\nby4fE6dGFsEDAKCnWtNiph0akNPRISeR21vfWyrJ1ln4DBGgZsmgmQJ4U3c4\n51tWh9vDu7MRCP4FmJR91kBuVaAAnsjjp73uYQNou6jtcM91og3yOFDhnQku\nXQ66\r\n=Bwfl\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFhR+XDK91MW7LVe7J7CYArNNV3Cz55x+Vpo4zMEmk0PAiAMwzYMjXO99LdsNOVF3tsMepbiu9rzJYN5FUcQU+2cLg=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.54a86b20.0_1588043862579_0.2946151212530457"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.938fd24b.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.938fd24b.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.28d32f8e0.0","@material/mwc-base":"0.15.0-canary.938fd24b.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"1b731aa2e74a3ad03e8d40736e169d0bebc8d8ac","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/1b731aa2e74a3ad03e8d40736e169d0bebc8d8ac/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/1b731aa2e74a3ad03e8d40736e169d0bebc8d8ac/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.938fd24b.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-s9Of7G/Ux4xpfM4t3aL7LemZ6WX/U3SiR9qcgIMh6gEEoW1VNnXHG5r1J9WLKO/X7sJ0YfnWuPyESYBz5fydeg==","shasum":"bbf0d88d5e703b7b1fb4f92d96c2cbcf7044f024","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.938fd24b.0.tgz","fileCount":16,"unpackedSize":63490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeqileCRA9TVsSAnZWagAAJ1wQAJccyVXWwKgR5FfCmpbM\nHyPGnR6bniuvRxflldnUnRCtcYT1LW+SogPPMAd1FFEO6QYeIGWLL9VnU8Ca\n/ranmnNA2vFS+t2QduWz2jEezgd+sKBrI8gecovO6irk9uKfKYqSNMenDxgS\ndls9EzJCfnlKnKkmoAPVcffC1wnnc+3HQEb4qX/MhbabrJDEAkXSfFK8Ejuu\ngaF9gtiSOQoXwDed3UU8ahwoIHOb2pkr5tjurPJfAmf5b6llsGdqo1ruca/X\nQLzceH+iWaUBwUvNxkjYlcrTg16Jutc0ng1ryRWJeHlwjk7oOAr8kY2LRhkE\nHE9C/w0xiAPjmpM14T9TwuX7tZf/B2Us5MBUaYVn8YstB3B1XxGOiqQkgNU5\nV/xEZHTVu2J0I5Zp3RNcDExQ5EP52oaz9AYkkIyyRBsBZR+yTbWYqpdhrKbQ\nVe9P2lzp9nuKNzkzhCbhowLVnB2WsrkUL/pyXtq4f9gXVvYXiT+FFVWZElbZ\nnTuaw+k12fQiWbhPHf6k6j8yonAurFdWYQp2Jzr19qLSdT5oY/PAWdGghv3Q\nGZVxoZjbsfGBjTH310DY+0XeroFyO+MoX8nCTy/+0G14Cda6+2UFOv2Y4lta\nGlU6HyvTQBzF9nzrYqfRhEpTEW/SX81WdiX4rTE3HOLqvSDSmgY1uAuwLVnr\n3fW9\r\n=OKRO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAbpMlGMN7DEzRpnyIqABerLzVCm4+gy4I7MCZ9wiWvQAiBUnBwon76y9bJTkGNgF8eW0zDVw4+6VOkTtODyJocVIQ=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.938fd24b.0_1588210014026_0.08372567874562042"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.39e9a008.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.39e9a008.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.28d32f8e0.0","@material/mwc-base":"0.15.0-canary.39e9a008.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"2777862aa4cbec00918605f0726651658a2c66a8","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2777862aa4cbec00918605f0726651658a2c66a8/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2777862aa4cbec00918605f0726651658a2c66a8/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.39e9a008.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-GoA4vSepzsiKWsn7uKkkQqPmh7UL+IQPYoHwlPlunAXwSfKs4M10Iog2cZH7D73I6FSjVRZgbdX2jz5kiY9TZQ==","shasum":"a488f6e4e24154bcbda3173fc8af7b1d2bc86849","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.39e9a008.0.tgz","fileCount":16,"unpackedSize":63490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeqjQzCRA9TVsSAnZWagAAsmcQAILt+ixItlX4XgcpLJ1/\ntaO35QJuDPoARuLc50EOKSmAh0OweYIVQJFsFEvYgWSpfzJxIi757uokhgWW\nsssK63Eu27SSmKAB8wsrJvidqJQl5geX2shl5q96HYzbSFV/P7+cRVZlCzBx\nJeiAaSh9GfqLTV4ks6oIYzdO4GA3RB8r2AOqell+XlCbzGob/J1401D3MikE\nkjRTmM48jX3aBjVH0w4X3A7GoYkBcXolow3bGfvpBS0YY5B+BAok7CHmq3kr\n6CaXdQr6US75oJnebw4L3h42FijTncbNeu7Tx7mtwNMZxzgu4QiocMnMi/Sl\nGVB7EL99AfquoaUbg8lq30F3XKBXx735NIyfE7IApdjfpMLM4MHfyYiiYmcs\nDJbS14J/UtNacbhGN5uEm6IQdS9bxWthzWRLhpH9Pf7r9gjiuT/it1TEJ5eu\nd/ypD9b1yWzqyOPe3j2KzyoyAOpf0bmhxXnssQZlBkeDFHOjlpZujBQDVvTA\nLoVjFqBNq7alekEuGzxzgtsxAK8aB0AsFsvWAE3/j9RQpdaBAc60k/3Yz4mh\nVeKUmoML7cVla4o5EBY50a71tKq0LhXyeFhmUVCkSxkOKoFFoNY4AlNJXQ2a\n5XGSZZrvkDA1HzOiIAe6K2dF9/C4z9e/apo8JC4TtHN38mzoNkbX6SDNzRCs\nUI2a\r\n=vb7z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFYgMT2nfyflXMGGTO2m1wsKHkbDXQ0Yv6KBGj2fKSq0AiA980ByfXIyuJki87bY+IQ99+GP7OWfOCoAGe3AA9GSlQ=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.39e9a008.0_1588212786931_0.021894307381116418"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.f3b365de.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.f3b365de.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.28d32f8e0.0","@material/mwc-base":"0.15.0-canary.f3b365de.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"b6d6f6d4a289f46197727279f5e776b79264ae07","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b6d6f6d4a289f46197727279f5e776b79264ae07/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b6d6f6d4a289f46197727279f5e776b79264ae07/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.f3b365de.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-YN/DIUZ19OTG2FTr/bU2040DJmlTvS42USZHKBPajW5BHGIlUIzSBtMtk69C8ZCZ3zDXPzQONFfXBS06PAa4xw==","shasum":"0f17caf62f9019f5892fe024343fab8e0cb002b0","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.f3b365de.0.tgz","fileCount":16,"unpackedSize":63490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeqovLCRA9TVsSAnZWagAApLYP/1Fs5FB4UO87NyPMJiKV\ngx3NXOR/DdmBGTJh5iXLCnBlJrir4cvUFw/fVuhKvM1jvfPBuLgy9tKSdObL\ntgqfyQzzSXoiU5zjpcZW7fBouILSUNXFBxSFmxqoc92AxWz7Hpajofz08901\nBXxZPdB/sO2T+e6yaLn8bjFHC/r1QaPp7Xn5Y6Vuoy0nkx20VGw/Qmr6DwW/\n5ciJx7afG4DxjrDmWgxqD/Nrqh1GLDUTqexOee3W+tOMbiYvdm0LhEN5j9Ef\nxZ9bvVy9ZTVu0bmTklZ4jypNi/tfNVFikd9NN261qN7gqPfIWDSLM0h22A65\nj1rD3QRzLCJoDSHBBj+RNF0SrvJTditvpSV2FJufZ16PZ9cRfB6K93/FCtGr\nErt3dtfqZ/Li6tg4TeQoMqpF21CfX4gJCf6lWA68vZCmI0qGKFKwKRhO8CHO\nLTb8tugG+uJIehUmvJlkHJO28u7SQfstv/AaDQK1OtdorveaWvk20BNkDFrO\n0L1Xr3+MjzkwKVTCqnexhznsuJ7mlJ1nqhTcAR8qsL16bAHSx7nMc7bRsLyE\nYqhDWnwQPM/5SNtOUns6Muek4NtGvsIoJqzG7+JVwQgNvr9KEcFVz63inAex\nUvnvKg2FF2bQJH0pYqtxGZd+gp7mKkncAblRRn0gDyuxmlaHhniMBFQdj+b0\nySI/\r\n=gA01\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDH2st/CJtFmDssyK0uews/Hhj88DvcKRHe9ivdC+7BcAiBZ4odquyhOQ5MrFpU7pw79Jt0YeTzVb26OpViVezyEDQ=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.f3b365de.0_1588235211245_0.15007070893762675"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.cdbdf807.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.cdbdf807.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.b0f83d2fd.0","@material/mwc-base":"0.15.0-canary.cdbdf807.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"c46702178e5c5a1096937d4bd70ad6f4ac4d1dab","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c46702178e5c5a1096937d4bd70ad6f4ac4d1dab/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c46702178e5c5a1096937d4bd70ad6f4ac4d1dab/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.cdbdf807.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-Emg92a5HhqJLvp0Eg0iFjDlK8A6i5qzfp+JODRzpRwwwUGo1GnAi8DuYnGCtet8wIw6/kZiNN7v0p3tYpZlOqA==","shasum":"7514bac715343b14a2fa12ee47f71ebb43ee4033","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.cdbdf807.0.tgz","fileCount":16,"unpackedSize":63490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeq2nhCRA9TVsSAnZWagAAEDAQAJRxECi/NdfZjTU0gMl7\n820k9aFjAHqx53ANB00LIA2jkVIhbtITX9QsB2Vc7okn+wxhld9McGG8hQv+\n3Gu0f0E11mIiraYk5B7+VlFrbi0dtdqhncArYHVdgioIpM2Q3j4hOJ79K/pM\nRF0q4PT4WPBrdU3z7ALXLP7DCl9uPgQMOYN869A1ZFZPJ2UMg0kWrbzRQls+\nDUWQZ+EbSOAzg81jkt6sJ8Z7J31EMnn1EvdSU2UHHl2jswp2lT31IjeB0akI\nPuo4dySTIpU5eZCQccVJPM431xLOvsMKpYS8L1MDpAl4kkzQ9CQm3fIAA6MV\nFYGiLCzzEzy4Z7TFZGk4/r4cWxk0bmNN1FDO5YRecqIbEwv3Qfq/5P9VKZvF\nIxvhP5ZIGp8ChO27xUwaI7eDZjef/pSZA4L/HYcpY/IYUMHbRioctoqtp9Jw\nMuj5o4lX8mL9GjiNhDrqK3Sq/H34gBNMnN/ce/lvxfRBCdhAYXnBJ11pJuf/\nZhLNOyJPotWU/qnpY+s2C7CO/o5fmUIJhPskKCPSJ0Mcx2tlax/J8IWX1pEb\n21MfF7tDr8v6Rdr7315s0U0XuMymlXCrg/88/C75ZFB3+A7Zqpv6h+ejPjdu\nLIzglnlyp+85WysdAI48K4X2Iv0wjIq58cG/cfV48EB0G9kVubdNjaTxQuvW\nV9yk\r\n=70s2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDJC77admZikkolTnROgsoM9wHmyJuyqkuyFkN49BzxiAIhAKM4CFY0YsTiHoTROTBzQNCjSHcqBiAyP2iXNMMRwfOa"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.cdbdf807.0_1588292065450_0.17498270137468586"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.9995ae17.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.9995ae17.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.e59906a57.0","@material/mwc-base":"0.15.0-canary.9995ae17.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"4d5bd8b757cc94e00dda1cdb19761b283a15eeea","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/4d5bd8b757cc94e00dda1cdb19761b283a15eeea/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/4d5bd8b757cc94e00dda1cdb19761b283a15eeea/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.9995ae17.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-NwZRbj0rWZ55TVYDqMh/c0juUd3yWkusBpYHW/m59MijtglXg9Gr7LrtCWCtL+byth1lXMHGTUIHIdysV+OVng==","shasum":"35924767477495bb97f0c1b0587f94494691d9cf","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.9995ae17.0.tgz","fileCount":16,"unpackedSize":63490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJerG4bCRA9TVsSAnZWagAA7pYP/jSp2d/OiORqK9nyipcj\nlE97QDA9y0tg2agyfXpWRVIL+V/AHFtkKbO/XdC9mFZumIBLvk+7IEsCoFKj\n6iJMaAqaidlF1eYe46ONomuc31hElmkHSoM12TEZ93iOKqKvJpCMoaLE4N3T\nEUztuxxLZ86EIydLCcRCqFP6rpPWqbbniW5yIUvcXGJU/Y4zxv+xGI5De+cl\nkrAzL2iGibhMFe84PZ5U6KtcGjrGR+TOrexrLXk+q8is2fKDABRTy7Jv9HZ9\nJI6wWtBsD+d1NyVeEe84HO4ldSYIdOYwVRBTqAUxuCOIT4/wT/0PVFheANUz\nxfq+gR5Jl7jxpGiP6vgQVKmXGaYL4kHwpdser69Pcls4E5BdPoCtIAx+xnxc\n7uyskFrql4X0dETPQvx+v8w6DzN7mO/TyQA1UTSAmPyq2AbDU2zFGfW8yYRB\ndJeHas29TNgdPmOhEpjm2y6sbSiPTbPqdepH9Fi6/gTZM+6mD58rrErvj34P\nk3vvfxZTo8DFi+6REV2jw6ULM0Q9/ArwvqvtimmeXmAB7vIIGjPbL26nCtN9\nhivzmRV10woGVn+ONygtE+nPsM+jS7ELOGoiIeP5qqOCMzloh3YMr0nXket2\nxpWYAH9dbecvq4Cv+00RpVK3G6F3A4hlVw3GgY7FzJImX1WtPRBUbA66KCox\nLzXc\r\n=7Sih\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICvlXY7WxsC5C93pMxGYLjh+jj+6rRaIhl7B6FG3jyidAiEAm+73t+JXnvCq9V7wKGkmYgDhY2cg23Yfu6utjBBIqCs="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.9995ae17.0_1588358683031_0.6586497392360087"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.457bf035.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.457bf035.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.15d65448e.0","@material/mwc-base":"0.15.0-canary.457bf035.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"4174fcf7d0ec013419d2f97c6a615216cacd4687","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/4174fcf7d0ec013419d2f97c6a615216cacd4687/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/4174fcf7d0ec013419d2f97c6a615216cacd4687/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.457bf035.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-r1hoSftRBOrTJNn8ENUoaeHJpUwi9jDxy9J8iBqmxGXze8FfWWBkktAORGhQH/9ffzdxfGnuDFrffrDmVQNAlw==","shasum":"eb2071f1fe927b8169ed0768f07f0e76ca630126","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.457bf035.0.tgz","fileCount":16,"unpackedSize":63490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJerIuXCRA9TVsSAnZWagAAXOgP/Aln6A0w6hQkkYSq2Swp\nihCbrHR74V3IoYJDZFiWGf0+eD2kljEqTDfEoaOfQTCaqhgSxXZtCOnOCM9H\ntRrT+mVSxTl47k8SnjFn3b2INsR74fOFEDBJjq/tj26MWblkjmEqfUUcLFo2\nl39Lhj60HdpZv/g4VLQX/9HAthYnOvQ3K3qu8WNCGmHO58TmpDsH5dnOIK2h\n202mV0IN05xSzHyOxxfSKSiSNsE/iF7EZgaQOszfl44bz6veCEiO6rLs/QrP\naRFLdo7UlLN9v9NK545VvSf/HHrlxKnHOeKB+1CwcKCrd3oBni9FpeqNtUBS\njcFiqw5CefcuNn/f70ewmS+0Z57a+Zxorvbtxz97EXN3bUq0AGo/ed5uBpBN\nHeOysQKGzh5uGh128M0WjSOO4JE9pz7C3+AAparuFZONjkBOqJofwRlQa+Uj\nMq2vlFTghfcxVVHlRP4+dD2dx4lzBJnYmh1UApAGPvbRBCvMRIK1Ma9gIMpk\nIYHDv74/QUx+zFtI7KYnCOyJOYZb5qq0FSRHd9ftaC9s1RC7cdPy1xs/6qx9\nbGCyvFv8gKoTydv1NhiW2H0fy6RCwJ2gJ4byZ3YUxPSRKGb4aJ09teX4gGXU\nEczd8Hk4EaJRVD96c3dyrrrxPq3UtZQYuUuyx43o2zwEHGyMrS5271NPamek\nP0yY\r\n=zFB/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCZYakCs6Tg0wkrZiU7/BoCWNwAuE/0EF088POrF2U2zQIgZuOla46J/4z5y1sB7T8foqJKpbQ9b1tv8XJK625XnxM="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.457bf035.0_1588366230682_0.5957734752670989"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.2381fd02.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.2381fd02.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.15d65448e.0","@material/mwc-base":"0.15.0-canary.2381fd02.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"4e8207837776c4f108fb86133541c49689664446","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/4e8207837776c4f108fb86133541c49689664446/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/4e8207837776c4f108fb86133541c49689664446/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.2381fd02.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-88feqBt2i9fC9KSqjNO/LdgfQSR4E4Ou3ilAcO0fEuZ7YFvrsPE2h3+QfB40dVVpxWzxGZhJ3rAtEnGqLnZFBA==","shasum":"69936adfc732f9a5fc0a2f0ba34f9b445fd58851","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.2381fd02.0.tgz","fileCount":16,"unpackedSize":63490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJerJO0CRA9TVsSAnZWagAAX2UP/3VJVvi+RBSoEG62Xa58\nd+Nha2SpAEPUhzdvRkC0ieRkaMnX2NH2IleupIMH9l8BSu7FdQ1QQexZXVHi\ne7ksRj5thRS35HzIE41BRAxyoBAwV1xPF2CPRaSMZ0h9JuTS5JZhuOT2nhUA\n++0e6Is3FK5D8B81HWrY/apJ1Itj+15NoDIfcDuZPH5QcY6juC/QpcfRn2RZ\nk7SJyQ4W1uq0qSBwMBfUlX8KmJpth383OuKhiJVwc1roNGSrV9qeu589WWt7\n5FOTI6AMiCG93veRgMsQlzl+DaubL2tuRkud5CZdVbZ9Fk49klR6Ev+svZsG\nt7dXuxUfb5e9PmukH0JhQXTbvHI9bV6kulZroQ5TY6+5W7e/SHglONaAzFpR\nco8sRdFpKmA0b6QEsIcl5FalltpVuEz2CJoRAcD4L7kA7dgad0Hh1cMXeY2F\ntVmqfyEAJHfqnwoYlGNz0DtGrEFUhYwjR0yyzTue/Vz+I+UEgaGfRAk4HEMY\nV2LMlbPCdq05ITN/k1ZfuywPtaC+fzUE30Qk3t2NkdcHi1qCjiRP2p/hl1Ax\na5L3iBgrydeZ/052Oi974KwjsNnfr2+r1McSnwZHocIHoIxWeFZ8SNMwtCoZ\nlW66avcWAzjIepiD9h1e0fKmuY1NZNVOz+Khoq6GZOuOjpNvey7rr2rIGq3/\nb3Kl\r\n=+5gV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDbzSXbRPYgXPJ8t2EvVra5nILcoIoKbaUnxiuKA+M27AIhAL7tR7pIRPXiPp6kTmg0BbpZFM1FunkPyvQ6tbunKgkj"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.2381fd02.0_1588368308402_0.9455758325474002"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.b2ca9b57.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.b2ca9b57.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.15d65448e.0","@material/mwc-base":"0.15.0-canary.b2ca9b57.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"98f8c3a13f6577a5e1ccca480ffe483c91183a7c","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/98f8c3a13f6577a5e1ccca480ffe483c91183a7c/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/98f8c3a13f6577a5e1ccca480ffe483c91183a7c/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.b2ca9b57.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-XwSPs3bx223UyK8jAltCDJeE23A+3/z+80UZpzlihbea+gxVi3s1zIyX2UQ/x/x4ojQPP3cpto3LH64SYYkEww==","shasum":"311c3bced4313898ef0b3cdb7ed716a932fb1fad","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.b2ca9b57.0.tgz","fileCount":16,"unpackedSize":63490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJerJYqCRA9TVsSAnZWagAAGFcP/23nJAMBtr2k71NcFr8N\n6ovy0YnuUASxJFxUEJ9B578D8omBGIli6C/DHtI/q5DHfZ6Y96mxO78Ilq5S\nYAZ3rBufYIYu4g7QVYsRQ7nChXHQ0FKfDVDTN9VdjYEknCjlMakGNl9DWBwX\n1a8CNQjbfmSYB4it2VYSEQhzlRq1be648b3q08AbNV7zEd3nthm/XmmPLeqB\n5wxMwcAIyXC2+xiR6nU8oWo5sMJtfrv3sCTqe4N1X0XZ+chokW+4FQo4y1oH\nFfRYtNb6hUwIuyCZ8Tw7hynX3L9rK+HuG9kH35dULUhg7MOlo31NtsmtBGgu\nvRqR/2mvSYlUQHTRGX9urWdTlLKK9A1ohFjVkvCjuoJf8AugxtizujUpy6M4\nu1E9opemX37wsmtcZ9p2BDkRGQqQaanLPv/ms90H3hemI3My0nlf4QBtqXy5\nX0pzK0iOewnXhQaYjZlUqXedVL3iVnCHp0qS81SJN1CUJB+eiS6kTaCgY2tJ\ngEIQr64NzCrbLP8xGwOSODKv2JjaBSusyJbbqsFh6HgQ45ecVhd+hnLSPPm0\nG8cbBR/1R6i04uPgZxyHcsjvrNq04ziIRnaLDV0DDEUZFSM69DdVGFWnXxmE\n3bnfbREGlv5oGRHI8BMnaVDk4yAfZMfmFuDItOvdtrZts/8B3s7Frlzu/UUo\nji1Y\r\n=Wlyz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDiGN2upg+19Z7/XhI/B/75d/MeFc8lY8NlUOV1W89XVAIgGrcltiLK0MYVD2QKbuEHOraqeYDpuqJOkXmdAzl5q1k="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.b2ca9b57.0_1588368938269_0.3923538667803528"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.b2b088e7.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.b2b088e7.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.15d65448e.0","@material/mwc-base":"0.15.0-canary.b2b088e7.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"c524f04088895074106127ef3584a2aeac09b189","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c524f04088895074106127ef3584a2aeac09b189/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c524f04088895074106127ef3584a2aeac09b189/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.b2b088e7.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-1t3N3GIUIlDsy8uJuLhAR0Cc4QrI3CLaf7KxJVDV2EAykT8KGjWmeWTtVpNZ3YaMC9oZOBBxIUDtYxQUmyVRnw==","shasum":"c11bdcc542af1e6958dbd6b0d7371afc339e0543","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.b2b088e7.0.tgz","fileCount":16,"unpackedSize":63490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJerKOvCRA9TVsSAnZWagAAZ7AP/Rn8Iz2zRcc7t/6Va5n+\nlSwQpcSoCtuXhFuatgbMZh7ONk1iMLgyr1onRio5jcZaB+hzfOeR0LwNXlMT\nee8e5UYgiNbPST0tV06jTdfp0H5ZjTcPdWtiGq/XJunLEb9DJzaLO1Sj8wga\n72qai+66fZocNd6d23hEcGkBCe8jSjR8bOI0hPCMQZHM9+CELiwWYYeBIlm/\nChsoHTQoraIj3evkrWDZ5fIUuyO3kJLM3Zq6200c75pwiW4XoTBkQjq1kiSE\nWpXIuNUW0BpWDF7kaMA3rXda0kNFWmSWzCnscYWvwY1emxZCjUlILu9NEusI\npx6liALeIVH9e2b4b4W7r6NPF4/rx7gsmmMPJYV+U6qOlw9TfX0kXsP319dP\ntU2OI9MnltFRXkveSEgcA9HaADg9njG5mhuirrA2iSp3+SpQBlR21FL/rRuM\nyOYBVo+Gdcwm3peghRvkXsDhmxvJnQcL6cYzSGJNnCr3pyqtd9xNZS98N7dT\n/R8SplLUCmAsgiMp38mZHEnj97gF7HtzfaPRwOtkA7K7xawP9NltV3piosox\n/jjNFCDqucRtWpkKW4BkHYimxRLHLJcRmd8xWKJ6l3p0sAMcPhfBMZLeknzH\nBco8vPQrr22LAhKC78VLB7jugwS5X7zlR1qkqnblelp+IarXz9KV7URQ03gW\nZhni\r\n=6c9T\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDR8QeqtoEIN+xginO2NMjPVwLS+m71DXiKMHsMUc8a3QIhAKJvqrhJivRtmCLs99CIAjJLq4B5nGgAbGPzmlYvVc1j"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.b2b088e7.0_1588372399417_0.16365285582170075"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.fdd8f69e.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.fdd8f69e.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.142b1549e.0","@material/mwc-base":"0.15.0-canary.fdd8f69e.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"3888dcd836699affb59b98e4306c2ac03971ac4c","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/3888dcd836699affb59b98e4306c2ac03971ac4c/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/3888dcd836699affb59b98e4306c2ac03971ac4c/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.fdd8f69e.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-7s68ZoPplUJFnD7y98fz2UMfAAv4++44+pNGZ/8QDFEV4OmQ/rFSXvNLUytBBTuehndekeFlxFsBhrT+65c32A==","shasum":"eb4190b1091453de57912c2ef95eee30ace6f405","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.fdd8f69e.0.tgz","fileCount":16,"unpackedSize":63490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJerLvNCRA9TVsSAnZWagAAqlkP/0UHNOEn4T5UM6DiJRrR\nVo2k3kI010MDz9Ap1OmgayDXthF7PZmeB/NLYLkcXUnnmdeIf0o1A7TchXpk\nu5yIKeqsrBqDcw46ClqN+vOJm5I+y6geqUtwJvwyQ+ikk+eD2L4asGL5BeFy\nybaA5q3Oqq5UJZPosdnxhhFtqxgKpXqMDeTbVM/O+4+4w1h3kB3EBp+ksvZD\ndWpRypczzCUCfDfos/OxYaK23qkwoi+my/fWo66+k8z5hQ4/Ltm12xxMuMIN\ntiv1eOahMyHOICcQjyXg86fYfvFXUJYEIc0Xvf4I8nbUM3AhUePBUNyioEMu\nzeSo+SMYoqLn0SyoE5l2DU7sxONshFvjVehEQgez748+8zWg/XcaeoJcstad\nR80MVCotXbns67sUJOLsOSId4b+S1jxG4x4ti+Na5sN6OUJYsBHhsGRQntqA\nUGgD7IVcnPyN5aE/lUsAdIfuAxuj41Jf04TRWvvDndd1GTkUy2GVhwZPSeVG\nPzJh+XizThuY0LIZkwv5xx5hrquUGQWPmVYtbrRQcbd+fX6jETakWUxSLBCj\nyG9p7sCsxORot4NGTttbPL9UISgBz+wtgj+hXYjS3Jz46yRtME78d3ZUOAtJ\nBiXNp640Q8CcDOsoQ7drrUqIB0QrDVYmn3BgxTBcxE3OB1f1uMUKm8QbV0mv\nEU4Y\r\n=JSkw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCgoYjCQlUh7iE/7JS3KLozxmlKinO3EMOkkJVk9654nQIhAIBwTC3LTAUgxdxoXo8uDnSrTIS2mCyHSa3hA8bWl+VU"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.fdd8f69e.0_1588378572814_0.8408827682301907"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.730f45a8.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.730f45a8.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.142b1549e.0","@material/mwc-base":"0.15.0-canary.730f45a8.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"e4604a16ebeca9fd76a4f742d3f936e83aaad680","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e4604a16ebeca9fd76a4f742d3f936e83aaad680/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e4604a16ebeca9fd76a4f742d3f936e83aaad680/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.730f45a8.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-W4nAM0SR8gdUCu+EQA2M/PSzxiK9ZVr1RU8WOVTflxNdGKFK5rsC9INWe6KO8m5uTfsY6A+lanHFIsTJTXymEQ==","shasum":"ea5b59971465d925ab26bff3f7ee58cbe6e4c784","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.730f45a8.0.tgz","fileCount":16,"unpackedSize":63490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJery0zCRA9TVsSAnZWagAAdT0P/1QszzdGoJvaXswEEzui\nZi+sBWK9x1CXisW3mNglcQ+cQHUJrsA1g+QXLSzgwZqigqd9VPrLjKno0p8c\nTY6sagcBwXhHY8BkZT/X5KQurEe966EzF/KYoJPC1sV5sRqJewBjj0sUt7wS\nKo1CDrXh8J1BySlRh1OTqJFphp0rm0o+wdbdI1y3MRPAWly9RsQ5uXL6zMmP\nQhAX0TjQKp9Cgqe9rVAqyZVHGPaZz25U1OwdAl4s8U2LYLRXXpCHieXZErV0\nmgO+S+fyEiPzgMnNT91bhhM6mUYV+tYn1yLTAWuSYcvUQaXhpwN55fAFrp7s\nNZ9ZkT3KKHPcHrQitAOhVyBemDNS2MeyaktkP39ADiaLv+ll9/x2I0RilUgc\nD97mfFACt9X13kEuz0aQYBJ/5c1vvpCshhKKQnNA/MKVuPh0+6H54jkOgptu\n2B97Lm7Y806dNtsODC7ccvXMYIGSsuXo8r2oVn0995J91xVmgA14/tC7bPBD\nvwH6/uRze+eEbg/iMahxaMdUVkC2tAAOUXlzJflG4lziBqARxoPbOd6z5ZOq\nHph1aUDDIEk8LJBTO0iR5A4nLCaCwzNzzJVwzYoLOc9EWKIPADOu8t8Hjiqd\nYeXN6M9KflJqK2KKRscaZJilDqlWMUuZuQBabIbdj4Gtd+p0jvbVU6vkur3B\nY1W8\r\n=6Hes\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICSda1yykHTX6X9QdJjQ0VSLgB6VPyjuMi6HpSxa5S2wAiEAra8ZeWrVTi1gtW0MDTTXhB7gJEBGkmJH9/DTXngr2Tk="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.730f45a8.0_1588538674666_0.4128194098524245"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.4219bd20.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.4219bd20.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.142b1549e.0","@material/mwc-base":"0.15.0-canary.4219bd20.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"b0ea0642a3b7fcfd78e46e68022be39ccf7b5e68","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b0ea0642a3b7fcfd78e46e68022be39ccf7b5e68/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b0ea0642a3b7fcfd78e46e68022be39ccf7b5e68/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.4219bd20.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-eotOyYHokoVpZ3Rl57sczd9xSiHSKjVs/DdFddH2MFk5YU5nRwQMST+agH1bFpRiCz/OKjnyofPbFHB2PskL7A==","shasum":"db9dd4125e394f0b8c0f493af91add273dcefabd","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.4219bd20.0.tgz","fileCount":16,"unpackedSize":63490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJesKXbCRA9TVsSAnZWagAA03gP/RyVJf4TSUOyuoM5YSIl\nXjxY6ZEkGcpgdyCXTwjYYSHPszR6by53xvcFXpdqSPh3RVAqxMrBsY68tOwR\n78KjJczHV52/WSGbL1KVJTf/EkvgrHu+fV1ltwyxbRaaW0CX75IP9sDWVO0A\n+3zekycydudvruwxRsnOo2iUgv3GoaA05xuq+19zFI3a3/XzW/ZiXB4LHn4A\n6rmujbKbb4VSLhFBsEqay/E5w5l6cPNcF9QGAs/TeTRFaMxQ4oWjeCeFQ5io\nFo2ZxEygZgefj/KKyzD3Krl9vFauiwyxlm5kw7UvaWs9d4yVuxMrD5AhOfGm\nVU/qH6j1DnLH9rpDDAMve1F/A3+S0XNafpvPkbeMO08Oaz+e9lpRIDJdzyPf\nnjfEG67G4+XIykJMaMbae2n8mBRav/Uvhk4XkQ0BJEgtejIOG71EbjqJxMQt\nHO1y7QoTBYNbnX/aXKel1cQxl/uBQohU5BRpFrNx3gQcXrv8QyTntJyHxRf1\nF2DpBnAvqfwhH430XIZfESextkTIa3GYebpoai3yzZgcX1PcXVEHhYp58n32\noGqXIxC96iwtsNmbiZ5BKVsw67plcUeCFmi7KtJueKzue2SepUxS+lJa4bo8\n5rnNwAIg1goYqn0WsEEmdS0FAUIQIVMY7iF/UvYrrByUJ3oS2FsIHR5n0rof\nhGro\r\n=IUDd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCDS58lPfm76yTey+lYPXS56tBmQrEFdP+m1bl2tmiOcQIhANoNqxv0cMXPWUgqQ9Su9TSowzEyjg9Odg+3IMxTPeTJ"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.4219bd20.0_1588635099234_0.9614041123067751"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.1d83cf6d.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.1d83cf6d.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.03dec929e.0","@material/mwc-base":"0.15.0-canary.1d83cf6d.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"72586b3b03638e183dfd5440f006b405468a37d1","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/72586b3b03638e183dfd5440f006b405468a37d1/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/72586b3b03638e183dfd5440f006b405468a37d1/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.1d83cf6d.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-1LH1aRyrJNsqq/0aHpF7tD5gK5uAaLO/2XpeC7PqT/jZ9JGxiyCaAkc3p+9Fv4W/ICGHQRWhfgKT7yInuMJs9w==","shasum":"2c3c0c312c14b089e9886a1f7d5bc007300b18fd","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.1d83cf6d.0.tgz","fileCount":16,"unpackedSize":63490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJesZ5TCRA9TVsSAnZWagAA2EwP/jPc8MipTZ5f7SbnU8Vw\nXmevYIj8tEPTUnLwaHkC2djvpVovLPCmz2vWJtvwpz5inTslLvKyWjlE5iQy\nsb9uJCOwKgmGki20MHDxsd7jmhtlFFa8QQnY1BHkXRJZiQ3gK0/T8whI1LeY\n+1KvB5TA6ygwWFHzRefYyCyQp+1LfYBY59VvsB1d9FbA471ZB32QdGBb9Pg6\nfmo/t6M67sqiOaQvx5/mBdjtlGSSqIU8FQDIuCkm7gFfDYICWrC5kzaiYH3i\nylgkZZ99BQyw19LMI6UwipgW5a9wbyBpN8FV+bIgfencPAf2fT7UcphPpA4E\nPmGWdy9XEI8EgI2tryv0Nkw91C3N89+WovahZVcIMVNHWQVTc/gk+7uxmkrx\nXj6LxzNEzhKn6dOZpXvTNSwL2sUmQXF6bNIdUlNQvROiHB3wKlNQbp7ZzNyJ\nSF5yHOkTPy3x2y/FL6mSV2OEWs8KTAds1DdUXYjckKX/fvsXBK5pvXpkAepK\n+1gSwCwzl3aruHEZjulEE8fCo9NEPyCpAYwUbPdywlOqnU7paudEFJZ9bCoS\nmSPX0H0zkql5fgr08xfGWd/OVYHiXtdU4s/8myqU2SqHnl+ewKeZJIGkPz+t\ndVPi8169T/1mWBJ8YvggwdQYDAzjuHwAymABKYqZZi06qBljN7z6nLLSuUJZ\nSC2J\r\n=yiRG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDk6RDW4BLobVUgbQp2gYja5Pl3rekqz8IFmTeUEaS1awIhAJAz3/aRVVFNMJwSz3i6W3ghs+DjRNE3EU3vDC5VZ7/D"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.1d83cf6d.0_1588698707533_0.9143560535554647"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0-canary.3bfc63aa.0":{"name":"@material/mwc-linear-progress","version":"0.15.0-canary.3bfc63aa.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.d92d8c93e.0","@material/mwc-base":"0.15.0-canary.3bfc63aa.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"00c84910ddd746dddbb2d651a4fe51c784dc78b1","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/00c84910ddd746dddbb2d651a4fe51c784dc78b1/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/00c84910ddd746dddbb2d651a4fe51c784dc78b1/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0-canary.3bfc63aa.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-P6PtBagNqWE5AGqnkPTf2PCC3F9CZlD4tvlTgg5T2zX9li5184eFqRbBYcQTpp8HNasSFb0miSawQer4F9LneQ==","shasum":"a7806086ae3f12fcda082432fdbad0a0dd975f59","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0-canary.3bfc63aa.0.tgz","fileCount":16,"unpackedSize":63490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJesazECRA9TVsSAnZWagAAog0P/j9yiYKMigkcc+uuRLau\nQOHpP36yds8jmd204Ewd3ooYHxBHEYWyNhlIi290R51Np2qwfkH6MhKakp2Z\n+RwduJx3zUVV1AZJ9lEcxBlsHBkvkJmk9AajNfsYii8yTWb2+LPAlTBSiMWo\nhAZaCFI7FufdkBud4fC8I7GB/xX+Ln+PDJDXhFfhl41GtHHNPLE1Ix2AvEdw\nVii+xHMDOKrjuqhybqPk2T5ng2pbiWGO14p8DfpNtcXvp70HURElPAdiof1c\nTqHsHgiO/OCbFtpVxu1e65wUkhIkZ8lrdNBVEBGDrhV8EI7bM71I8VMGZ/II\nDoqhKEzD4i1aEXo9VKWFVhflA8M0gdnnEdr2Cmw6V219P4ZvN4iuK51ucEdD\nGnl1Qxztg2Anm1P3yHPbT4BD651Qp5WYgnaO162PsuSgh6/wff7XFN/YXaUe\ngvAn6Uz3djUDR7oBlM4/zu9MFW7cxL8kMXcMeojEbt5glc22IhwgMoGIr7Tc\nUy0L3CoSMQ7BAcazyM7tyfmWtzArE/GOiIkMUZLiOjCJwxV6OAQ02SXcobw8\ntU9huGVwvYv2XxN8zWvOnxV4p7mBJr4rZsZ65M9WPYubgy5WuAwHcN3XiD+F\nJuTz/b3LdsCH64wNpNEkxU4EZxBee5hFW9GgHyNMLJQixF3LpGUx7ZUWixZw\npEOs\r\n=AG6b\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD6hIhc5eWod6ltKZ6UmFg9hQvhHu6Yd35aUVzFfjEj9gIgLF5wHWAh//4ttOU8BGMeJ7hRBAPvJhOdUMyS7pFZCes="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0-canary.3bfc63aa.0_1588702404310_0.8858400727093005"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.15.0":{"name":"@material/mwc-linear-progress","version":"0.15.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.d92d8c93e.0","@material/mwc-base":"^0.15.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"749d0b52cf7911d260027fba833a8a291177ad32","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.15.0","_nodeVersion":"10.17.0","_npmVersion":"lerna/3.20.2/node@v10.17.0+x64 (darwin)","dist":{"integrity":"sha512-poBT3NZTqNpRtNSpvOfriguuU1rEYD2sLbSTwYO5DZt/f3OELbZE8C1AUZP37CUnfVyw8pwXjAURti7v2GZIog==","shasum":"107443ab0cc83a3b272a815e71699974ecfdd204","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.15.0.tgz","fileCount":16,"unpackedSize":63455,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJesepbCRA9TVsSAnZWagAAlX8P/1ZKNmuDRubDtxlahP0l\nfYiuymzYctej0ZAAA84d2BlGk+WP5BZXSSbdZ713OEUcTb8lmJZPHb2UQAQb\nDS5aUSEwQWTOVvVEbhF5HVpPdmVPBopCJSCNOtiOZbZLofL/fNlsfTQN8DuQ\nXfrqsY2TIKUJ6qUSZG/8Hhacx1SvIideDnwNhpvvr63KwB4jiLPwnJ84NMZt\nbvKJbNoStybR92QI2ez3nQZT3YH3au9l1Jp9/QLNxW0Kwik8+qkRnu7CTF8Y\n9ili4SI1l5zctmNePoO+iw4xDelP/RA1uqQBxQiVCGN4/V9aQPn4+5uE/SJH\n3bGC5JgMYEr7T7FeUsEtRjJ2IWuJOUjPeSor14BtfcpyEqSRVPvlRx6hvsDI\nsm6EXnjuUZS+Cox0wQgIr7fz5OAYd7EY6Tb9RBCd8Yt9bVxrZJRs9FXqyrhO\nMuP2+rx9jmz/I98DoodltiK4a4icSxwLDKtfr4VYULTBYwTsDd35n4u6uvpn\nzWhpwz2SSXnOfh62+M5eXvNskWD4nfBCccp3aQQXGuPsY2jKqlKbhO+QfA8J\nHoxQz6hwt5O5Zt6pxqe+8s+slhZLkEOviVh68DPPlQu+87rOYyHlJ79R5FeB\ndXloOc1Z6RrBnGz43DL8MmA125wr8gpwIibEXKYV21wkRM11ekKvnozhAIhe\n8QAv\r\n=1cni\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFVOtcZ0UnuTjv526lmffzUyw5vF2hiLzNBSspxqNgJCAiAsw3tZWD8+JKPUT12QOMRiIgXuDpBzxIuQou4QYURvmQ=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"asyncliz","email":"asyncliz@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.15.0_1588718171353_0.6814211914590917"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.1f4e3d1c.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.1f4e3d1c.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.8135cc085.0","@material/mwc-base":"0.16.0-canary.1f4e3d1c.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"cddafa9ea64276d2774eca727578ad51fda9c366","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/cddafa9ea64276d2774eca727578ad51fda9c366/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/cddafa9ea64276d2774eca727578ad51fda9c366/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.1f4e3d1c.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-NLwxf1Cq31ryxb3rLokrwI2EkYUK07og4mOc5T8GqeNA+v0BOJkaGwAH+3ik3wlhtRISKf3E2eFl8g852BG5ZA==","shasum":"24260085006223650d5c3c012b4a92fdb4fea9ec","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.1f4e3d1c.0.tgz","fileCount":16,"unpackedSize":63490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeszRYCRA9TVsSAnZWagAAoTsP+wQn85gPp5Q1JvYkFWfD\nbatMeE26J80GLnbiK6/G77DYR1tZpZuzcglqemPfBg40PwCUzLBRQyQ7R+bb\nXqgkx/dzcpTNJRLJLIogRvhsFZEj7XniBBYF1ud7n2ZeHS8fUBNlHfBeH1mu\nAi8cNJ6U4AZ4qZZB9Ip62S76Uh1eFJTF0hKXCNfLHycenvV/8b4qZ3iHQddI\npD80MaHnR3etAhTzzxxnSNbvGgwRg+y29w/f0bOA2v+uHExvbNMX/lbkdGJq\nWcOi7PvPmjsCWqpRilgpmNHpEzjPJgUTiKGQMqet1REC8b5cL7oW6W89FRiD\nmP3LF44yLHRRdndnwL20ablSe1d4+N9clmCLbGbF3DTKB5S8vO4s6T+Nkzwq\n6llHn1EFtdl8lDl4Tv4qA+y6vaCBDBkXrvFKYj2WKXPz5NGB+p9aIsWfr36T\nVsNx4NXXUUbTHfuncuLAB9qACi485hhv7RrcacQ2XAXHOCDvyvWaiRJDYjt5\neBU1JLH1LqkpGPB1M/v0yAiwWnPKp56ctzc8r9nJq+dVIfdegbsmLvjAeYIc\nDXamKU+ISGbpyVn8UEto0zsniTa+9nphMKFTFhQgTzKqxwbmhazqlD6dJU7n\nOSe4ITmbiJbFvqpTSpqkqtZ3bSWQR/ZdjzRh5YHzgNR+8m/+pZLJ78bL3SV6\nr4Nf\r\n=+KYP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICSWT+OK3yE8X8GRwKs2n2IOwdNcs7n6mVoooqGwMgNlAiAbVGzXcoh5WTaZw5YJC2l7AKsZat/mfNq8lT3Y9Kx/4g=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.1f4e3d1c.0_1588802648294_0.6330755605083636"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.bc8759d5.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.bc8759d5.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.f83e00898.0","@material/mwc-base":"0.16.0-canary.bc8759d5.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"bd62828e2f7b66a127bc0ab165f32bf39b79fb0b","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/bd62828e2f7b66a127bc0ab165f32bf39b79fb0b/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/bd62828e2f7b66a127bc0ab165f32bf39b79fb0b/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.bc8759d5.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-KJ99yZ/TxWGbSFp8LND8N86C2+63V20aELxYdsxWu5fdaF39x2oxup0q39Zjjf0wTcyU6o4MwUt76Jj9U1Jn5g==","shasum":"76ac4eed0ac7d1234073730e307dc115086c55c1","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.bc8759d5.0.tgz","fileCount":16,"unpackedSize":63490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJetJZOCRA9TVsSAnZWagAAXrsP/2YpafmdpoNK5RcAR5is\nnAdzQqcxye9H/i0bu3CgkhzCAy8ETQvkL2RbjTPY33bjmti1uWvBKsZWK2zA\n77ikvcPomQCEUXsElGpuvUPNEeH1XgH5KjIzkvxbvJwL8/iHYIAfHxel/KP/\n/tN44dZwZFmc6gfxfnn2Tw/7z13DIYJP4u+messXkFB4xImTgsxecAgaCISB\nziW7F0X6j1gaw6AD8fdH1GK5bXE8vohnRNV0S2i+uVNURHUnIIZHXAFzGsHO\nE3alQbfPeEhIuKnciGTkF/gaSpJwmkkHDkJaSx6fiyqH5RGy72HMbO6ltbrH\n6aEgH/8ptYv1w08XGFPhdk0H+F5tBjk8oHcw4WMrujmhmiNhSCnWVG3zYPpM\nCPa/BlQiY5ZSyZDbA89yi57Au/zEgpZhweN7Mrucr6SzmtL0qtscpzl5vimd\n/qLI7vd7n1s0i9XcFhXKDoL6CGEpk2Ngx5aYt/K+LFN0WJ5FlqJsDoX0P3qF\n6exnFIawCUgSQ/32U0POFIWyo/But9BZ6xIF4SgH0So0lm0HxMTM2/cm8fgh\n/X/QHQ1OKmho2Yzd1Uz9S4JZDI7OH0BYKs6RmXDSth3cNpEIPYre5Eu0zrOX\nz5F8FF5uWYDGUkit4IMTQwAuZ0zeUAuH7FQTnYTkVO+0T+OGLZnrt7qqaBQ7\ny6wO\r\n=wH7+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF6njtTJn/OcdW8Xq3zJ+JbmOL3ToWIUPbU9X8OKSFWPAiBrGQcrqvhDgfLURPX+b+7TMxImY0GsAa7e5s6TPemASg=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.bc8759d5.0_1588893261622_0.6160658992446928"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.d1379acf.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.d1379acf.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.f83e00898.0","@material/mwc-base":"0.16.0-canary.d1379acf.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"7b322d565d0668b9f1c4054abde8984cdba4ee4d","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/7b322d565d0668b9f1c4054abde8984cdba4ee4d/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/7b322d565d0668b9f1c4054abde8984cdba4ee4d/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.d1379acf.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-UGRbXMXNuD2wNPXPxZuL3x08HN5wtmM1HFtKHUYDH6I/EGKqT216QP6MjlAFFlQ2JNeeywr0k2BrTqCbL4iDow==","shasum":"390d6132373d3f3f43b68eb2f535b2a50e03cff0","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.d1379acf.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJetZmoCRA9TVsSAnZWagAABsEP/i9hVAU0ZfDXAJCNBbLc\nxnm+cyw87xCn5jlvVLV/Ipy9Oq3NQZtqzkEFzeauZEEeLrmwXPqwAJWmxtut\ng3c1++YMFIoix8/HNi4felQT/pA6huzBaujAspyW6Gn9Aws3T9rYow6gmqgk\nElt0EFYxBFpzUxCJhAnzDfEK32zh7DXZEaaxBKiFo0TKD2bpbpqXbqtC1IVJ\nv6mx6avXZAIIb7K2I80GOean35wCbdliixua2yRZ/epAB4uVIo3ZPQIWKk5h\n+PZCWAMrchNtmq+Huui4NfKeMcZi73a9cSeH51fwqKgLl+y1FWIDGfODQuUN\nqlLFuM5FrsRW2rmijXzMhDnGYGkyO+LgKuNe/u1MoSGbMlgExEC1p/NaZ7ZV\nJBPAIbbBtpWfWndqdEfsUYSb7LAdrA0m3baGR5rKw0iOp7H+OhxOrFLCwtdI\nKBzbMIb8i+K4j88A5Sy+14DxdC5fqb8tBlOFdswD5IlAIEaC+seU1Ie92NNw\n7IUKdUJmYBojTKNRpXUUW4mghDgv6h+lFVZ/0axHVS7uT1LTYwG9P/1kERnm\nHtjDakCp03ERlwDR5EqOanz/kxOpW00bJYrBFbM7ilrMdv6P9xcXueOiKSyY\nhIYPn+NEzWXB1ZxP7wzdRWR/G9rwKnFlwBdS4C37wk26H4ckcidjasgXwsq0\ndlXY\r\n=Xvu3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEJL6PDIQHjU+driEX3hEt1Dljqhc8PVsAlDyhT/R5fCAiAP5tlD2wEOgUTpwyJPelg1JUL/Wpmo4L/asi0oslm2HQ=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.d1379acf.0_1588959656175_0.4538515148164679"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.58d51fc0.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.58d51fc0.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.047e6b337.0","@material/mwc-base":"0.16.0-canary.58d51fc0.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"095d9f72ab7ca9994ffd376ac6b1b0daa4c99011","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/095d9f72ab7ca9994ffd376ac6b1b0daa4c99011/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/095d9f72ab7ca9994ffd376ac6b1b0daa4c99011/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.58d51fc0.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-k1ri9UkdeNnro6wQ9YP3Aa4lOeyyk07I+TMaRajMj6T7mveS+29dSNHG5uFMBgFPvfjSSS+h7Up0ZfLeDslgtw==","shasum":"39c73c62b642ff9ff201e007f5530d402ea80ff8","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.58d51fc0.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJetbA4CRA9TVsSAnZWagAA8VwP/iL1n361BWhxAwe3VWXq\n34EgHFbH3g+0+WmGUmKzkPwQs1GZjZqvsRH5JxV4rWJQxjVwkvZnVIryWkHx\nYRhfPAJvyqyvQ4JRRx+UFGeNklVSkWcMDx83Fy59IRAI5vcZ/m4bkOME3O/y\n8IFSZ6H3TyXSShsaziJJdGz3aNJq+icag6IM6omHPtBIxATfqdZ/WyFvEoH0\nRFMNDebCcv/GCelqPrKFTR3e3SA54fSCzLjsdZjc6+ya7ZP8r76b6Rrto/YR\nS8pQPkUFRqmq+G2W2/vqKctmTynfMl2vTVE1SQBh4rScM6amixVVLzpWOBBU\nc5ZqMYzEzyiCz1YoRc4ExqURuLppUsi+00aQmWgvSvIIPko6ZxpMm66N1Rir\nDC11NYlq5L4Lpdr21sDw+rRgrLRf0w5mVcRw5vMfSduBAV4PMAO0E0sUqnWu\nFWm4U5+VFygo1vztqPcwWGdfgNTLgEDblm+2/d4hatrskFbp8eKgse4qCtf/\nEydGep+mCrZXWXAiJkxG1sLl8go3TOek/a8VE/6PYf3sQ1zdsfxwfnfeCtro\npvNuD77EhnnuiQNvNNxMDCtRnyWQfWcLxhYqT9S9YV0maY2AEjnhl5sVdm1G\npWxk0sCn3W4Lg+IXaNacinAfTkH7OEgSxxPjwfVxObCf1cfiTfQtF2M8cem9\nwjjR\r\n=mj+r\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGa0sW7iAeAAUR0r/o8eG9l6t/869luxBkIFaf5CBDbxAiAHOysBARZbIXT7mid2eZDMvLTV5pZ6Iveht/imvh5JAA=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.58d51fc0.0_1588965432117_0.99100961017397"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.588062d7.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.588062d7.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.119e21426.0","@material/mwc-base":"0.16.0-canary.588062d7.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"1b66fe2af3ce7c18a07562e7ad2469074135eec3","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/1b66fe2af3ce7c18a07562e7ad2469074135eec3/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/1b66fe2af3ce7c18a07562e7ad2469074135eec3/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.588062d7.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-iUofu1DwZCl/zfhOFo3E+WIv/mf+e/PntCI5ndhWDj1LpJScfSCfC5tyArHFvZQvZPHD5nEbhviz0r2hvmiFBw==","shasum":"65836c51481ff9c7942875c6c3663ff612f2a221","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.588062d7.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJetc3DCRA9TVsSAnZWagAAUzgP+wTjZmyZnNJvRSAyKWq3\n1lW5WF2hGUrxZqZnhfpKRAKV7FWSYVohnKy0nluusGk9o28FIReHA26cUR5K\nbUFHN5VhmlrwMsAn+wXCnMsy7GvZ7ZWmfUon8cW6vkFaN+JwDnVnz9Tua+Xi\nQhntH2Ghw7VhTfnjGFODMcmdiFS8kZxUBiXEeUseBCTXoKciIqJZRT2QkijW\nkfi/QdAFhJVtGw7IZdh78L4mqraq/AnrJswS1yCoAtIRSfUynuTZ/ryokVWW\nkcs3rwPDFpv54pdyZRY5Lask5m3Kux1HFBJBVrvbOm5jTZCdGYElr7ekPq0x\ns1hXtv4q63Z/jamu8H0LgWKvnftHkZZ+DqNDQSoe9TYIBebWiR0th8kcIcAZ\nv1v8he/kMH2O31uAhUpxUoL1kTI54LbuGX8NGgfmSXq93pQWY9Aw7HkZ3Gui\n0J6APo+K0VJHsu1N+221itgf+PiKcOs1GImSHYUf5F+qB9kOck6CX4O5DVn0\n2NFMMmqmcYDKZ94svK1YCp7cHmewkQtXK7EIBQ/wGFeqq8reIyDeJF618sTE\nBqJxiJ9/ezDiMWtT313rvf/h0saue33x2liSGJinx7jUDaOp0FXh0ke0s2Fm\no3HHpzJCA3YTrmMd9XeJ5/GULKiL5fI/Xu0sWG69hkb9v5iLPRATQMQYxot4\nv/l0\r\n=LmFO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC3CdU5SjPMlAyJ7oyC/5Xu0JFJiYuWtu94J4rN+FcYqQIgDZOM0pF8QJaMJrIEUAS6I7RVv14Jw/z8+UEvI67NCLs="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.588062d7.0_1588972995059_0.760219974393973"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.fa21f639.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.fa21f639.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.a5aeb3001.0","@material/mwc-base":"0.16.0-canary.fa21f639.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"e20cc975825eb5a02be956c28db1cebc2f8908c0","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e20cc975825eb5a02be956c28db1cebc2f8908c0/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e20cc975825eb5a02be956c28db1cebc2f8908c0/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.fa21f639.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-gfKUpAJAW5qQWWiba0DBkUlgSs5hw5Uu8Tm1ikWHXYzHlhGWeTz7+Oq7w5+UmlY9tHyNSGyvjoJ/yVJL002p5Q==","shasum":"a7234fa0deffcfdbf6adc799c517f2ec7890ba6a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.fa21f639.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeuYuDCRA9TVsSAnZWagAApgAP+QFPEq/mjTNXZ33wUKZs\nltMrRwiMeEaly7tjL2nvH/uC0bd2ZqjiVfoZ3eYPF0c0rBuNPZmYUVm9nIsc\nsJrf7j1ZenPClZAMfMwGHQ6DVFx+6i5PxE2jEDgUJRkyDsE7GKrW4jck7kKR\noEUCt4a34wr8rJWvX+YWtIT2+SyZvm5HShnkAaKXqgdDEt78/2pQQ1rm5O1l\nm7x9OKsn58yvM0E+S5qWluBkeycxJ+GU0LJdBwIfIV1doC6An++Tk++y1i1S\nY1ULsw836vXC5VW/rdffePgDWyrCwUFhjleip4FPqTOSFQpxWIPQ9EGF0wSF\nkBcr3KjrUY6LD5adF4swdyyrHZL+dkNEQHhtVHZ4plCXo5/fOlV3UkFlsweY\nj2LFcH+1Z5+8TugI00cKbO2nCJoNTsU6oF0tM22ZpXyI0yTGAptRz6I8B5PH\ncJarBDERV4Y9wPDY2NknvE0S//2Z9hTmhojkYbam7q9FgA3KShKKy8FDzIJE\nP+jYu4CXVte4Kd5MFq036GMx9ejOFziDVltODadAdswigO6E0XbTWBw4gWd2\nN84IUr5EwFtU8AhCgxS4sKmO4j0DdGXQbYG9yQkcsVvYsYvm4kXmz0Xew10Y\nT+YlKDP/F5/LwcwhvFX9cH8BN7BDUXrnRlw4WD2jmGKwt3b6dRppBhS6hN0w\noI5n\r\n=Ms6c\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCH1c3lmC5rA2QWVcl52BZ1ggyUXmtHf6JtG+U5YUeiesCIQDCfEXnjmqzlIMQi7kVxSDCZdB/M7g+oDnULj9MqxZHAg=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.fa21f639.0_1589218178952_0.8902194007004134"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.2772c509.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.2772c509.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.a5aeb3001.0","@material/mwc-base":"0.16.0-canary.2772c509.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"757bcaf3dfdfbcc62a5b2990c87cd91f80fbdd1b","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/757bcaf3dfdfbcc62a5b2990c87cd91f80fbdd1b/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/757bcaf3dfdfbcc62a5b2990c87cd91f80fbdd1b/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.2772c509.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-fVKDwhQWG4WX5UfzeSQ8n7RSLnkfJMzTvZ1mGsFRXkq+jvNysYJGq1S2S3Yls4dNWKSQf9NI/5cM6Z+jRBxDMA==","shasum":"78733f08d31b3e843ae60037b96dace88acb31bf","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.2772c509.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeuZslCRA9TVsSAnZWagAAmMIP/R63e1j8kG3thEkKCbcs\ndzx27aUkw+R2ZBDSuC9JqO+swYJyNyl3peHsHfij3w4FEXhH/E0BpCto7pKw\nBMOKqLUyu/er71Zbt0Acm8mrev006e+OMv/4QCi1Cy5bfTKtQXRk1GUcdcH7\nD+UPAwavq1yPNdCCzsRh74qDf/uWMpIlQmcD0NqGsW7vqdRAfqxfbEUInvc7\nDWDmL79rMLAUeQOwyOIz0TAsvjXivfwK9bfNaMjJtXEIprDOctRPjwtXT+SC\n7IFojMahN56AFhCUkraOIWUYTm85GEk9ikZ/hvdOwUAoUyLnNNQsYDOe/Wj2\nIdKUDQNZ6QUVJs1YFWU/QKsVVzQlpeDoiZd4myu+CISPHVTSK8YasXdqWKEJ\nAf2t/gm6eiKwJq+9xY89kfwspjKNk6VQiaPZqQc/uffkjIF2peXmYgdaceCR\nVndNilzu/q8S6dopF7Bl0qQjkiqpFzVH1c5nMsu9qI2Ru7MhF2U2QDpk+jqe\nqAW78BlW+uCDWT/a8qmESuJN/fFDCxiKFgXtlXvIDS2MELsqE986dH5zvlt0\nomi5+z9M6RR8g5GPqiPMvu24v2c5JBa7SGznGThP6WrDW9W96yVm2h23Gww4\nwb7DAafhr+gmF0l/WzVG8JQUqcUHenjMWK9DJTnw0XucmoVhXOh3a12baQye\ns3Zl\r\n=iW/H\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFNHowTrQOelc76Mi7i1zPbY+ygfmRWAvfK5JkdpGp86AiB3YjEjs89Urc792QsqNpA0A6tQN1gpr6ClRE60SMl8/Q=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.2772c509.0_1589222180669_0.0913111980560779"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.fc4796d5.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.fc4796d5.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.a5aeb3001.0","@material/mwc-base":"0.16.0-canary.fc4796d5.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"ddd82bfd80666625c1dcd7c92fe79f5de6f84657","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ddd82bfd80666625c1dcd7c92fe79f5de6f84657/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ddd82bfd80666625c1dcd7c92fe79f5de6f84657/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.fc4796d5.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-O8rxBL8u8DJsAqcZhXaXnFbcq+6GRvsGA1cZH2P1ZRfCRj0Ukxxemo0Fy/F9d8JzAK20ETvTXgke8N3DJ7lXew==","shasum":"daf6a9dcf848c7b96ddce1ea1d7c40ccefcdbb0b","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.fc4796d5.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeua/bCRA9TVsSAnZWagAAD3wP/0zBagH76RSc70v8OCil\nBjg+sPzfJPLRroTFsuIeds0CaRRTuAY8XAzNIJmeAO2Q/rkl2sB1cdz5gGpq\ng0e08xxHwjRQkvfh8+Qw4zOelBgScP+SledK6v31U/fsjt4ZBzpWPzxhDrB5\nkzg4CUoJSYL84tDjkcJDx5S/FRwjMcVmAeQUrJlDk3LJdjppHuHZur5i6dXm\nS7wJjA1MgM1b/jh5zxMHMtQPgWjokK47IJ6FlYKZSCGtNmRtFUIJmWBD/9Dw\ntU3TnX3jZM3uvHqOA+Q95QMBUR8dOui5efxvwVBo4yqkHwoq7thlUDwo3aQK\n95U8vABI28rwXr2MA3aidRwp8Rncds1dU6mDerLAfuk9O4IRn9Z8hEPqn2wI\nfVW0V45HKwZAA45yOhIfYYiVDHqQj8TzKmOq5V49C2bEROAvxGR8Uy2nf8Wu\nrr5XcU5ymz5BQvJD40RKBH/BeUsFIgsQj7nq15KBoB1yfv1rL/YR7r1ko/DJ\nUPD6MBt/l4wTlNQosZOgL3cmNcNx3oa3HobH7ZFL4sOhdhr0UjH1/h6oUfxD\n6omqKDppM+n+Xz+JGdKGQlk/urAp+LtB9wR+zIYun8giLoI33mGmnk57nsUp\n3NHYTErEJTasWMHV8ViOjwRzG7D7CsgjQ2Ro65L7DlUN1iz1wWRmJvTW8j3K\nXI7X\r\n=hIJ5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDAPdKPQ4ldm8HV1Dcon84m9OzYE9CaBvoCXrdWWtMT9QIhAPbtW4SK7tHSdYbw/0UgDe3+SUi6z7OK9RgSZHZ6xjRT"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.fc4796d5.0_1589227482657_0.3319585708153474"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.0d1c5f2c.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.0d1c5f2c.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.ed52af767.0","@material/mwc-base":"0.16.0-canary.0d1c5f2c.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"56733523245d57fa1e6ebe3caa22ef89bc95e8d2","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/56733523245d57fa1e6ebe3caa22ef89bc95e8d2/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/56733523245d57fa1e6ebe3caa22ef89bc95e8d2/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.0d1c5f2c.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-fVLSlcXrpipf5Le2oC9nDvMdzT2mYjoJzN00pNnkvVDDsMRyu4dPyP2WG/NgsV9mMIJ1Uz52ua1BqhDSDL14vQ==","shasum":"60a0c9df1922c939e69dfc89929d7e33e1bb901b","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.0d1c5f2c.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeucFhCRA9TVsSAnZWagAA8IcP+QCCKiOtXBGem14zDmKX\n28DtQnpAK2Z8vcgrbvN1Z9qWPJE08yFH0gvhj4uHYxzFk9P+06dCgsJvywPN\nlL0Ba7jRTZiHjkBDlvyJRFM6XkmdI+g+iaYNO4YRdc+P37bOm5KUu/HOUnug\n5f2XoD23KdRu/UeM2TA0idwOlujFlVJSTcVpX02+Eqm8pFdlAUUJw6VmpQeB\nP01kIDdqYzOsKw0irMB6vfd1LZhN34CZU7QDK9l4nutRY1VV1UAcapL1DGnj\nh9W5emmbYZy+lPajlifsLG24w9uIG6CMWeblUkA/AvbRDrmiBMQf59t5kOtW\ntgVGmSxkVEJ403WJI16hRVBR9808S148fKv53EOPaf3hsNKNHLU47zygAB9k\npYjSn4TRd6XJGkd2ljNDiEp6yPgN/TH5WkZPqx7JQ7Tr8Ki/R1Lpjv/n76Sl\nlPTgJWS4Ck7pbdSg5iXqQjSYdr8CxpxUMhy+V7FIk5j+h0jaghuZmmR7FLEg\nTeLLDDhiRLHX7UNL+BHgLqggRsjqYoxIdBEh2qaRaBzeNlBd8n9qUb7Kommb\nsLEqlgIWkXsc3uR3g54KC46UIfifIcd8TgSmnc+/nvFc2Kfx//eUiIyxOGBs\nu/klzdH+Y1McR7two/lgpPDcRnNMvnQt0rkG5uKLYT351jBA/q7ojG+0HMM5\ng4tG\r\n=Or4d\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGGBNN4iDVxWqAbT9J5w/RJ305ALsna6SYLUkqVvOH+mAiBFPpu2YpNKs5ILTFgpRE9EEDjEHR0nWoaiiLOxfP0m/A=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.0d1c5f2c.0_1589231969502_0.8283411418268634"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.d083d93a.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.d083d93a.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.058cfd23c.0","@material/mwc-base":"0.16.0-canary.d083d93a.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"740c7f6a0f292b586689cce49e46a93876251b93","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/740c7f6a0f292b586689cce49e46a93876251b93/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/740c7f6a0f292b586689cce49e46a93876251b93/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.d083d93a.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-Ls0UNZhjTNuvAlcgVS4Q1k1R7mqKPUl2ZavbmTCCaCxR9y8XjqjH7qFRHKJYcCmRura172ItVL4zVTUKjot8bA==","shasum":"c90303c8df606b8bd577881a286c50e8ab58ce96","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.d083d93a.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeues1CRA9TVsSAnZWagAAGNoP/iIYK9xzrKwUqjVBOWNb\nMsmvisl5Fws89XDVQoX4AY4IF36bz2YpK4idV42GAvu7fJWHoAKqunqiMBtz\n9PUnIvChs+d80HtsV2l1Tp7NfBKuh/jLOcmvbyfPqK3Jn5A1hVh6//uD7OPy\nlFthosoM7w+8xpJZIjohgR3hg6K5drE93brb+9eZ9Jn5c07vLxnGM3WFmGm+\nf2nyDycUBRC16ws+OwceqTdPy63wol+Lh0dPQYWnsgMM//kXvNZC1CeP08Ne\nf3Y5WCh25d87SzbaAw9hNBUNUPF5kguV0HuT4pWz9BBMQGxnlns7jKsDM1E5\ns2k0yvGtsgmPaR+E2NcvgzHx49+yMwFeIvj8DALa/mz2GMILdxM1VBnAzk7O\nKxLJ/HIyFjS4xwOlCIft57IKP+JLMVPyKnaL3fkLUXMsJDXx7Bz1kpqlcSA4\nBLRp1G24TY/vBiaESYCosOhtwQju2MP6Tk3liUSNM45YfHl24pojSsTlsIIj\n20u257Fz33vInCe47TlqSDMCV9Sll7Qmrcb3scJaqxUFHEUaWaHOS0InN2Gx\naIxoAYK2wz40T2eph5EEv+LovnBmwT3NkzGADBPAEuwdWddes/NmqJPtYWrL\nBmOX/s59bBFesmYa00zwCSEAlXTS1M9Jkoh3uQc43SiUQVvggyPhvBSIst4Z\nrKG+\r\n=z/nq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFPerA3M5rEnaT9sZJ9H5Bu1pHbUEQycTC3XlF1gDa+XAiAFY1yOdVVQtFBw3h8CGOr6d7uVT19BUA39h634JDNySA=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.d083d93a.0_1589242676272_0.11743228492672886"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.c95d429c.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.c95d429c.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.058cfd23c.0","@material/mwc-base":"0.16.0-canary.c95d429c.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"cb13fcbdf906f1aa91a8a2ab889def17ec03e1ac","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/cb13fcbdf906f1aa91a8a2ab889def17ec03e1ac/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/cb13fcbdf906f1aa91a8a2ab889def17ec03e1ac/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.c95d429c.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-CjgYBxbU7wxsaHM2SFR7cfX/j0qKmYdun5izY3U/3GKrrinoMRpMGYaIiDp6G+zfc1tx36Kj+xQ/jjB9IB3AoQ==","shasum":"f658ec3e5b4dfff45db89dda05327383bbe26268","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.c95d429c.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeuxbhCRA9TVsSAnZWagAA614P/iAI8ToCe87bCsmGieip\nA54AjM7nHvf4xUc2JpAdePNvXp3h0UMhdzAaDzjcpBVo2qXXPRDiMnDuau2v\n842YgKOCfVRieq8EPgLRBVlJlKzRcwuYMNUs+tk8B0OqRRsGstEMWyvHNSGm\nlKfM7MGt9Onm6Vsj6PAUC7VkT/oL8QurXVDuNSGsxMg4v9iptGdvH11H2tIZ\n+QfdHeCxK8P4Ci9P8rvJBYKbMP4cSjkWyiWP3wmVfYzrmD33uuV3usjcENiz\nEFPdfN7M/Foz93MQszgmeyIL16468IU8Rw+jVWSFjE9UWkBkjTPHR4ZclVez\nEJPMic5xXAtXoecSbccFIwKlEVA4bio0iyOxogNn1Ykkr4yxR1FI0qRysbMS\nZF32bM+IAoGk6oe2MXT2y+k7D2F+tnmwBOg3zCOuVtAFuhG17M6irGrub5z6\nTMZMUg/4k1ZlkeVWWxMWo0MrR7PW9cjioTKcI/ph5RN++fVaywy9hjtZY5lL\n3Lua/5AYROHz3TTJ/qIAa+AvQmUh1dFHFJf6nWRhYQY5whKHpLQSW3THZkZy\n6HE1cKK5X2InQmOnfEMFemN8AJgQzzEEbzVXpdkDdXb2eljPsT6e+oiuVeL+\nZ5EmTeigRFV0o1//sxNepwLg1ZAOlsk8bz4BDw5rfqQa4uSm+WIXgG/H6tCW\nseI5\r\n=D/Sg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEHzpn61fE/mJ4IBKOxosvbGGeIf3t2LZiEhPskwU5T2AiEAm51xTulBq18NkFxVfLDkH3Gb5ehOqgRfFBSB9m88V+Y="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.c95d429c.0_1589319393214_0.25668108798390743"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.0c1ad726.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.0c1ad726.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.0a371b4fe.0","@material/mwc-base":"0.16.0-canary.0c1ad726.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"9c86cc2738d0075eee9b892c5c2fec842ae62e41","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/9c86cc2738d0075eee9b892c5c2fec842ae62e41/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/9c86cc2738d0075eee9b892c5c2fec842ae62e41/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.0c1ad726.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-92bD6bfgY5NdpEq37QbZ0ktD6mzHW5UXIY26BMe7u29lZyLx+7gMHybAeWNB2M+iICkng0xDfsgXcoFITr1+7Q==","shasum":"c42b571fb6e7c4fd322fa0fabb84c16f82667005","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.0c1ad726.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeu0BxCRA9TVsSAnZWagAARKEP/izJZpfoiL4VISTAItpW\n0cTKIAWi+eAhxW5j4IB/aNNy2BNCq+SJ9s0UJsX7F0flctX8OLB9txF0unK3\nZlNaZDcSOajtm/8OiMUj9ZxZAB335SwV5FwLGHGqyf2oA9//EqJOAxbP2Oa+\nq01w/eerY9E/Ab1a3b7Vh0sFyOkCaRdbPWjuuKJkdT/Gl2Nz5bTM5RdpKy1Y\nj58wA3jcXCJeG3dXdxSL634lIqL/bt0fQy6ZP2pRcsJsYWpCKmGe7xLeiJTg\n32Y+0Fs1U6bRJCtS4Xyv2b7N6aQE7QFFbWj+5pEQs/yNRBCTgXpBKEad9wxV\nOxt74yPFq4UIyPKbnBPHZld2LmLhSfcAihQ/80uj405O+Ok68lD3gb7VJoti\n7ZUWfFGSm9r5HLV64igCjiIMhw7Z7U/h1BiOnoxsED1ZaVo+0wI4llnprFDl\nlew+Dz4wJA7itzkpDrs8Znimrk9Ko9E+zs6wAjPvxd7IUB6YVhARwmZfg6vm\nQ4pIZlG/hMBBNfoKZgIzHNTcMFi8o26UhUf7CA5bdIch5+tTCxSSrHxad+C0\nl6iGzmdHNSFMYgcqWkCBCa2pYXdM97ibLr2uV/vQXkVXZfDZrUuTi5Cf4LLU\nyh0yTTbsV6/8t+g5vz11I0iz6R9hQbvoZx3/OCRPBg5G/xDtTt8Sc0hljIag\nHnYZ\r\n=ZzDp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFMTfEJvv9+KCCGFabdhiVwtTNXW4tmEU3ISRaeZ746XAiAIm4SAGqa/oIShpgTuFw4WQrw4Po/k0eTpOw68ACJOzw=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.0c1ad726.0_1589330032743_0.14270622360871"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.8b6a4700.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.8b6a4700.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.2139200b3.0","@material/mwc-base":"0.16.0-canary.8b6a4700.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"268d44b68432688e310671d956cf5005633aef47","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/268d44b68432688e310671d956cf5005633aef47/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/268d44b68432688e310671d956cf5005633aef47/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.8b6a4700.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-FwInrVQ/PNe64rwXt/p+x5Ubf537+wYUJlfjWop0PEcsnSL3otubpbXi+pj1RDjGpDZVmWBzDuyGGmxN4VzKOQ==","shasum":"dfa66dab8958aed9318d4c3593b5f1dcbb921788","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.8b6a4700.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevCv/CRA9TVsSAnZWagAAzjUP/Rp2+9Ac4ohXGZHebtnV\nbf5CYq6kZJY3gsHd/aEDc55yUBH4lloR6EX4j/ZUU7Xi330UErCrcLYyJnW1\nHnhz3zdzLEnW8VYFfMBR2GHJeHJ2U2lhactkK02oONpnHngax07v86WIi6QF\nR25UsX4l7ei9oxnTD+SaqENlDPL2ftsuTcrTmoLUY8sXRE4z8lgrPjtQQh40\nWe6C0C1y7SncRUT6YtdUzGKYHhh9Klgq7caQP263IWc5SdQjGRtg3FMtdwAI\nRH/+66LbHQHZrvXJ9ZAAqBbek+BjDoShj6MBUZ/isRz47h0VTPVRBt5Qk/jn\n3S3XuykQcwHXYuKnWPg+HBIXaEdQe3OCH1aL9CxXjiHedGL8wPcUH7T0V1IK\n5Z+4mn654VeQYAky0PbJmsm24AiWLNWNlTHsIru+fJz2sJvkJokb+fejf6a8\nmtijbhL1NFIgBfvgws8DGN6Ok++gm64kuVsuzcBN65Ei6VVr+cmMtxsF3KmP\nD1KQy7ICbjGvTezKK9Jb411xFgzcncmq5P+x8lpGw+LOzRqVAGJ5hy84ALbS\niIQ5XYUu+5dZHp9fU0nyhaaTdqUf8OC/AIMdwJflKVJF0P/oHikM8+lUQj0B\nOx0KReZY+FDnI+h0tHYlZTtHJztbKrc8CTsRPev8xgCY644xdtMkgBpQc99X\neR/U\r\n=B6tZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHINYK8EpIpXt3ZD4beK3M1Gv+lIaiXljbAGbh37+/AhAiAB8YkaZhtSQYqGUkug/gJcHcW9jpfkqUEQdznXAJAU3Q=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.8b6a4700.0_1589390335209_0.5864641457164477"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.3270effb.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.3270effb.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.2139200b3.0","@material/mwc-base":"0.16.0-canary.3270effb.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"5c72bc76b8ddfb71726f9139d6105a4b108b7174","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/5c72bc76b8ddfb71726f9139d6105a4b108b7174/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/5c72bc76b8ddfb71726f9139d6105a4b108b7174/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.3270effb.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-mK44Ep9XWiqW7o6DSgwtzUUdg4aYQ+djwsmeFPuh8doukvSq8ypqavD8Tplu+5cSijQJ/YqQN34RGXinRXJ+vQ==","shasum":"1e754ad8cdbe7eb5c037760781015c106846cff6","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.3270effb.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevGWBCRA9TVsSAnZWagAAWXAP/i1wmtXFghym6WEgYw9L\nCsHvLB023tYqVQekIKkHgFzYBSkaCzcKKfjwwNiJ60rPq6MM6hWfubP06m+9\nCz3NNUv28K5IFCKswWEIbpzIhuVSidS5MyAewFjyi++9ZuJ5FJEkRLSZc09W\n1kXzTkWD7rMJi4qw2NXvQFRcWSLg4Al8EOrv92isVmOTZwnNq8syvlF68xvF\nsYoka1tBwM8K6CL12hlC7j1Eo3ZORG51EIIeYR6e0qDpC7gahAxZTyI+ChSU\nAMWpRO8G3LyQVfMJ1UcCvAXs91qm/GzpGoPZ5VHUefh18JdBRMv5L+IybKk/\n8x/5DVb6eVElvBnyM2zvF2N6AOfw0toZ4oUuF52PMCrtP/H07QViYojFBvL9\ncVM0TIgB1F/m7oRQOLhxYgCR++mxpIrx/qoy9O8sR0cUqN5J/6nBFbJbY5mo\nH6pgzzviegIdy7gtLorkau3ln7i/J4rEKZqWJgjrOyPSIx+1qU6rQiwcdQrG\njN/pbogab+g++zDrjgbEeb/Ec2+MAz6MWoOyii7KPGpk6UhCs6WGbE/Iuwjs\nEgSnQ+d02Ge6GhrxrS8jUSd3P6XPdvGxpb1LRGcLxppwaMAonmHAoGgee2MW\nA+GTHoBrhDoQX6IgO1P6U6pWSe+NRdQqUS+yNxY/YsYz2c0evhsLYHodb17a\nqP7z\r\n=Kvny\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDHd7t/Y7+9kFBc/53vMMHKgPL+QXHv5MayRlmG38zEiwIhALk//3ECWFsRFaa+Ri8wdilzAzAcQZrTvWqBeD3j0DtL"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.3270effb.0_1589405056647_0.999575469585781"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.832e64f7.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.832e64f7.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.2139200b3.0","@material/mwc-base":"0.16.0-canary.832e64f7.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"27f7d1ac979b6af26982de92c2f2bb7fad00ccd1","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/27f7d1ac979b6af26982de92c2f2bb7fad00ccd1/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/27f7d1ac979b6af26982de92c2f2bb7fad00ccd1/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.832e64f7.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-4inxJb/D91TMgXWGSXMIN1tB4iVVHMz4+Xg5KaG8XKvOs4YP81a3ddBHoya3QWSvEGC/HNi9y1AEUhFblsx9HQ==","shasum":"3f07ffaeabe36050f31924983e95ad234b3234eb","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.832e64f7.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevJYpCRA9TVsSAnZWagAAju4P/RPQglQYH/EC7zB/5OpV\n7Gu+byzpTAZS569+883E8g3JEIXssBA6d/2KNQ08QLX5WnGniXxFG+LUtmh/\n1XDsINjE8DUnCPFPNJPkIHEPcZYGAaRAlyBdiaWmOPiyUpNvgYd4iiI76/tF\nqGaVsVnWW1BpmwxTp8TQ+k//s6IhLYVxLm1rJul8oLiv9ISlymz4K+/JUMal\nLqkOBq3kMSU9T1O0UDfrqfeso4Tj/L+fFMjEbOR1SkdWX00RBSwSliz+1uVt\nCwt4CG+aNx/N+d60KQxBdqWl9+yxpYMVKNY/mIruc+bTY8uuW4QZfUjTYY6j\nKisq0y3iQrj9TwcY7mpNXCp+aB08YkQGEwL56oOM+7jV/4VJ1dggmsg44mMe\nN1CMEsJI+P0P49cGl4aEJ37D2a1Znn/DRu/T6QrgLUOWlcKC6N8NYNTcz8Kx\n4NpYI+QtPWl7/GsCewxS8QA1FfJtepNpHKsFp2SIbiSuPuAfCvUe6niuYRBK\nW2iFpCKFADQ72/szPfdUBr2Ut5XumOAFujgqDSQHOMzHxPAe7uymvWkmx+A0\n2TQ3JzYUvSUqM7jHrgJjmq58tWB1CLXh2swUNLJsx8/JIJs2Hab6jSY0My0P\n4veift5Zh3/AFov1eO1eatahgHsfQNFf1nXBVCWFSkCko3NV1pvYPDKJ6BKC\nXcTk\r\n=skha\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICswWImoqNbmbJb0BYtfVoqKxI53cfm1PCowbFlj/L0eAiB5rXhPMk3hCyhVd70VXLYSkX0+3rgkziYFpHDJpEbttA=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.832e64f7.0_1589417512620_0.538433795412345"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.472fc4fc.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.472fc4fc.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.2139200b3.0","@material/mwc-base":"0.16.0-canary.472fc4fc.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"0eb6479ea05a7af0418b4fb939f915e39af03923","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/0eb6479ea05a7af0418b4fb939f915e39af03923/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/0eb6479ea05a7af0418b4fb939f915e39af03923/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.472fc4fc.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-M/DivDhLQfBsPviIE3Rdszx/GzZ3Jts05H3oK39wAq6TbfhcDigOOnxMbN4fyaH/CJHz3h8rLh7lLNFCanv60w==","shasum":"0959e23603ab4d4449068bf469b2411ea97a6487","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.472fc4fc.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevLylCRA9TVsSAnZWagAArmQP/RebJ9VTY/lkhqX35K2d\nkL41c9D4P48OP9ZnAbBOJDeDCG0hjH4EfX+K2NKmYw/U7FC3TPFFrRzOArXz\n5xL4SyM5kK7rFlflDUjEs4HZVC7UCGEP/jV+8D2EDZv19nDDQxBD7u6M+lvl\nDHKOqSNRf74AKFuYUMcDaYPUMbrBvz3OzK9TTInXTqls7WTlkWrJCkw0GnCn\nPKbkDGb1zJeNedQRm4WtXTf00vP9ix4g82B8hzTaoinzv+E/e9gK1lSyDssz\nNuK5Kcamp+WDALUqgSXiFsL2pRan4vHgT3X4lhYlmeNHoq4j/BCs1xYUYtfO\nRjxZJ1PlaFpkfzHGNVClf5LACxz7zaojPvpVh99tUNAUjMEZJIkd/hFXEijz\n0V++mKFXrxkTy12l6FYVw8H2fngBMRC2egK0Lsb6QU95HurzXe5NJrMkNvQt\ngT9X3O+BOo0QUiy5ZhlX6tyyOX5p+9095YgbfBwFHwOPKC6hRecK75E+LxVu\nHQmHdBVUEvkEktGUtBQgWO3AfdqL/RkRNsfKOW4PkoyawCpb/EeBYZhW7ba7\nHXv+ExRGgZcEyBvvfJrsU+QIpHPa8d76KHDr3+G1+F5Gc37E9NP2HtLBuwQh\n+58lAo7ENxlR8+TyJlFBMPxtW6V4BV+xz2jVNVrxXIk60/Yj23t/FCmviUSf\nf6pj\r\n=GgPj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA0GWNX+IQzsG0O8YpG+p+xMPwBjcsXrtZ/RYXr0KLJ6AiAmS6X81+qem9lDEIGL34YJ6uUQ0WbeUqFVkiRk9039UQ=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.472fc4fc.0_1589427364676_0.04286431870461915"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.4dcd7dd5.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.4dcd7dd5.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.ad0c0c103.0","@material/mwc-base":"0.16.0-canary.4dcd7dd5.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"a2b512eab44e739c09fa66cee4f0a65698e697f2","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/a2b512eab44e739c09fa66cee4f0a65698e697f2/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/a2b512eab44e739c09fa66cee4f0a65698e697f2/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.4dcd7dd5.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-lc6YhmSwGydUi3kTMxZ+V1B57uU85DN64h7VR8mHhKba8OQcYfss6iYSWBA19rOUrx5QWc2Y/DcHv4afFnvMrQ==","shasum":"b785637b4d868d99d8ddeacfaa5e1619409b3e40","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.4dcd7dd5.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevXC0CRA9TVsSAnZWagAAlJgQAIqLW9T2ZFBKLtHHH3l8\nOsZv9clrY4Vh8eL0AW95mdDig/geWBTRLSQIGVBqagjhep7RD6ZBxW/5k5gK\nemTvR3sb94SKRcmIFCdKKAbDjAmzuBFUlGsyZPghhsoT5LqDbrympk4TwXxV\nYljcyr1tNyW3rLIko4YztbtdZdMSpmSK6+p110EbcfVB228CjKFH+ZEDnQNO\njG/OcixLRFViPOYjfSZnbJRElaHWpEBGWWPVMWnwsCismq1AhLjv4qMcTNgs\nBgHp+LNx3LFSHRYA6SqFiszVSFm2vl19ynujXG2oNZLZpGk5q++tzPOKWeJd\nsFRXeDsBCwHERNm96VrZ2gZD0cTpDdRS16cPV4xTGzHEdRhKAfjvf3JrvDsc\nXuDJDUsms6AekIvQfDOj4AKm9h+xZMAadjfo17LW3YOYmvhoI9bQVgFE1qh8\nkERXGwC0adM2PcziFm47XqBxPV4xbxUdDryHxPBHdifEHMv870M5MIlB+qWK\nWaWCDnvjfskGCrvt7oGJwyjt5ElxomRKxLgaYwM/8lcMeXkxsTwEi/p7JTd8\nPcz8UaF3FynXThGoTiyqQYNfQFS57YL1q+Z9hiQUuGvtC84XYS+k8Rx1IIyf\nmI8pmMlhY45g2PWplxwMY7vYlkE9wlQpmcYdzQB9MOZNHGGysfqX4Y24iTAI\ngQXP\r\n=m0Q8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHgSC5bkwSbXAvgVS/ctGZ0+CIOtc6aB2P3yv+zcxSffAiB5Qo/fEOa0gSjZkIOWNUSryKNgz6WsURGzzp1fpkg7Tw=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.4dcd7dd5.0_1589473460186_0.4721060158562209"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.bcd3400d.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.bcd3400d.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.ad0c0c103.0","@material/mwc-base":"0.16.0-canary.bcd3400d.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"dad5f0740d5be7e0efe9c5037afabbec57771668","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/dad5f0740d5be7e0efe9c5037afabbec57771668/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/dad5f0740d5be7e0efe9c5037afabbec57771668/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.bcd3400d.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-TrkCxxU3AxlzpdGjT+08lxDEZzOfHqbupvo3L4hasnpLUPZFB5Fh6cepvF7M1WTN2UMTuXSdkc70vQ/lICORTQ==","shasum":"5b5ca3a3bb2295daf045f63789c23af02b2f9281","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.bcd3400d.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevxx5CRA9TVsSAnZWagAAyH8P/0aBt2PaD3CtE+9KsvpD\nBUX7qdQ/+IgHsakFS+ZM3kz5s9l1l/hYrwTi61WTOoZ3GkFJVsYjye1gKDGv\nwPZi1KyH4A/AcUWl1oK7wyRAoYEqQq7TOo/xAghHsgWl/ktyHWJdeYQWVQqz\n/EzcXjMRlnOAuTj7Fcahs+MViT4n0m3oXZe4m4FKE9VqeM5lk8gv1C59uX5z\nvdi7m6Yd7GIawDsqMW8ZcOCkcQRzXhr/VdmnDzLoIMXF7LN5oiiGx1opJEma\nVWjI4C7UQxOcH0v3x3YgaFZVEVC05kb7itWqvS8Cmy9RboEJ/yT8a0LlwZgA\nwsT1Z/MY4CnDiH+U36Lcx8u8uPMkrGkYqSavZaFDcod4JhsV6hKFGoNnD3Qa\nQfRQ94O7fhwfZumeFzyvRwGVFtUdc0LCUUJ5YhpZIDgFy8S1JaWqybyvEVtH\nV5RHkM3UTjeGO71/PISS1O3qneCvuVrT0KklyeayYVh9LDec+gxrPMjzAvGq\nE/DyOzzE5N83kp1FhLomw+8o3XxceRgJd2XjaqhlAZlgj7MtD6JPzQRITZt/\n2WRUgAyys12zrOHG4Lt+c/n7KmAqEZLuSFRA14YZGbilE0iYZNeunVb2ys7V\nbDlpVHmFcY2MtAVFYoATXf65UKwFqTkjTnYZCifo17jnRDswVKJOOCCCtVf4\n2Fww\r\n=ZY/M\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDXZrCviY0jUk89QMnGytE2QGn01zx7YM/pTpj2Pt4jsQIhAMmxjZYnNl83+yFQZyVYeP8EwOmY/UnXMMlIBgMEg3mk"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.bcd3400d.0_1589582968762_0.7417164778903229"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.91f63179.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.91f63179.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.ad0c0c103.0","@material/mwc-base":"0.16.0-canary.91f63179.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"0e5622d76bebf9f0f121549fb3dfc9bce15378d5","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/0e5622d76bebf9f0f121549fb3dfc9bce15378d5/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/0e5622d76bebf9f0f121549fb3dfc9bce15378d5/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.91f63179.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-xoXsSLZzutSrjtyt7EFZ4T2vFkiBo38QoFaSte/qw6EMXdEue8ePMiwJdpQS9KiPT2gRBc5h5DwkY6ZwQ4z8OA==","shasum":"4d63ca2b95758e484bd224408b364d4260defe14","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.91f63179.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevzUGCRA9TVsSAnZWagAArL0P/j2DE2ktvchO3hLdQoyV\npnPGQVl5fQurWQX+0A7a5jvoMHrSAF0Ob/iV3etvCikcEl4xATEs3pTDChc3\nf4McH4FpQu2RCHrsoWTF4dqMNQs11MVxwr7m6PtBwDn4eXep01lABpLGb4jV\nf/LtqldLVYrKr53kQ+NVvRVfGC0j1OqH5x1p5faBp1qDKXnh1+3swxre/Ax/\n7aia40es16mOlhRwSMj36SJ2uH3audIH/nMeQbUiXeai3EJlWSh3UAILgJA2\nGR63Ef8z5Wz7lMGXTaCDzN8gUO88OnKZkLCjQMg3zR91NEZB3vUcOWo6/kgo\n56esKWtDxl28L+DBlUC/QUqp0KilapxvR/mpuydzXcXxB46qmuSMiCKErW3v\neSCPJLad0rkfcwHBXxaQYIi7w5nqG8kkPfzfvvcJQFM4KBNa21gzD/QIaNPN\ndb4/Hnrv+RFCQsGyY/5WrtyLxRr0CJM5qkMtpkLxETa/R0ZA1ijrg9GSykpR\nofD/o1SycUabLiEdl22/aWauQwaYN4uvHH7GS3xluDBnbYd7KtD3qylTIknU\ng+4X7FdPdsVLd5EeoepREKCCYqCjdcs/TIB1ajrSOnLkpWkyBsHHsRjBUZmx\nBhNVLWn712/yCbAbrLVazw/iq1KoFE961gk0shaBycoG5VRvD0ue/ZTCcxpw\n1KSr\r\n=IwVI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB3Ec3sN1svx+z9cB2SJAV2FcHkehVwkEAeF71hfgLLWAiEA/kzXhIScjedZncMooJnrOnBIWue6ROVdLFud8pHx4og="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.91f63179.0_1589589254344_0.07643593789635927"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.b8aafb56.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.b8aafb56.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.fd8f8f2b7.0","@material/mwc-base":"0.16.0-canary.b8aafb56.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"cb4a37dbb03476df8ec3422cb9bff794468ad220","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/cb4a37dbb03476df8ec3422cb9bff794468ad220/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/cb4a37dbb03476df8ec3422cb9bff794468ad220/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.b8aafb56.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-7i2saCx84jIG7mYWTNWH8O6g1xJtqiejorDKtTE76HYP51428jmELeNoAYmJLpGZEadH/mauiTKQcID+71eyYA==","shasum":"c96a3f2b17807838fbcc0c2fe7d0cdb9bda46161","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.b8aafb56.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJewtR0CRA9TVsSAnZWagAAMv0P/3fVRjj2KNhUg9wvLXjB\nPPl0NWm9vTJT3sReNWasqd6gtnH3vrYuIYzJw1qUbJBdHEVhYNYrOSrusNQ6\nFYJoxt06GNmLpOmUQbhliQXQM5M3ALS5PBXBhuozseYDH06WaeljMzOi4sHC\nDII4Kd1mhTjdIJVioH037Yzp2nJRa3HOaIyu8EjXYjA32aXuvvhtD8+r/8F9\ntwJTfCfHI7gNxyVUs5N3B9JsJe5evor4dSUGPE9gL9MA9xPB6eM7kJ6YbzEl\no5CjiRq8baUitvI1cvLwURgwE9FZMXcRfO00qxBzLMEPb9QqywJiOtiR/u+u\n2bkS/coU7tmzHA2STRsLJE3NKfPNytbZLcjVI42xjVo6ag7LcOkdv/X/+s3h\nm7vA3zbQaUhGl2TIaI54lZOEvXCT8mCKHTE8y11vYRIH3mKrOfuk8zi6Nm6s\nvTwYNRJu7aJVyVkkWkHO+OMNji27gYTq11ry2NjRZvEmrNw/tCPnOPLfFF8K\nTC2LQugas+BUo3A2spGaZMq9LeWFtRCYmuODKc4m0kMMQmek+f31tSXCSMx1\noK5182GKWU49t6ALtbj/hoVzxpM7/+3l1ofHF+W7GLUEfNUlHI6KSyaRYOZE\nRvw7vvkKoc2Ap0Ij7XNTaRYmrZwVuFs860UDU2tM7IMkGHV9cXSrBx+588Sb\nMCKn\r\n=+vRj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC6q/YxazeWhBJ9lYtHeCCofE98jv5zbTXJxGLa3qJL9AIhAMvr1PXCfCtYYmuXFob/s/yEWKIXBKpgSp1VdLUwuXSa"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.b8aafb56.0_1589826675942_0.029021577347303262"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.a564b194.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.a564b194.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.730920fbb.0","@material/mwc-base":"0.16.0-canary.a564b194.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"88e988925ffe167fc3916968d88a99b85d5f0319","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/88e988925ffe167fc3916968d88a99b85d5f0319/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/88e988925ffe167fc3916968d88a99b85d5f0319/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.a564b194.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-yLoTeRMk3FWewiC8mElv1ft7lT/gwgDE58auSiBDCtgLD0zrFHdrZixynblq7J/1TwPxwqwkYEnUieR2NegGjA==","shasum":"c71ab43025d1c38621432a66d0892c1f52f6be22","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.a564b194.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJewxQxCRA9TVsSAnZWagAAYUIQAI7kCKX1Cietjy0r+mE7\nvIhKQ5r7bBi8yEwxbGSFOAsdyFuZtc72HKEATSnhq2mLV6ybRh4HGdpqkaO8\n1oM6kzih6/Dodf7wt3dt/ciHKdGYEgIwqLwWek1ubUZCkDWCegDacD25Y+WW\nize2ZYs9V+pjRO4LO4+7ButeTlR1zY31NUBlPeyMXCR2Xg3s9xDXFzm0CLOI\nfInmANkdlq82qs4lDoldaXt8PUjT5lU8jQ29GTLMsrbdm7EQTi5fYVlrN4v/\nJMT+4INMhiie8/Kj48E2FjkYIgKHEzYIzCpW5IRkIita78rcIUyRKYgn9x26\nhD9svYCcRA7ZT5R63Q6PqWfBlVojyKq6M/ypENQLwKLm+qJlGWE44JDFqsH1\n9mnmCprRuWR78veg1gNfyRyXdOu+oMJldJKtLh/WkUWz7IVHV7NSnhYBbKx8\nR4RmWt93kupCKvCRiv+nrM8Ak/f/HjJdhLa0OCmFp8+QFnCcEak5WVXiD2CF\ncxN57ld+t2ReTJQSxWOZUUO7wrD2YIiwfIcianMYTvWcVk/F2ipXABbAhtIP\n9oju88tQ3IXrxRYzAXewpx7gsdbB+870+xYku3FH+3m1DqzA/uKikyIk68ol\nuyD5yYjMioAnIcJYzTF3SNpHt1SFKP42uzKJG+84E4r4WtZYfMcTMP0tS/4E\nOW4+\r\n=X0BO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICJatLo/2Y1xsdl3R9z9TNIIdX8JnxWAADTLHQRMLluUAiBkgsrWTL+2rYD/yRa3isEnRslc3lkP4Z0B6tKaIJOOOw=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.a564b194.0_1589842993292_0.7979624597947099"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.ef56465b.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.ef56465b.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.730920fbb.0","@material/mwc-base":"0.16.0-canary.ef56465b.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"ebf59585445179b39ed7a77dac598972ce48066b","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ebf59585445179b39ed7a77dac598972ce48066b/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ebf59585445179b39ed7a77dac598972ce48066b/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.ef56465b.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-sjzEEYwjbiFrTZYxrqMFHs2Vf1SPpyVvo65ZXqSa8jbGDt4eVjfpA1jbmt/vmul4twAu3AfpSVyrL7/849KedQ==","shasum":"19a8f858726657e48701d039a88585bc25625486","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.ef56465b.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJew1bUCRA9TVsSAnZWagAAApEP/22odD3IeDUe9beQMo66\nienbGpBCgqa/E2Zl3yihse7tU7hiuobLnj+5GjysUvzDPPsgMq5Ggds3W24I\nkNKikUZ/PrY/pt97Ro+8ikISu6bP2cs2LAM0uhd2SD3MeZ+MZSmJ5mK7N7FI\n3blqzzuDLG/IONk4ce5jTbK9i+6eW3Rc+p5M4tzIosx50GdgUe4FH4gfmKPs\nfM6jcP1nQn3NFb1mxac0S/VhZymmjFVP51ZIPLAMiZsk/n0THVGlgZo333Ig\nnZtJRf0tR+0eeZKqDI2IQJRjlWiCx7R6VOZ/+p7/kKIJssmFVoHTQ4Dt5WMm\ncYnSbkZGFFySTj0A6p933X/1pZCKvgl5fHymfgup2h8WJIomP1OeDEUSfQb5\n+9/bGFkxFhT5TCPXeqwenZunMVMPyxHQgYnwGtWMuOsv0t9OHPVgHCFO/G22\nX88qqVRl1PwvkhPEBw95osolGKHpeWuXqqK6mP/Vfo+mSwpqP797W7o7xr3O\naRXhHTg97BUoLWhxtmdwY483U29AehJBtCPmPGIfRjG5gWzbkObiUqxahWBo\n7uv08m7n8kslukjTBEZyRvAFQNyekYIPXfJAsWqx+VlJZx1/Kck12dsO6FY4\nVZu2cNuXq1qcBz2cVx/JtXKDOBkQ0w26OTUauPscRm/dFlpFTjRro3LaLbCr\n3JsY\r\n=7uaY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGhFf/n1u3WZHd6TvvqB5+TMpiYEOmGxi1eBputJIh8fAiEAoSL0u65ZBJGIDxJATmODyi1TzrTqOmg4rNzoaEQgxhQ="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.ef56465b.0_1589860052377_0.9229169533101078"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.c22dcd71.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.c22dcd71.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.4497b86ed.0","@material/mwc-base":"0.16.0-canary.c22dcd71.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"6a706d54228a517263b38bfc1185c9ebac4aae41","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6a706d54228a517263b38bfc1185c9ebac4aae41/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6a706d54228a517263b38bfc1185c9ebac4aae41/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.c22dcd71.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-SjB9d4Rb0HwzS7Mfiq2cUqAkK9e3QdQvgpa+IT7ywxMc3HpkeL4ZTbX79pQRQfC7rleF4hnA9fW4+19TN/XN8Q==","shasum":"38532e876046bae4cff0377225c8c786b13c2038","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.c22dcd71.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexBYuCRA9TVsSAnZWagAAQQMP/2K9JhVN+fyrvniMvKq5\nZfOEcQhst431aqsKnjgMTnF46/ZJsf9mCwZONemL64XGY87a1MdFcbCX73Kl\nJj1OuuMcUEtRyD/5lfFzkBEAhx0rYq7Snds6e9caIekAm/2tnE4GqsC8PHzG\nv5UxzHJCqkcYP7+CqsDx+Om14aOYkYp98OT9uOHaJOJ79AEiyOfyLd2KbC7/\noIartMJ4aMETpHElJbK1KBIQcV7zqGjHSn6bluV6dmGtnrHFB1gWGeLyNJDG\neFCG57K/so2Jz3rzo1HP/4EO1JIHw9yoQdaVpdQvu/p9NfWFK6qt3j6chKLS\nrucT8rzTs0pxNxNBC8j1uqIgd/9YgYGG+oKAQUsnEyqK6JISWwarfkNn1sbu\n7/fxp/EG2xz1odyHERi3f79ArYeQHjJPg1/8FgYpfG779sOvfOp7WNyTzRXD\nmjgG31/+9pRaNWKGfxe0liKMxno79W/gwrrNLQ9mbz2rqtkP1yckeaT77T2b\n+0XuTlgeOFCgWNSS+MRPJxycfJRozfY9Ty84dpzCL4xSCNTmozThs5eheCF2\nMp4zDzsSlJXtrKLcb4+MGNroZgrQqqvj0hR5r5sw3Z1RAbePoptm+i85l+GC\nVn0aDhPuMMALv+ZeLRF3FFVwhcZr2yQbVS61swg1haffUvACjG3qD+6AT7lT\noY69\r\n=W/S9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCVxJfXNXiHL+t6/41TyhfeJC5H+k+wDn88xLl7UdPMpgIhALRP/gcohOqYLVMIsiSA1x1CmqeNO7qwXnJ1R8lhgZrj"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.c22dcd71.0_1589909037976_0.7183594951935306"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.6eb62388.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.6eb62388.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.e3eacefcc.0","@material/mwc-base":"0.16.0-canary.6eb62388.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"abe9e974102de52260c3cc1347abe8592e0d5e7d","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/abe9e974102de52260c3cc1347abe8592e0d5e7d/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/abe9e974102de52260c3cc1347abe8592e0d5e7d/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.6eb62388.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-PUl2qax/AP6KeAhT3iF9DewpfRVoMQc+iF+8yi/zMhJoMhF5mSu0todtoUd/4iZKFabhThBUKJ0Xg/jXfYJ8SA==","shasum":"3e15c2647e99df7448d2ce1020a9049a6afe9e30","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.6eb62388.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexEOtCRA9TVsSAnZWagAAVogP/173AKX1yMvp3p0sLUqL\nzkn/jsvSNcQS7X/jQKYDZnjl6cqRrouLhvhPGXJMY8NDnyk/VTo5IM3xelnS\nwVaTV3ZlaFQxovvTx2B89Bjt9k4AcIbGbftVQq/W84RqNqWNaJ8y3J91Z+xV\n7swWMjmJrKvKzCwRwbvwI4+lrf2GGxX7UEVJd68IS0es3Eiv7HjK9C+PlLx9\n64sVPrdvc7ulTePnnDOuX5jKiEh83IuT0CCIM61Ph7jcq2fSzO3W+RSySFFN\nLUvFqIPHLQZu5THTBMs4WXMX7RLrxoFonEs2KrYKiaixeZUTrK8H+fMbtF21\nR9QoP9LPq1i8jgeHljwsnXiD4A5VkjLeLBghopuyGglQEFSIqwPSCKCi3Ll/\n8US2n9zY7XPAzg2okc8bqBxhRDuOPtbiH0ka7trcdOFUAeO1qpWQg0IYXwhp\nTB4eXrnFhyxLkeBtlkgxNFAp7yHrZb+IRW94j+JUajuKL67UOxDX7d1zgosz\nyLy6Fpm4sed44ooaYN9DGg3SH3bAmCmfgQDLQSvmyyn5L/sedWbIeKo/c/zF\n8gsNuh/Mqsqplq5BVoKHjr78Fa5fpEzx1n6y2nJZarwmEOQEAUpB3vrnv2OP\nXGC/vkcPjrKWecxLqNHEbB0OnwmW0JuQRugsE1qB6YCOyZcetHHrSrno3lCJ\n4jyk\r\n=X9mG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFZMeXz0p4+lxnYJjX3bzoI4u7cqfCvWI7YMtlZhK1M5AiAKvxSwUcT1X1qTMvcP+SNG6UmlojrJ4d1VojpZ4X6cIw=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.6eb62388.0_1589920684992_0.3109891703724792"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.9bc3230c.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.9bc3230c.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.e3eacefcc.0","@material/mwc-base":"0.16.0-canary.9bc3230c.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"f02ad2a44567ccdf91e52b6e07f5986d49d2b375","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/f02ad2a44567ccdf91e52b6e07f5986d49d2b375/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/f02ad2a44567ccdf91e52b6e07f5986d49d2b375/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.9bc3230c.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-kJnsaqwJrPN08nIy6CBnWt01lz4KQ81d5tFmU+EhexVqeTyL58qprNynSK+lVvqjyjFrgWcHOK9cbRgWE2HqKw==","shasum":"09814045a01f449908107d8046b80dff80b7526c","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.9bc3230c.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexFG0CRA9TVsSAnZWagAAwSkQAIdAAPcUUqBYt947W+sS\nthsxjNEf4dP0ZJTxyh2k829uAHGcJNIzgSd1pnV+nCuUbia9fDOe5tMXvmWF\n8L0DRWubsO55d8w5seXoynDZBX4y6ZT1I4InIS63nUxjpDgn2xLBaonLAu7/\nCiTkysF3N9NhqlO+d8afYb0B/XiouSrEFnzaiIwY9xzu312/l1aVuokdJBVY\nNKuoHxtjlfvVH7RtgVwbV0Pe0awwqbdRILGNHAnaXxD7Kdnw242C2T5d6l5R\nT8W3fX6lxIWYkGg1lz4FsrMFJgXvoCC1+MmLdYRWOi6xbg7rH4aSwgY7WcSD\nWJWJx7olcjhLiKajz4p4ku5y7XSVRD1czRaNLshthUpGbo2fVK+/PTHZH1p6\nI5CA/Uzfna1XQSDy0oCv0XKwNFxGl5rm9Q2K9FFJqciMAvtWvdiXLbwLQrlu\nk5Ew9oV9tS+2hIrSGS7Aa4Hds7AGj/qpv7MlNCCApQJPuW8ZZ+ge83B/pTvG\nuc9kt2AlcSAHaIC+u60TzFzn4F0+ODT5U/qOyKyLBV9f390NPD5A9xoV4jQT\nqzMOvyzFlhPa4JqUeoATSVSARt8ZiEiGOrkfsyyVvKMfaI0ClQccKfPlBNJW\nyaPhmFAIaxSDMpBDDGQudX7s1/Rtvjk/Z3iyMVeAIrMVSDWmcAJIOyosZLQj\nqzry\r\n=FHF4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD1VL/RNgDmSD2tfDSG+gJ3fAA7lW2VT/QUd4e4TZFrOAIhAPUmRaSV3zLJGmmOyeiKxTDhaZPoR0SFhE58ByJVpAA+"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.9bc3230c.0_1589924276175_0.6054713269736669"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.421a6856.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.421a6856.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.e3eacefcc.0","@material/mwc-base":"0.16.0-canary.421a6856.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"caa535baf074d026cb6a6f50dad38341320274de","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/caa535baf074d026cb6a6f50dad38341320274de/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/caa535baf074d026cb6a6f50dad38341320274de/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.421a6856.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-yQpbiRGzZON8hxtd8D9LCoXJNkZzyXU6Z+bo1U3dn6vfIZTfmgeuBSamnVHJiWMdAucAcIGVy/xZ83okmz639Q==","shasum":"f1b08cb9b7c59be8b0125aecf938395fb7ddb288","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.421a6856.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexL7rCRA9TVsSAnZWagAADA8P/AhmGM0sKRFkyTSqpqqf\noZsRgQ6Cdt3sn5wb/cQi0NRRLvorElI0SdzMIof8TethGdrm/uoqneRsumc5\nBo/b/WuKRTYHG9SdbbCilVrJsLMOrk8TWtL5+44CZahHu4TJ/81Yj84cSy9h\niDMc0VcdwaIO4zqrzOLzYFE4K2VWCi9+ugQ/2O3BYEqDKPi1YjVL1nh24NOm\nd7HDcVIn4S+Dn4UyLcaX4P+6c0gcttpXkcOtMxB5P09rlap4DbjJZF+GrLLK\nxamSsIWGJFfGIMgst5PIkRpq0t13BEqaw/lgwebz4h6qm1RQQc8s2R2farZ2\n/jySbIXxwuZv+6mdVtZZtS571uc1Dst9spWawshf5azEm1m0XwkrBh18Vdcr\nAUNwmIr911rgWSnT/bSLtRL3usKhwLomBROqzk98UgPXN4VZxBVZGeztkyhi\npSiXQxwJVdce7+KnvKDh6Cd5igNjbx6QseS1vOZbFVIaqDOk38y0Zvr/jtOU\ngtrrQFUNzmxc6nNFj4KBox52mQ07XuDTL8APo+4CSgVsRpeoeJ0/stEMQuMQ\nB66SjPFOqCdbKxIYg8Kiv53hQku7Sn7F0qR0sqIzbOYMcsG9VFpfIOXBJ8Bp\nw34eYgH0L2tqV0agsdUHk7NN/BOzeCkB3QpBHIT53UOOiAAjxQgd0JmvKnmX\n9GKX\r\n=I4J1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCjJpplH/iF8R1uQIXyYOAMgK6EI6/YdTZuAv9JNTbnLQIhAKlPLKhSGbk8XOO8o7iItxffIUYW5JIsPI6QyUvDgKXG"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.421a6856.0_1589952234747_0.03323745615846474"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.761aa6f2.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.761aa6f2.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.e3eacefcc.0","@material/mwc-base":"0.16.0-canary.761aa6f2.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"2888b72f42dfca39ebb17e6fe3df0f964d21febc","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2888b72f42dfca39ebb17e6fe3df0f964d21febc/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2888b72f42dfca39ebb17e6fe3df0f964d21febc/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.761aa6f2.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-NCMzVW/f3mXVCA0/PfLCzOpFYa7lIpeiaxV0yG2cnoOWcP9oEiiWmVJt2gK0Atx5ToGgxWZ7p8ChOwNlGvIv0w==","shasum":"c0b579356a2e68c096179cbac7699235c21b6ee9","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.761aa6f2.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexaF0CRA9TVsSAnZWagAAhHoP/jqpVRIwFtjeUalOlXx2\nKPjim/h69Cr3qI+ph6WQrumYJLB65FRVH5W9tntL8WcRivCORXXc2WLuPNuC\nmyWLq0Un0S65DKFTHUzGWOZVG79co5xUNybOLhvFn6sGJJkx7awTZ5m/Pi3N\npBnW0jdlom2ZKE5fS7sDPWibzDcZg4B82UX9n32/HGisUwL3pLHDXSy1/l4Z\nc7Flhfvjbx+mJGoDXAMTT/YMj8W8AfQjuZ/2X/fNlGQ7XiBCVUEy+bWR99e9\ncayW+NA4FeavSwDGKOZtpXx5BKuopDQajdR9GRYFlZoOvnzf5Zxj50I7eROb\nWTYlj3ByhW91IdctoitcmO8f0s4B2id2jROAGedzu/mopXfr146Q0vBBiYD3\nywx+qEavrHbe4vWftnWp9R3zUGFKtYHaVuJxJuclNaZLLqS5dKvb5FSyc+zP\nwrH/shN/C7lU7p1sc7v+rM45yekt943XZsNh2HCwuxWIWpHhi7Yf/h0y2Aqk\nAfTXFII8v2+9CS9vJTvp17bS97hyoJ+tJt3+u2Z+s30vrIJLHZz0C52ox6Fz\ny1rh9Wv5cYUBFH/ypMOAVKUqEdMVf9I/GI0t6jdp2WEAPBqKIFQsGrSOidJF\nfpYwlfakUsAiSaXsZtgtgKTmNFUXQFkUNLylOu5O4kKyqkEGUcmp2zV/H3E0\nQENj\r\n=nIQc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDDN+X0D2emQWBTPb6AbHpcWONs15xZJLQIydS9tzf/jgIgJq0JO2hFBWoo5U5Ft456FgkU8xkl+kp7+uzrYeFYH7k="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.761aa6f2.0_1590010227476_0.1849355162395463"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.f8654c40.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.f8654c40.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.4ebce8d78.0","@material/mwc-base":"0.16.0-canary.f8654c40.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"3b845b0ec744d5631e466e04412254ba2fba6ec1","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/3b845b0ec744d5631e466e04412254ba2fba6ec1/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/3b845b0ec744d5631e466e04412254ba2fba6ec1/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.f8654c40.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-JMM92+92ddma/IQ7U7/VVtJuq4183GDp5eTpygbkp6xwf/6a7HZ2vKroWTRm5QkkTEiJ+EvD2jngQoTAPI7Hnw==","shasum":"750afde26fd0f20feb9af196721eeac677708aba","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.f8654c40.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexaO0CRA9TVsSAnZWagAABAEP/1AHzvkSh5BgNfK8Z4UL\nPUjaRKQZ7sIOxUQbEosu1iXoZ7509fQ89Qtfj82W7y9kIs0IFIFHB2F+umL+\n4kf4fT58QjPC+Q84y1N0qh4DV5Vdj2JpmjJcWrMegqZreD94WIOLuurqp0iv\nCfWm5pMLeUiR+iR/OiguiHOyXeI5KlfLl7p16/darUltdvz6AK44LeMbP5Zx\nJlBPBukyzL5XsBcm+Mn7QwUfpyYZ+73ryRrO729Z3TRGJ7yB2tzrCVgCHQgb\nfTJgGHwjqO3yEGoZDdcYvcKfUHgK0T5G1wx5YrcsJQlFvuJhOO4Ku9cDiMwz\n00WH3IrhSsj5l8MjKgMAjsZnURBrGGZsCW3TqX3BCc1036UBo9dlqXz2GD56\nx+U21Sc/a9z3avetiocGJn3ll3tQ4EuXliPV3Iojv1ZkABStH2D6bI+QeWta\nm/azXEhTsFPrQoolWLtTdM3JbnlkWoWYx0GYG6vI+l3FeZ6Nhbo9JOxbwEYE\nHlxbUsWQTQWbglkHOp0wFKQf1+UDqOKVmt4bfOF6GJicTdtKX3LOExzwe4x3\nlFNj2FK1D7RALMYcvR90XsTmhOlKVhs+vbx3AZXZvRQE2zIFk2HZ3QyfzR9C\nfppfgDBRsuk1NFBCCCNRk3++1tYhq/psJwR23Aoz61S49mXYOHv4c+jJ0OVx\ncfgs\r\n=JN58\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCcFvf4IXtqjgK/OpFFLiXltgJXJBJgD1C7ZdiQ9U7m7wIhALXbMBZQ4e/Z6ZwgGG8ETEIy8QmBSOYy/8XzhKFR2cQj"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.f8654c40.0_1590010804326_0.6211176960988756"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.05f3853e.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.05f3853e.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.c67667e8e.0","@material/mwc-base":"0.16.0-canary.05f3853e.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"47fd7bad9cbebba6f27bd4bc85aba3a4fe6dfeb4","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/47fd7bad9cbebba6f27bd4bc85aba3a4fe6dfeb4/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/47fd7bad9cbebba6f27bd4bc85aba3a4fe6dfeb4/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.05f3853e.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-hsTBCa+ZWQKfRDfYUuf/bDUTA9LR7k61h0WWn/s/YXMIt43vBEv58JYjZRMLaoSJKKBM1kgO24G5EwWeOJOuow==","shasum":"d2d9bd43acda80cc2671f4350cca13e1d9f93926","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.05f3853e.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexrtJCRA9TVsSAnZWagAAL2gP/1vX+Y/E2cGlUkk22lgP\nn6inb6SeDgEvy2+UPwhYFx9sAle1bIiQXs2uJe09MUNueWnvDRlaR1vdvQWJ\nmE9jM8xoefgntEaQk3OvAO64DyzW4jS3Eg0yME/dBk74TZcLBt40iVb4FTO2\nyaBaPBgexPvCwVwKy7VB6npO+KlVVknjzm10Ymnvpinnw4pbBoKJPwjroxGe\nwlwG8YYlClru8qEF7QKXVa84az4E42Xd33kEkL1JLB3ofqlyElkw2hTnjBIa\npw95io9l6JCn13ikKUNcm+vMgnL1pdCZhlEonyZiNaHfZUOPIeV7hv3iU1g/\njMo7UbeiWlOdMBwQkcMkp4SaivXibYrko5l6WRIamGS6W/zmSSYVcvztQOXe\nwFyNwHJXWl8FoPc+ucixebt2xZmYCooRywth+xBtZZWIedUJgbWQGIUA/EXa\n5DppCI6maKtJU+RHLR5uXQ90rX/Pu8ypIswVUu/nG5TjWz7WBTgZVIOuqkYK\nLgfxzNbIerjZtYu2dfCFUK6NzmXOxkmkDFHmatuVo81ps6oXNUsS9WoOMG7S\nXvqYvgI9aVlfMBTy4Rb3UB/S4dAAQUajnZgC8LbQXoApTvpTdckeRKWPEJS0\nG62dqM/WbKLb2VxQ6DkYcGctmeh2ZHUe89K6sAneRqltx8Vx10qApfkYbeYm\nF5Sb\r\n=13jV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCEp1+9aOs+MWnFLVUae2yX0Z3TLbNnXUZ+GxhZRXfGOgIgc8W0i/JFvulQiXsTATKZQSK9Q0E6iQi8579KRDV7mWc="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.05f3853e.0_1590082377401_0.2485850879089031"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.5fe61f4e.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.5fe61f4e.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.c67667e8e.0","@material/mwc-base":"0.16.0-canary.5fe61f4e.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"7b3ddcc96480928cfbc9538fcd5a840b5ba5205f","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/7b3ddcc96480928cfbc9538fcd5a840b5ba5205f/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/7b3ddcc96480928cfbc9538fcd5a840b5ba5205f/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.5fe61f4e.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-ozrtHLE5/JKw68s2JRJ+eOkGuZI8zGHg1ql//g7o2FjHSgP1bZrz0R/GkWNPMcP0uyEBFOFCqdD2zLjBEqlwdg==","shasum":"a61d2049a03ae92100e6a957cdc3aa23f3519e8b","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.5fe61f4e.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexwmLCRA9TVsSAnZWagAAiokQAJOwdKIpLPTVb2c101Kd\nXTd9bmKD9XZr06jVANIv+4uislkv+CGHdD1JE3waSvJvwlfc4R7zuEzt81qs\ntqh8PkO2thBcDCyLQg0pd0PlSilHoYZ05++b6i4xrxsoxfDS+T9UgaBAxfRq\nxEQNCTt41JDwt9xyn3RRTcPmD/CYlaK9Wr+3P11CPakoZ3r0ByJBWNRkXYXv\nstucPOzTiocKXfYy1KLEn5eDol2Olyv8fs9Xz3hqBX99aIZ6LhpOdzDHv+d1\ngWw/Ad/QeKjiZefxzApxEsmLHCyvvqVDw5hL+8ZNRgJhz2425P2T4T/PUBPD\nMsVVqo4rrkph/xZTVpm1xI9YfsgJLiouaF7bF0sACyGWwcKFi8e7uunKFxYI\nf4V2Gvky3bR8v2C9XGZNQXSGBCgUEf6zKYlmSLdryaqblUL6y5ezZlpmWqHf\npgZZzuIg99TZASyvEm4Eg24E6S6AMp2+f9ZLfdUJ+lMhBvLYJo6dCsuKnZYm\nwA9uGctLpEjKZuX6p2X3xklIDqZZWDr0Nq3tbnr6/acvpmMyQPpVx6PYOFlS\nTzwBxZoRbpGNnVO1ZpYVIdEephUeeHd98dCMP1NKPwJKdIZc1GgJ9WGNTfzZ\nTKvNCl4ytNvllulrK7IKrV0RCrjYEHC7NAhcYnpR5rtvzovN98ZiG2shwv2M\nCZgw\r\n=MwPL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICHn/TPbRqg4xMU4Rcj5iapT2L28zxxyJLB03aCzs9B0AiAHwqkSyJ/obaZyCONL2qo2Zb8L/UaDA+4zbG7FK7BArw=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.5fe61f4e.0_1590102410604_0.0867767487704274"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.17d33745.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.17d33745.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.c113fc942.0","@material/mwc-base":"0.16.0-canary.17d33745.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"b97ea4369af06c50f10fd7a5fedf708bbbc380cf","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b97ea4369af06c50f10fd7a5fedf708bbbc380cf/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b97ea4369af06c50f10fd7a5fedf708bbbc380cf/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.17d33745.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-WsIctBQhoXIrmd+0a1QvUEURX+o9+mqpyGU9fwZwFqy3BykjAnA6Hpwk3LOnP9qJSzLMrOxahNFpI1YNITTbXQ==","shasum":"1fed04bcac207205163bc04dfafd5bfb9f30b38e","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.17d33745.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezUAoCRA9TVsSAnZWagAAaJcP/1B51o0j9LUkv7+jV6w6\nj4F5wIrcvnJy7cOTHAhYJDBFKqCecVhxXfEQ9ApJ+9+Ke0rUnRFcSU7P5qx0\n+dBcTzFnT8STXikcZVkWK7IVy03AJTl9xSHDW+br4nB8dhd7mlJ0p/UdjYKs\nSVCJvHAhk6bbvFrl3eCDeDsfCPvDSI4hBm1OlhxQTvA1ocQluisAbHllqbPL\nu5LBUcXMtag0YEjSM3YMwC1WaZxwY1o06vRfn/bUHF7L+u9WqB98hMd6paXa\nAFag1vxdSW63LLRpZLA9emalBYQzaQYrjVF84nlP00GVCJsV8mIfx1bzAQW5\ngy4UwS6WZtfm5QCxlKxOBZHL5SLr3SWFl1PVK1LGGJHpQpm/7LRKTVdQk6dA\nOBBgmE/wa8V6438+EVofN6d0Hb/v6eM1bSguoWIby4Khv2KxfDd40M3QWhuU\nV9ugLOCAxcc5lOOTniKk4MJ1vgEsGOIY+fyX9pKpDzEQzOb2mrhH4C/D4sCN\n6kGMZdgF5EEntRZg/lg95J4NuF48MeXywJdgqbYn3RVJVa/r8ubfvt6Hin3p\n54DglOJdiGfA4gYxTELzDITBdOWD+ggSekKinoZPi3bFNaqEY8CVflnMif9i\nANyI+6bdgVbDbw5OMOtDMrapHkK9KatwWCkTx9VH49qjplU4fDtQYhih0IVt\nzxtT\r\n=EuAm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCODqD+LGcFFHCtTG3dkaNUgZxDk0MbK7mavcbKTYZiggIhALMqszALnfiie9aYdookFurtCKoFMmOdT+4uXVmA1mSV"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.17d33745.0_1590509607151_0.4170566034354155"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.e8b52f5b.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.e8b52f5b.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.c113fc942.0","@material/mwc-base":"0.16.0-canary.e8b52f5b.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"2877bdfbc0560854bc1aab7aee7ca63f798613ed","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2877bdfbc0560854bc1aab7aee7ca63f798613ed/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2877bdfbc0560854bc1aab7aee7ca63f798613ed/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.e8b52f5b.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-yd+a893CSovbmnCzJBW2K9bqrH/S7XTVDhfjlsmjbkU/evQXBwJiNXOc5ZmLEUxm5ceTGpQliLx+4vH8L4eUZA==","shasum":"0595147da0fd8c0207d4018eefbccc0184ed279a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.e8b52f5b.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezWMGCRA9TVsSAnZWagAA2w4P/Aoj+Hg4MZD9xQ1rNHJY\nafMRExvN89ahkqT/boGjc2zoIGHQO4EzZg1Rq0VGLWuApoAJuWlhUsEHzgwV\ngT185G04mcnrzK/cx+6/UXIn7i9paP7fVU7Ehqg3aTCxdTxLHoUR16miNio+\nICj5zR3A3OKkGOCWaDRrnzjWWQIyaTIIXJ7kVLDJU9T04ugMPFeWCDsp0sxP\nJ6p7by8YvPhnnfWduGTOZTc4vAj3FygtUXgpPTq/jULxkQyhi2mL4MO4dmM/\nWHpRzWOR8AYi2ss0u04Sw9H7V0s4mE6DuhkVjT0XFH1Fsg1FtPHM4mj9CJxI\nsUIgoms7rOiWa5Vde1XTTqcT+IRT/aJLmh3cSViEvlSd1c66Lx6YcEffcK5f\nVrLtjW3BuI6AoUAx14ELDJWPXXAAjDM1FxLLc6LP2+R/VDFXhomV8npz3vBu\n5FZDxxpHj5eonewPcgOlydi6LIGoZsMWrCRJKTJw4PxZVSu+hYcKVIUYISAU\n3hY7v01j659lxMBqgpFCoZXRB9Adu0r9oQ8ypUJ+USHlBFtsTLUSxu9uneHz\niJCmpz+sVixi2YwUoGBaqscbcn4Ie22NZzz6g745WRrHclnvvd/8KhSc/5uE\nRsrwzFDsad0RMxbh1rLg7oKb1qEJu0bcgJ2IRPbv2/e4bbN08dUmXEn8g5oK\nk3wi\r\n=o8Ta\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDMnlS+CTU40ykVVQMu2R2c4JSkUBY+kbaGQHkXuwna7wIgTmH/tbb8PqDkOmbmlj5sbdUrdoMXfN7YiagRbH/VHcw="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.e8b52f5b.0_1590518533709_0.9172126394095113"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.09afa0a9.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.09afa0a9.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.01de07011.0","@material/mwc-base":"0.16.0-canary.09afa0a9.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"924f688ba033093a21706afcd1d5b3dea4527355","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/924f688ba033093a21706afcd1d5b3dea4527355/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/924f688ba033093a21706afcd1d5b3dea4527355/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.09afa0a9.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-EVLVdm5AySvdhmSLnPiwCN1X81g0iHlPm9qHe9sInCC3dRpZPS5whe6H2KfL2NBTKyfqigjnk+sX+fi2Pw1u1w==","shasum":"0e31851f9772462fe7835f1dfb69ec4fef09f115","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.09afa0a9.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezY2PCRA9TVsSAnZWagAA99IP/0a5nvmENCPU628D2/9n\nNlQ0YdJgPxnCsMXjpAuzwi2cVrqlt66b06CPVkUJt/OEBgljzkCf7Ji4Tx0v\nJmnkRD7NA2AfVko78Dbr7pzZ9T0KdVKymTaTLQGn//dl0UaXBBGk6IWe94MI\nOKER4NK3+Su0my6D4LPWoAK6l+fMBjCYdkMxeK1GDlybPuuV5OfzNB3ePykg\n9p/ceXmaBxbDOly2y3YBfZKyyFtZSOLJluLFU56YQBx8T3wx0KiT5HXI2dOe\n5T+8DgeVN4kjRha3JU4Smf6iacw6+rcCape8UOGvy2Ffa9gUlP4iWcBvo1Pa\n+H6rEcHbvY0E9h86+Wuqr37F5APegIDjVLCY2X9IJoRsYQp+W3r1SmD6cl2w\nab90O//XL7I3r5WVQzFzHTlaYlEejnSF1dkJofx78opnua/Scx90bkdjKoom\nedBPggYsAGyZEM6YYOPqwe8G/4Dlud1k29NPOPoR4tJ76eSR9SG4R1VjJU28\nT43ijzbIZHJcfBFNgByK0a1AkfRdgTGSIaXKHSPbS0G+9kgROLmSLRwtqQcF\nIHQ+DKcB/yKaPO5evUV1wm0/blWa4WAxQZXSuY7/4zE/w4AtATHDjl4apgoH\nhUFP/xnpc/Y0oZ1uzPOnaHBpFjW/MWsdzRDQanUw62wrepC+kZ9ML17LB9Ee\nasbx\r\n=3FFN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC1m1Z1WPIR/Xnslj/xDirOJxFtXfqJLomf88gTgpXyDAiBPSZPxc7I6DgmawRY0Wd8CCC06oWxXzai9ICsMoEMxlQ=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.09afa0a9.0_1590529422881_0.5413718613800673"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.58bc9166.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.58bc9166.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.d91794c7e.0","@material/mwc-base":"0.16.0-canary.58bc9166.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"71845a1e43b7378230bcb8e8fec40f195da11c2c","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/71845a1e43b7378230bcb8e8fec40f195da11c2c/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/71845a1e43b7378230bcb8e8fec40f195da11c2c/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.58bc9166.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-xk5DMI3j8ZfOFIRs0XBci8f1kl9lFgLH/QXXqUIkkM5L1/9b+MxKUk5E7fMXqhPOJXXG+QV6RAdimdNEF5NLjA==","shasum":"6f2f7ab5ab259d0a2e412952401a6ba0187c5950","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.58bc9166.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezbSFCRA9TVsSAnZWagAAy8AQAKMJxAtIPgpGb8hXzShZ\nMF51U7SfjFijZBktTg4wMl/RAeKhkVCmt/0HlmK4rXG0V31cSoynBzBt5gUw\njLAiyc5JvHDMOJzNyWvdOGduOP2gSuVrFHdgxBvGVEKGv9bbvJrkq+5KskPZ\n5jC72ghGhuh1hJljyAXpN6iSvILwYfneypWqzHgS6Xtd4Pa9rUDsiGt/OzY3\nNLall/tik77F8xZWrp3IHhzoxlNwVvFMmqU/f8quJzZDBguelYD31wvnooha\nthx9jsUJ4FYmXrniIq+0KN8Gst9xBZYh1nNI4IQjFS4uxCdZ0NH+W7VCCwiF\nssJKKupwnk4y2OsVTrS3IGwO4Y2O3kI94yhuaPRyO1JMbvzxqD7i440sroVN\nfLX/IuXZX+9x5TkVAWbk3Ghqb4SmGKJzpS3/KqmPsEaGS3hfzAYDK9Q4hHt5\nvSwzT2JJ/k0PNHTrqp8ziLThsXZBaGb6iyM9I3QPmeBjvcs8Xb6AvH/0w3fi\nAk/noqcyJROhFI+gUun3Ao4Q/3DXPVbEDWJfNeDpYmQkh8yiEGMnILtwJQ98\nVKEWSijqKK36xVDBeSBK39MX2p/UsI+Bgi962GwU5yLOz9kskW9yhsMnJYZc\nPj5XZT4T9L7akCsx689nDOx7Hjiqoe34GHdn6IfawSXYVOl9sAsqAcZ8NzZr\nweKP\r\n=JBZY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHH/1YxzVGGhcwg20tqCmJttiIJgvzwoTJnkXO824Z6tAiAJERR1A8L6a7u0GflOutHwNV25Q5x3ik+GEy1SnlfWhQ=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.58bc9166.0_1590539396621_0.3116052308494557"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.43bde144.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.43bde144.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.d91794c7e.0","@material/mwc-base":"0.16.0-canary.43bde144.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"eb504ac1efc09a16041fabd1f3fbe62a49717c77","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/eb504ac1efc09a16041fabd1f3fbe62a49717c77/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/eb504ac1efc09a16041fabd1f3fbe62a49717c77/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.43bde144.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-dNda07Rtj0LZb2vKud5SGd2VIkXF1ST5UBW9AnOKkyuYVfjkPyY4bhi4eJQxkwOF4C6r7Y/4hExWvZABjsjeLQ==","shasum":"1e82d55dd0699f4439065aeeedc44d7204ab9cc1","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.43bde144.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezrFnCRA9TVsSAnZWagAA1vcP+QCRMV3Nz8AiO+mr8KCV\nEBQY3HjQHxld8TKWTDZ5AtUQitUGwDwLZjkmZW/4gRzDBCw8LS9flXS2YMfs\nBlISIUxqIiNfUCoakEyaDGxZwljcPSoBg/RVRgZBAJ12arThwDrLsKc80GJx\nHDXyk5CW+ukUH9ulCtAXgDrUCmFz9ciB5WIYtknO0t+W7YDHjH/a2wZAGu5S\nUnl9ma9wyNn3A2rbqLIuHCweUjsl7iQ6kg6Uq8rLlUbeDCwZWG0RrEIexV7l\nkFwfrB84ws/RmV3Nx+8TsgD2QpmbcIbSAW9OFhk+INWDSgiMNMBNKws/cYWR\ndMhZ3t+GtExeX5u+PJw8VqNXS03j1Ecwn05vA/G6jVt/5i8Aym52PPMpbtKk\nql2TDg4J7uFkeZgbugix3ct5gedCkAflpO6EHz1phRSV4gtHOpxxaiq+NMh5\nGx+5tlH317XQmpbofmDkgT9v3zW/sXg8xqlAE2RbMaTCdPQ+YIvr0Zve3D0p\nUPn6X9eY7wXD2sNOrzzmDUNLptOy6oQl5GVRtLPsU+txWtNVQ9sDSEt5uSuR\ncnAoVPP3086E2U2H10n/hkqfmiFhCvK3zp0N6RapGNEKuFIqU0ncuugRruvE\n9iBVsQBAIw5lJtQUZtLC1+2ATCJUp+2/mhlwv90CNdJvKrxHQumn7TBsS0XB\nlCfP\r\n=N8Uh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCsFOpXaBcVgNWLpSQXg1FMACzv2EcE3Q/XG1f95O2xFgIgPdmpbvOmWZh6oNlt33lT7naEuFn099jX14vmGhUNu7Y="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.43bde144.0_1590604134756_0.32386466940437564"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.51067bbc.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.51067bbc.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.d91794c7e.0","@material/mwc-base":"0.16.0-canary.51067bbc.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"5dc99bc495fa061e0960f717c69cf33620115937","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/5dc99bc495fa061e0960f717c69cf33620115937/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/5dc99bc495fa061e0960f717c69cf33620115937/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.51067bbc.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-60usvkthGT5t3+dg3ivHRA6nOXZ7CeujL9B0qEoF1chrLskURyOeQ1DOva80rbNvaoBjqkBagu1AAlNNZCknPg==","shasum":"a3436af0b79df0f174802f55a64c26245b81f6de","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.51067bbc.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezsdqCRA9TVsSAnZWagAA8OgP/2Ou3t5j89lchgwMLfFG\nyjsy9qpXrqweuERDJ7Cyov5m0uYi8ZAbvjUax5n9eryo3sDLL3X82XzOnWaH\nYfvutsl6wi7jubvYNQuIZOwVkvF/kaxgb1tXPNQSUBeoAqQH8sbV4APOpXW0\nqujDRl0NAfZy1Ulkn3CUmKFu1Bzs/FrsYmWSvci9GnhN0K+V8hLtHl9ggZqD\nbK6rUG4Whccc/52DaFzPY5su/co8n0y6OV1VxXJR1WejPskFmwXJjYqNEpFO\nJiBE9HiL7UMZCzvxpwp6vdXLHYgl5qNxtIHsWYnWUnvrne1lh+uA35arTNiq\nSigVsIbdAHLVUvImpRYCyGAkloKYC1hFloedqeOr6E8RnYhsAvwJT+rK/Mqd\npz5K8fM676ePByTIvxKjLHDVpuXO7I+pUKhvdY9MYhMPPZhIItzL4xNJy9Hm\nA/6FovqfVRd4jBU/6/oUYaWrcDp5/Fgw4jBuUAgw6DuyOIg2iYNbJtmXTSif\nhGwZE2BsZpmrbGOWmPNNRYD9ij2ZxcuiXdGT/XX5BdvyHNcLdwRKoVnYseUx\ngB5nA5NuqxKho+1JZpWb82ZDCM6ImkuKW9mSA8gZQ5g+YzSKNKcIj8l9+biC\n7+sdKfcSyXhxSYROmgv0bvbE0p07oq6s/Qv97dk6qEziZiCvU/gGi9CowqMi\nuvE1\r\n=RA3G\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQComP0j6Rs7Anhf2oDA6qAnNFKZK75QElgTcSw08tXejAIhAPoi9nOVRJqlqRUH/z/K6zzCjRE3F30VJOE54EdMQMpN"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.51067bbc.0_1590609769826_0.394486657492509"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.92751ffa.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.92751ffa.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.d91794c7e.0","@material/mwc-base":"0.16.0-canary.92751ffa.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"534233b7f60f5860c6a4bd35799b98a3c5d277b1","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/534233b7f60f5860c6a4bd35799b98a3c5d277b1/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/534233b7f60f5860c6a4bd35799b98a3c5d277b1/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.92751ffa.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-lR57ylULDOCyhnuAwWW+9ykNGDEoFo1S3YgvlmAxuNoZ7+EXK3CMMqd7sFz9PzAC+RKa+i0pjur/MCPb7KPO8g==","shasum":"cbccdd436e62a8340a6bbaa0a02e174b60b270a1","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.92751ffa.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezt1KCRA9TVsSAnZWagAA01QP/285Z3JnAc65K9YKRcOS\n9BiiKaCT4w1TJdBFzPa1MPeVD5lhsWyFlwQJ+VxHeNKtUVSyb+8ScdRFbI/K\nADOolFQtX1pdng3P1gyrkwbVE2pku7ifJdN9xrgVJw5IDvrh1iJIkZJmoF4U\nQ4wBRNPzpx3UYWIHcpEXBg3lPS1tlhIx15Ct0ggeTobFRh1cdJdVuUecBE2u\nvULCbwvhLFFd+ixuS3kuEgXMZWQsKeTm7chihw7mPuWp2rVmnO9pkfdrT/gN\nhLWTJso5M4Lg/CMHUUU2XyMFiAzsSiocPqBu1P1ZCixrTd3Xu2bWwCidqwln\n9F42xuLkSx5sHe2RzEumF94RFEpEtkJhlENkV6NwmTKFGfsYwTuitbMfCqdM\nBjP9m2/PXFmguE8jB9E/IKlpKs50nx1prA0kLdMBsj4OF+81MjWg+JV+UNcF\nBJeFvIffBsaB0ymwW9WQdRA/lZAeYmSiBAs19CCb+dPj8VBhnniVTpIdQZ2V\nRLi/Le4JoHfmMdq99RqQLY/DKhjrGGjXomZgM5cJet6ULYJFPwT2qbDZ0mpq\nM67EoTaxvc6ahxgEdyptjLhuygYCNAVc2uzdq5G0f5VWHp6Ap7txgFRYz5b4\noTIyGeBEqpzjM3eDzpjDCJVZ3r9R/o7oHiN3koUtpqyFpfbONsR3ICBlPFHI\nSUf3\r\n=BNOs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD9Bc36qm5lfAfqNC2ryDPxGRx/sC72eQflNElCQJOrwwIhAM4+3m2JxamIqCrYWp8vaBSEmE/FAx6JMYY4hvWaMAYP"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.92751ffa.0_1590615369890_0.002892967738034491"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.aa2b40bb.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.aa2b40bb.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.d91794c7e.0","@material/mwc-base":"0.16.0-canary.aa2b40bb.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"2da9556d449ea1f3ddfce5e0978fba83f759a1e3","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2da9556d449ea1f3ddfce5e0978fba83f759a1e3/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2da9556d449ea1f3ddfce5e0978fba83f759a1e3/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.aa2b40bb.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-S3hXgGJMiMMsP1q7Az/ep7dEuy4gXAk9lDA1ZiFLQTLy6X+je0nB8q9T9aOY0mcPpHlHWPrqhELA+oHxNGXpVg==","shasum":"9428ea949fd89321bf0253b2741491344a5ce09a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.aa2b40bb.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe0A2ZCRA9TVsSAnZWagAAXLoP/1zkfLCBFRNZVkVjKq+z\nSL/EuZeS8VvwmmfHSMD8Ztoaqn0w6w7RiW5j3/TMGvVoQteyiBqbrj0933xY\nh+bQuc99qtyGRmt+5j0W7iNMbxMpPW9+tW5KlNQXDCwmuoUuZFNdCYMAZotN\np+dmGybz6TsBZRNGBsuE34LUrKk4fnqkJsGOfhhPLusEoOfz2XmD4LHV62nG\nTiLf6heI2gookfEn3sVP0qng93BHSx+l2lurzE4BW8KqEOVJWIHzYzL6NPlr\ngXx8C+00H9e1mO2x7v1qGBJjZVS2ITYGe+TmqzybcB7LxUAE3l56KIyPs18I\nQ8pklO1UWwvfRUb1gjlT6iDPG5gw1LKhZAkNHY0Z+gHdBqiX80lv1YzHWcwL\neCB9y6qvBZjgsS2TGZoWwNlNF4n1avoenxPZ1SzcLj7Op0BvkFa+fH9KUA13\nIJ8GqbagVt3ifIPxGtTmRprFGSqZGe6YH/lG8BUPXkt1sO9VosZlpltxhZXH\nFCva0yhUQv5v7aoBiTXKTidlxftG3R9DAyDEY8f1yCL87yeycgweRZA7/b23\n6H0gF6kPcEuwQfJV4Lbs9Gb5Pzg5KrYjmiHUoqMJ7kiZpYLaZsmyojVhLUrx\n+6nNRQN81/t+dDJuaJVDtJJ6/ZIcbM0NxE7h2d5CZgdJX/cTLEj8dyW6Wjvf\ndvED\r\n=xRS0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAEEvst6eh7vyLpFartBUnIAu/DYq52WOpAEnAttyIbEAiAm5nd0ZsqXbHIArRVHwclGUJ1UCCcXTQo0gkb1M6lH1A=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.aa2b40bb.0_1590693273442_0.9850034873643927"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.1a870a01.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.1a870a01.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.d66d22bf9.0","@material/mwc-base":"0.16.0-canary.1a870a01.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"f9a61196d2e2f42c5bfffe7dbe30411a16b908a1","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/f9a61196d2e2f42c5bfffe7dbe30411a16b908a1/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/f9a61196d2e2f42c5bfffe7dbe30411a16b908a1/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.1a870a01.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-JXXLc8xpM3DYZsRij5WCxQuImfMMhrLWk1tEh/ItijCJem1HQQ6whY5VPGc8/fHl0fYfYIUMWVII71ebuBKumg==","shasum":"8ae61f5adbf0c06270dc8dde6f50545d9794a56e","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.1a870a01.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe0CqZCRA9TVsSAnZWagAAYhYP/28QV/In5y0g9toNBBNZ\nCw4Qhx6YBqgLUId4+x6FkBf5cpVAe0LuiIfJRwcdXNT4yKYEWHiYlI0Gm2wn\nMtjSTMbPr5HVq+Ad4E7YFkZ5hC3+3A98rQWg7lRui2SSQVGNIHx5bN0GKRS7\ng6zAhntGYoeHqReOZ6OYdbeoZ3eOwWIKmYmRluQmkATvp/u6USmwk+4cqsWT\n2G8/QJvEXlGJJ5KOVOzOdT458KBmpZi5RyVFZ0nFn5k/lj5n/GUdUqlt0ela\nHeJOFQBI52h2r5sfOibSsirhmc0Kglg9J7CXuKHxw0Kvk9Dm0Qs9Gq9pr5Aa\nrHBIMnkzOOM8ebHFZc/UMkj3fM0YCwYxd8X8BnvFREOSmQwgcLMcXN8smaNz\nnLd06WLFhrVwM0aGkAmB35LqenB9OMJrCNoZHldgTIKxXsJs4p2xpjnuAIZ+\nO5I0DFo2gvHlKidoYrbX6v6hPt4l7gXhpHu2YKqsrRgYMDwVJn10cNaD8uBy\n/b0DvHYhVRuMIczopgeJPp/CJEsjSlWF+TTAWxpkfC+gh8h4fY8OzhLgPtPg\nUzjB+W8hNpwBBV2KjCdYd2GARJWI1PrFTmz2zugSlr5xtYoqR+2lrx4eq4Gh\nY2JKn5y0gBHEy7rPOBtLbFY6fHkqiE88Bzf2xdL8GlucmHcrdnCuXJoUznD0\nIort\r\n=NpjT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDuTFoOKDtWsOp5j2Wsq3w+kASQBjaPV53YEly90P59dwIgepTz6zdQfQ6h9hxpJabvvwbIu4nT74UvMW3BJLi35xI="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.1a870a01.0_1590700696814_0.8096690977423917"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.ad57d086.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.ad57d086.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.d66d22bf9.0","@material/mwc-base":"0.16.0-canary.ad57d086.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"718a29a398b0baad30119bd852a5e1bf4d8e8e3c","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/718a29a398b0baad30119bd852a5e1bf4d8e8e3c/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/718a29a398b0baad30119bd852a5e1bf4d8e8e3c/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.ad57d086.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-ri3dyDGpWbk6duRNqSb7+/2WKkmBvyWQx25dSk6LPsnpkz8bt45A111EAA1N3YRu9w+cGZtfx9MMBSzgUk10bw==","shasum":"5aad9ff39d413792177ac97d32a85e5a860e17f4","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.ad57d086.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe0Z9kCRA9TVsSAnZWagAA0NAP/jAA6JidTGLYKwC6FzXC\nLE628qaN2f+Hd/8e5pkMZ0SAaRz6MLuVk/ILXWKT7oXbst0zlgJT9sKq4B+K\nfnASB49Bf2UWOAgzlZNfq8nEEGfGB3gBGF6Bj7GgTyRM4hhoqzxNrvU3cp+T\nsUDb/tPMmr287iCIMLWlmM9G43QzKKCpMPp28CRM0O4uzRj9cjVGIu7Z2XaQ\nkWrEJyOu9xwro0ufOJRK2Jiiy1NVVULQ11bd22Boq0frPNel3ogF2Uk4lbPA\naN1pv61tRtep2urqleW3r/32fWwAJQ78iyJo+nmAYxArlRqMFo/vldoP+Vu1\nY8rIBAuA5RCJtgVjTRyIpq+pkohIBEYqIqoPcr8vuR+e16/4hdcvvl7nnBKb\nK3YKJzzlsevyPsnFajsgK61o1Hc0jENy3m1v4D2ICQb+m6YNWmlMmbkbZPT0\n/e4WBj95Q2B8zqXSLTnXwiKCsJohHUG/iO8tUh1XWCIQhA3mltDv7KrD75mU\nWc9r+6hPh6Yon5ovK4/xl9LxQRpmWNSqN6U3aW1cA9pL7Z8Phq+mC+MnbS59\nUbPQPkDeu3He+Cgt61CaUIl0TxNj1/XwNcLLabwU/9WmfrbMZvgkwvklaxlR\nZvmJMUkrNN3Co1TxgOJyNcohkRjyiY8FCvE4rTRGDT4sGg7ZXo+7J0dwNwci\nJn4/\r\n=fF45\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCooVY40K3e10s0LfG9ws+juSX3cMc6YPkwJbRCly+7GwIhAMjHZzBVI1/n1mNyFy97tcsGNvH+2S8u1BKYkRPlRaGo"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.ad57d086.0_1590796132081_0.30496294499444887"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.3bf2b4d5.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.3bf2b4d5.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.8073a20a9.0","@material/mwc-base":"0.16.0-canary.3bf2b4d5.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"796a0757a7808c623433691d3c52ef63cda47751","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/796a0757a7808c623433691d3c52ef63cda47751/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/796a0757a7808c623433691d3c52ef63cda47751/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.3bf2b4d5.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-p39/WEHX1PpJUnFM3xyNMLjil3m597P2gh1Lk1cinLBElx2rJAETEgjvcYfFhqNlR5WoZdfelEwq9WrYTGkZ9w==","shasum":"29f70f1129a49463c1bf07b522baa4b3aa4265ad","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.3bf2b4d5.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe0aqBCRA9TVsSAnZWagAAlDIP/RpcVjsbVE96r2xgZw3K\nRvf10GcVNl6OAJmAMUa3QxF8p5iJzeHw+Kk3kUZWAViJ1TjGJb8YLD/Xo4Du\nsRiueGs8DQUPufmq8sq9oTVsTgm5SMlm46Ldg8TtvMzIhNqCervCNbcZxPxj\nzY1OxU+PfriMLb5tkKDDOlKtfPk4baNR5QfUCRTz2hh2zCmx4WXz8/tD+gjc\nJK+XTUEzVtFFu0a0LL4Mov/pCVxfxo7VXoIxWnZyusQa9TPdpw0WihlG+gFd\nF6IhBt+3RmVhgo8CAmJvU+GB0Cz5mHM8NPD24gOj3M0ED4nHkfru+YSWXfd7\n1QctxdpWOfvsZym2OmPM9vmzyj6+ytf+tFc9Y+eqZFSij/yWiojKV4Squuoe\nqC1VrxquPgbOPhAzsnmIn0reJt9H7RVCYy9oheFt9y6TlpB1S1cfxeLTbfgS\nq5ksyj8g+w5joqn1L4MBTUPhgITstlnTnj56acRW64LIOM54kQ6ZmSzKTDLa\nZ+wkIVeTi6cQvtWx3cUu1/JwArG7ErQOqh8Wp+gr4AJfTOrVCs66cEWk238O\nFZDJI4Om+hSXeVLmsTds4LcbO5X3A63YSLVLajHgK9GXbw8RJnDitFRctfIp\naeQ5KsKUDifpFPhFwilJr6T5rILIPtjixWcFH93PLm4i2GtGCiAX9Hyptb9R\napUB\r\n=gJvc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFF6fm7DOvaqqBHOs6HsJ0OgBtdnzlBr8D2NxdVC/HO6AiB/VfriGV88WJtjwEuUky91tH2pd0ACdWNAPcDIFogMmQ=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.3bf2b4d5.0_1590798976855_0.7014675950319273"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.ac05f090.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.ac05f090.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.8073a20a9.0","@material/mwc-base":"0.16.0-canary.ac05f090.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"dcf12105ac71a486ee350d7b7fafeee2e7fbba2a","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/dcf12105ac71a486ee350d7b7fafeee2e7fbba2a/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/dcf12105ac71a486ee350d7b7fafeee2e7fbba2a/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.ac05f090.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-+iYPDuk/m4qHgWtbxXLxLMv3cclPftg8hdJWUNNVpKjQCg5tAyXXcVR8kytFi5DkaWoFgNYcXlGcw2usu8FEsQ==","shasum":"9bec68d23f32424fde598ac33b65d920c30bb541","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.ac05f090.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe0cm6CRA9TVsSAnZWagAAX2MP+weCzaj6rywGsv5fEQsr\nhde38FjGqZKSp5gZfFp3lcFObyJh9PPO2DiEtWryNLspyORafMOEFIEDDd4x\ne7Ys7LRS2x5/1hj1YtqgrADf2az/iThmNyiN9FtZhTZPXtg4YcT3vU6Ehd4W\n2SA2BFIN0J/5vkUOg+Iggeu/Ezv0Sd6CMKlcjucp70KQiYvdPs9RuFYXD3SA\nMdwkO9PLrRIxpwwWZJwqvykd+zF5VaKrzqKXHZRHP6iEGk3RJPrLx4ZbysEk\nh57OGx2TuGTiUg5NskYKzuggT3S4cIiAJzbcVyEAbsJC6pomYEOlM5CaFsti\n2xo2CZodYDR+Xyk8UoEPbdERJGo+VaFbIYio8OoxlZLVt0pvVpYFf9hxJhVv\na0/H40WaCllNGprYorzaI+tGxxZa5Mzz5XPBaUmXDdR2TpQgFg7+4B1CxXLZ\np4Dv4Is5eDNno+x5J9KsnFFr0McAfNkXBFF1XzXoUkYGhzY5IfspU40EKw1+\nQjlxn2cwQm5JXFxyGup+cmljrXaZPgrkfMbtvY+X/dlVnDppiR2Ex3/mAfX0\nqVXpz7hNfsvMv0t1t6eR9SXtffylKATQ6+sN1G2VBK6mcQCEnAl0sCazIjC8\nacwnnJvWKuINVzlclwOubhm6KzYPvYP7Q2Ta7Kgh17aRBSEBjFo+q+Do18U9\njg0v\r\n=g4+u\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC0daGI9GTrSvlaY7YY3xn7reDZGuZ647MSX/tIYqeM3gIhAMZowsKwX0nNiYWigNqaNxXCazz8eWR3kND8HLnHhx7z"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.ac05f090.0_1590806969687_0.5366468371671258"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.0ba7b095.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.0ba7b095.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.8073a20a9.0","@material/mwc-base":"0.16.0-canary.0ba7b095.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"ea87617c8c9beaed33b593554f344296ff2b1702","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ea87617c8c9beaed33b593554f344296ff2b1702/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ea87617c8c9beaed33b593554f344296ff2b1702/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.0ba7b095.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-aF5wrsax1TVl+cpen+c33c8TvOACscXJavXHmK8M4/aVDQLpiK8yg9kBQBgYKuzcun/E3pe3v3PaPClInme3uA==","shasum":"9eaef3ced0e785839a739bbc2a646a9c1886b95f","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.0ba7b095.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe0ctKCRA9TVsSAnZWagAAWd0P/33Tz6liEpFP3tUlyb+1\n6nD4C64IzRbGIs465wvPPMKIh8FDFy8pL0v1ap4OCvvzF0Sy2jUM8DYty3JN\npM4arvCWc3UOyiDq7dULmtRlMlV/agMYfMNn5sjMJC5XTWsvDLetH0oyOuWd\nEVFoqeCLlM1ZKpZbD/q2yZsD5nFTgDUzBQni98qPG/yxctYPVqax2VUWxT8K\nf67RxRBNMb4Z6X5cUAF45fe6g58rj1UPsPmB+D+mbC9TiXgTt7+4RYFCL01y\nNdilxRIG1tNyTM0VJ9XMYsxAhekL97RPETxImER1Mnkk9IfPqOybQqCi8MEK\nhF97VBEUSGc3ug2G0r0bxgRp2QFIePAwLD9xiNMSRxnCYS8NqrxDjmHtvg4o\nXQSDaTfurEYDzU0Cb40v3JJsnAIR4i9p+f+EAMqejB4lAvb6Z8uc2KfACbph\nQAtWaBEPVm5hicIf72nGyvhJz4duCrtCbz4zcd8C32CpQVCbQ1d8TJkZnzgx\n39SF3y/h0Z5nxRb76XjZg8lN1pac6+QnuYhZqjeI7ymlLFrhzK7QY06bx1S8\n8xKMwCqtnaKY3PGsSjvflL1kkS5Azo56xU5aiccHjMKg0BzArHu3FJPLtiyX\nFcbf90Zx1HYKsPBGEtdYMP7Avmq3MOZB6wIebfJrhN1j/Hl/hohh5jhwjmhl\nP2bL\r\n=i8iH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC0tGwqjO4ZmsLmn5uUDTHBk2Rs6Br6d+s1UqrkT/3SzwIhAOGn0ZmodAbgCxc7/8UEske/W5nkoZ3kRUU14BMY2uN+"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.0ba7b095.0_1590807370580_0.2923809726546265"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.5eaa9bac.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.5eaa9bac.0","description":"> IMPORTANT: The Material Web Components are a work in progress and subject to > major changes until 1.0 release.","main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.b9776b1d0.0","@material/mwc-base":"0.16.0-canary.5eaa9bac.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"971c5d20ea684615fa18f3c991d77704a2435384","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/971c5d20ea684615fa18f3c991d77704a2435384/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/971c5d20ea684615fa18f3c991d77704a2435384/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.5eaa9bac.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-tl+qm+U4QGkzHJeIOarsA00wBdsm6ieaXpuNMbjVY59d6wrql4E+F7DTyGENrmAvxhderefzBa+gY+9RFd+XKA==","shasum":"7849cc5c6b03783e1b97c1a3ff864eaabd401435","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.5eaa9bac.0.tgz","fileCount":16,"unpackedSize":63595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1Y8bCRA9TVsSAnZWagAAzZcP/RbGD4MNfAR3BP1sQxOO\nOdpUmj/z/gwRYeaOxATTTNbhW1Fng+LjAsGqn14kUVBjAFYpG1tuUImuh+wl\nvfIGX15FSWvuk3unsN7AdIOGMZxmZpZLKwKkYzcFK5tKNvqSeIvVIgm5PNhP\nI9KrIfWhTYMJ7JyDkzdcKG4b89r1A1KuUtfvo+l2BSJXtUIlxdg+PqR+8FDX\n+3EAsP2ovDxOdsaB+TsqoiSMGlFolb/UWGU0NPfmy4LEMUv4+AJik0abp8T6\nX82KNhRgJrhI5gT5JjOLPOxcSJ/XsnssCpdOe6EGpXdSnnMZ7/xFnseF8F88\n2MSPUUJEAW86vkqhDADu+El81Bn7/09+ex22C+j5KDc4/LFwVyrj5BqCcTql\n2iGeDOwQ7CV8bvQrw82BX8mT4xUSXMjdi4RwZv0SMk/H+oErE6VSvJ2vYjvd\n43/Luf5smDHpplT5/RmAeI6tA+1vYokqKIZYzTKUQp5Za3ZzZAs2N8kroL26\nmw1yrDXXi8TNLQ7KeafDg1Yb6YjBo34XI5Mlz1Fb+SC/BxuWnx3ykL8YHW3G\n+TCIfQQg3PROMTvUXMeRsM1TF88a31Uc49uwrvsda96m0kCBsNA2UGAU9JnJ\nENMhxLk2LCciJB7vNwIp3LCGFG5pQ+r99MMW7LB6IQ7Bqjkijv65Pi60jzKm\n8FAi\r\n=ZwCL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDhSocaEgfWsi8FiNQa5twaLxcTPnZSJ0Xy+Ur9Ln6fwwIhAI1ckYuPDdjhGf9xX5AOtT9iOL7N6Ky7Ttt/QnOlRbcR"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.5eaa9bac.0_1591054107264_0.706333376786199"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.5677ac20.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.5677ac20.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.b9776b1d0.0","@material/mwc-base":"0.16.0-canary.5677ac20.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"371e5022a95234955de71585477022efd63b4645","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/371e5022a95234955de71585477022efd63b4645/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/371e5022a95234955de71585477022efd63b4645/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.5677ac20.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-qs2PkQHQWYjqAivTcT6o3bGBJuSkhsKD1ZFsTcvEVPWfCb2nSmJ9bbqojYxLNb+kSBPc3cac33faGyTu6US9pg==","shasum":"d76916f514f8f6a04eac08737ef55836c9f40c7d","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.5677ac20.0.tgz","fileCount":16,"unpackedSize":63630,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1ZW7CRA9TVsSAnZWagAAjugP/RmzYSl9dIFaqHYd1DdW\n0y12FRIMYVIJiEcOjRq2YPyrnm/lwxh6haIzyto4Ui4YmiD45hd5xKClhdLD\nrC7UxCqmXt7iSEaYEVQbpCPeZnjlDwUufWVDG9um9le2ycJijKJZeRs0wrR9\nQj0soBdSQDYapjnJiQRHWhIaS5wUF+CK7vQXlZCSMkjrYrp3iDcUuglPyWCX\nWK4RU3I86GBfURWZHRDMWPqRw4jL//ga49T8hVTJ5J8z6nfNMLtLvES/FEcu\n4enMrQMBvQgiRPxgW3mXRfknqITNH7cAAtRPfXu5PApi3kF5Hh20tBC3sXoA\nlqCVRKwrUJ1OzmVnS1MAHOdaSEbqqR4cUhpKJvmufK0yrhCNXsjf2BO6sx1+\nLjJ1/jtL/YQR8R9wpgnMqSNjvHMmWv9L1LEnror9q1k44mKhiSIesZS1EE4Y\nMlrkpqlZG7m6+fBzdb7rj+tlIwFCXrBpZuloqI3DESDqFOquID14o+lC4qxd\ns1xlQKBWMdtAcQXQ6c8JbL7Zrsuk5kTCNIVbSGx/xPLw3gpmdORSRACGgvSc\nWhY/I7bdt6cx4MfBl5HnRhwfRgoLRuQ2Xa6wDCYS0rxWLTeM3LsXlGk6fNGn\n97H9r9TYJ1CUdYCDRrDhJotFOEMhLoSfFlm9v/9CKClH8jQ9w6VGemVEXRKC\nJLsG\r\n=GM5j\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHv6pB6VjoabJMgQ/Rp5UGHu34HVJOVaoniTMri8ELuvAiBOZWw69KLiZuMaezPLuAAm5ZuTRxdrTVSQqfsEqZB3wQ=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.5677ac20.0_1591055802762_0.4603666204753909"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.7ac6bff4.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.7ac6bff4.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.b9776b1d0.0","@material/mwc-base":"0.16.0-canary.7ac6bff4.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"393ff5005fafa04ca276d60639975d8bbe851f70","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/393ff5005fafa04ca276d60639975d8bbe851f70/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/393ff5005fafa04ca276d60639975d8bbe851f70/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.7ac6bff4.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-hW0LhL1BzetjBdyzXIwqP06hz6sE9M5CEYjue8FGAQHZh7PX1f2DXIxkneY/BoxZBrx45yzXbBLI5ZmB3HvCdA==","shasum":"8e57eee2baafaa5d895870ff2ac0c9272ae364c8","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.7ac6bff4.0.tgz","fileCount":16,"unpackedSize":63630,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1ZoWCRA9TVsSAnZWagAAZK4P+gPD46uyqXj/T1CLTBVD\nf4/6ojOPAa57r3C38xVajRM/Bp3clfBJO0LN1b33qtuHynzvCm0kKcpxthbt\nS0r5UlOxeRjFSBeMuh2DUwUs985iJei32nQ4Yb3CH7oOtGZoJ99X7MiV/FvW\nOi3LYxZzVsNCjNRM1ACtlIZM2zxCIRGHAUEAvw52+DC7sbIeE4bKufaBmo1s\n6wXdV2z92oEgj1DB6FaZ+Lp5ekfiniCTVADb3chRm2/Tp/tqV9U4uNJlh8yh\nRLaA5lmi33lnRXIcOUYXIkpKyXoRekZ+n3dYjeuIFQvsVqQo0HRtSiQT+uXH\ne19fwpipoLk7b12oKWCF2uQ/67Fyx2t1ggtcgT2EnxKTFPWas7mGlcjejB6H\nq9e07nkx217pyKbc9ONEBmlDQyfxUpkhgOS9W4Rd7UwqJqcA1ej4RMN7gZma\nWDk7mSjVkvhvF5n6BbXnjDzGJM85jj+7Hu5F5kPCdNfjWCR8U9S8wgpLbM1V\n+39LwyCD1eX9F/taJ7cGeww7xP8TZENF84Jm6jgyYGWufNpG27shE3vWKdC7\nC5nDJIthtYm3lYbZrplUyZHfR8JXzQ1rWom3gw/9PYHh1NCchNwXXv52O94W\nXo+iY+4tA30OWR5rLSRMPJopL8wgsAQMCUghXiXw5j9pczC8Fh49hYCgbw/7\niZGq\r\n=dlTq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDj39b98k24NoSjjFmEbx9AQ/CZAqDkOeegNVaJGPHnvAIhANgPzq9oqkLV/A8c5uPbDTwXw27lwBQTa1d3iOITE/Ny"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.7ac6bff4.0_1591056917916_0.4980780625250305"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.d45622aa.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.d45622aa.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.b9776b1d0.0","@material/mwc-base":"0.16.0-canary.d45622aa.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"ec53ab9a7c87df6783ef1e555aba6d7de86c46eb","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ec53ab9a7c87df6783ef1e555aba6d7de86c46eb/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ec53ab9a7c87df6783ef1e555aba6d7de86c46eb/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.d45622aa.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-ZBX6SQ4QLeM9PPDuS5OLHoHPLI4dYtlQ6qJ5MZHC+OGljEPHzn8l/0y7JSmtqWjpD0CYZD2aNBmZh5jZc2eG8A==","shasum":"ef58540cb68ad40567a6ae9667ff0cb962bc4adb","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.d45622aa.0.tgz","fileCount":16,"unpackedSize":63630,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1uSYCRA9TVsSAnZWagAANiYQAIR+ic+5o3uCsSXcxtwv\nclnU98RFYKuJsm+Lq0sw9oSRjb8M3DGd7f+01k2P370xaN3DGFoyE/uhwsFm\nfxBcf47azXAd3inyq4xry4domkzw5lD/rSX+eOuelB9bwzw5ZSHpLMRtyYQj\nY+DDoNkwlCRAdkONO+ahN6FsVGsVgkHQWFUm8OGJ0LYgBsqbiT6Fmy/ab7k8\n/OeUCg2ZNtqckI2pWd+z94mQ1wv75p8N8GYLbNBB69/5L3WdzDuCr1315ICG\nCwanLZjjYRvqMunow3CfiYjnTpLWPtKv5f+NedK1OQt7n9v7zWA3PKXtADxi\nkuggBypYfPUO0LflZlUTlrPSNjvrcpEMBwKSBGI5D3Me7FXBfBei8Yfvfajr\niGQ60GquLIJZB9/7YItUkpqG05AFmTSSGHOQbBPs6UBM5RWF0ubxaOIGBgt9\nz9gtnPg5eEo/1z+dZ146lSet4cMt2ZH6rIqtf6E9yGEygvVJACbUMBcynvfF\n584zkERm5zq6FIdLFgdAt3uEeS1IZ3A3Wy8mRKijRl7QiTkjp70kTbA4hlbc\nxNLWvAZKij0/vADwIHL3d4v3gOXTeT9w0nlWudSWEAyUBSIbCU7yDrjrdEgM\nP+r4IcsgcowLpDALz12pBD8r6u4gStZG8AsnL/uSkWJ7ppkmMfnR/0ouT1t1\nsKh8\r\n=vng9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHiKCefebmPs36ttyHPea7ON54+Dw7d64sgAccn2Ge/6AiAL/yIhTjxFz+vTQaLHAsMMrZxC1MkRiNT2+U/pYoeOmw=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.d45622aa.0_1591141528072_0.7206576582573427"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.dc26c709.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.dc26c709.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.b9776b1d0.0","@material/mwc-base":"0.16.0-canary.dc26c709.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"58a25b562ae31e6c32c67599f842dc6bd1f86398","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/58a25b562ae31e6c32c67599f842dc6bd1f86398/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/58a25b562ae31e6c32c67599f842dc6bd1f86398/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.dc26c709.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-3w7/xRMu5cXXb0WpdjBgA/TJO20ZamO2EmfX6dd6twNv0T8R6JDffKaoCG+cjRImMdHnuaOWcdf91PNin4VxtA==","shasum":"24f360fcd94c778cdde2a203b9b36a28e3b296b5","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.dc26c709.0.tgz","fileCount":16,"unpackedSize":63630,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe2qkWCRA9TVsSAnZWagAAjVcP/3eR0TsVOxFbY6seEOXY\ni2mkBf4GCYXbEGAIGirR3fOhPilj5GZY1/TFChMS/znVQMNZpQRrMIN26O1B\npS06sb6ksrGwY3jyeCxMQ2YIkdpSf5jEKF4/onCZKZnTD/J2Mm5JlMsdVhaz\ntAfObxcA7GOlzDlDmchgcIH1Ti3ZwHCu7lG/qxdyOpnTmww6Hk1UEx9OpkBq\nZ4NIJWaPjdFvP7FaVXuoAAUnF0OZS8VCC6vAUiguEtTjIYzo50/JsgJzXDW2\n4XjVjktVAXhF+6kZEHwFnUKdGRzfDt8eSNz9FNK6VlfGyHcYRGpRO3fSBRKG\nwP+7CtwQMg1GyUSUggYMmdfYBg+2JOAsdAzur8Z7Pk/VeLbuJHtycbNxvOgK\nDT0DxiPu4WM84lJkEY7lFZAsl2RZsMuDFbt90Yo6d8Z9azcqwi6zt1Ql5JZ4\nlY6Xd4gEK1vwdWi3TMMekDmzciBVmywus0dFAfK1VM+BM7wXSq0v9bs73+st\nOndGEEmQdTQSLCkAsHQW+lZhshieE6vxAb5HdKnYDOfCagKZxUshP08Hpwyg\n0UId2mSGPkuZUB5rWuoX1p4V8tozT/kEBYAOzKE3cLsO+MYxEgvHX8nGB3Wr\nJnF0ABNVDt6uX3Gb5Y/H82mjbt/1Wy93Lpk2zqkD/pvtX8qoLlqFJBlxaJW7\nghss\r\n=V8Vj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCBZg0znY2/DcQy65eqvBveLanIjA9leXTAFCTk3H8xSQIhAPNoliH0qUxArj7Fqq1Jo/7TdKEeArh8KZ1xMo0lzX2W"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.dc26c709.0_1591388437104_0.36962408971840155"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.b9baf6db.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.b9baf6db.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.b9776b1d0.0","@material/mwc-base":"0.16.0-canary.b9baf6db.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"911d44443a75be4f249c595f2fb8a90e42365c6b","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/911d44443a75be4f249c595f2fb8a90e42365c6b/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/911d44443a75be4f249c595f2fb8a90e42365c6b/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.b9baf6db.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-IIK1xpXI1GWoFtQ0uM2sklWw6JyRr4TTVWZYKOE9/eGYD+2Kt/3KiIzwl3C1XXlRRrkMyoKBvuFt3bEx3cBFqg==","shasum":"85207c13bfa2f307edfd6e6339af360db019074d","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.b9baf6db.0.tgz","fileCount":16,"unpackedSize":63630,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe2qltCRA9TVsSAnZWagAApT8QAIFKbcctIECI+jpnu3vL\nP62sat20Yg7tIeaxzjutasheFxiNa1sKa6Zhaiv5dtjz1e5ESBKAmwmHfGYX\nvH0F3UvfLy4yROOYHSLi7+ZHl0CpSGLxnXQgrqaW9XqEKE0stjbdNUUqqK7m\nYgY/qv4BnXDr5N/YjqNDBgPaxe2IorRp8jTOXKTkud4AcdzKayBd38+gU2A+\nyC+PjebYZahon4X9LZvygl1I+J2su6C4sTscuPDaFVRIwmAFUjWKDW5OmMLS\ne4iYodDQHQ398hCH4DR4RQLOAjVSNEbEakUKULZfozmRUDxVr5sQJz+6l6ZF\nuehRb8ZTGKjtZXvD5EmpRNG8LJYfQOs+DddGOVWiPVLvRXlrkuuEiEHJ3ggj\nXdC8UftysdFguIXQg7/ethmFalb4cx1psMCekuWfqKrcJCIdrJ09uDJAqrtC\n1HRT4wfg9nls6TKsG0Aw7hblQIoYVC67KTfOC2f2WlCQ1brCNQEBz449Di52\nmUZIAC+8IYu+l/lgcf9aUQInlIGZqmyoPX9bi2Mbl+G9RlazjiLSzSnJsVXv\nELIXyQeZ1fcbbBzxv3mLrKJo14zxpo7bep+NTsV3SsWctxP0NOx5E/1pcTwm\nlLbotInVcAPcFQhqrvHbl3x7b2XkgIPfhaQ27KFWskyswP+BFggiQ9YGmKVM\nbS+/\r\n=wB+z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDXao1gwTGVmCNhBV45MDiS0wFtcJWZk3Y3f1PoB+fAngIhAN/pxUhSU+59UALRjSpX9t0KEfOojnM9mG5wK1WPQof8"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.b9baf6db.0_1591388524618_0.8076458420389703"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.e0b8c9d0.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.e0b8c9d0.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.b9776b1d0.0","@material/mwc-base":"0.16.0-canary.e0b8c9d0.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"8067f7c0024a048e98d327efa458b70ed21da6e5","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/8067f7c0024a048e98d327efa458b70ed21da6e5/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/8067f7c0024a048e98d327efa458b70ed21da6e5/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.e0b8c9d0.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-s2Eu9P7PZ/tdWeAjpKAtRyk1WvjVDONF/W/zCuNKnXo0C8B8eH1EAtg6X4j8CQjpMscbp3Kr7vHPAPPO55sIGg==","shasum":"cef76ac5dfc4782b87f8fb80eee001ecc5748232","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.e0b8c9d0.0.tgz","fileCount":16,"unpackedSize":63987,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe2s9wCRA9TVsSAnZWagAATj8P+gPm44sOoAUh9vXPbdg0\nPFYiKlYFSTFqifhn2uQbjHSbEbn5TOW8fuXIUcSzUEQ+UC0mnB6KllAxY9Jt\nfE8bqbnjt+4iH3zm0xroQe3GixvVtJhnfa8F4IZH2PYw/qoSyGa8GMPYSLqX\n/5YcPeY+jHUPnAPObvWioN7khvsyUaG1KHRMduOlOP1G3Kn/9DZo8ii6P79G\nD3tFBk5hgdX/YbDvnFOQ5wkhbKR9ZN6BTHwcQDjZUdqCVwEqJUgP3lnr6ozD\nFvMa1Ga0jmyNhPNHQHneJTsRLHUQKcCk2yxxSYsgozKUGrTlySENvCHtUJ+1\n4dfZuC3aPG64XhsQmMDSZxW2pd1hfZC7bl0rALMG2Y/3ssk1+jGiTBCvnAXo\n+Z926Pqe0YE4S7G8Q4S5Oc6qV8g/DSCyoYeKnvbnRZaYjTEqMNKJuVc6em51\ninDzdOOWXWF9BxjE7akP8/HrsawZ/8tB1KGtaNCfXNWvm6L92VJx25v2XXIt\nM+ctlcyXiz0Y40GfS0agt2usHQ47qd8u+2/xLXd32sbvihkyak7C1QXfRlfI\na9wjhymSYXX1WRBE6+tTnEwUa+eVYxR1nVclGEdJSSbhohqSus8+XsH+ml/M\nXZIRIqkDA5sMLtRQHquN1+XoZM0tikd1me7Y2PMnPbbOdduKk0X7X0Z/gVKI\nJBCX\r\n=uTFG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDt16sApQC8fXrz2q2XtnaaDMP+kDNY6KW+1MXYhFOODQIhAODRipuRitUxrp/rqM+KBbsExGydFHAyWYUTHU2a4z4Q"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.e0b8c9d0.0_1591398256480_0.3332472698713955"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.51552859.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.51552859.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.b9776b1d0.0","@material/mwc-base":"0.16.0-canary.51552859.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"be62282108625892e385a5b64edabb5c9949ca75","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/be62282108625892e385a5b64edabb5c9949ca75/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/be62282108625892e385a5b64edabb5c9949ca75/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.51552859.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-AAwFN/iGwiLSa3CkxLGFXMtBsFSyRbNUPm78XncRQV8FvZONJrhYlYeR1+3BTQNv8uKDx0ZqStdW2fCucRdsQQ==","shasum":"3bb638d43413ac27e22eccc5897f9cb0c79c626d","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.51552859.0.tgz","fileCount":16,"unpackedSize":63987,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4CROCRA9TVsSAnZWagAAwfsP/iYefSflfisDIBz6OB6I\nXCaqRKezvg5XHEeS0fk5Hglj6tqSmHtRwa9dx63RhFVDktJtK0YukOGo28sf\nfTv21EV/b0WfRNrhGszp6qkhlpcsYCAO4Gqx8gWmi94A0Qd+V1ZuyayYI61Q\nFIW1xVtB6RAnRLU4v3XKaENAEDRn2Jb9RyYEmWs83v2VS5c5WWjLkoEeeUI5\nw8WXJJhXuOu1+HwfKCtXogFWjbDUN866RP5wRIOgTgTgVNe9spABnjD6PTTR\n0Q/06z81yyj0VRxmWEB0FXoR2D6gBKqaYUgmW3WshXATAQM5Km1xTikL7s3+\nnuag7t2bNFg2MzHeYgcTZ8PJQgHhkazZvtdDjkit8rGpI09/gTRJ2gWESnZO\n7AQ6NcjeO2Hu67T8vu/VvplOhvHfzZGBYwAKJ/m7X+OJFi9B8ZihtIx2psb3\nIt/rjbidpm0h9wQizyd0Ijk+Em4wKCaN3Xuak+p/34+XWsIaa9RJe/GZL6Qe\nYtarxDnlbThXIBouIl08USJgAfTXsETFPnK0Yt+UulfKrQvHsoAVZ1FakJ/H\nmfcMTlVvU+gz9nI6lqTFpamk7qvAWDAtJWiaCpP6uN0mfuBdUgSK89KKQiKD\nvaLxDOYhNLIP/Ko21M/SPGMap+yLbDReDvt8LdiGSXYBLAi/5PyqJ6I+3ofJ\nJkVL\r\n=Bze0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEgPOdYYWcLTO9npWpUzNzgiqnBoD4QmHz3KwUZce9P1AiEAiweWBNhvFsRvBTXeFuF0mhm9rf92JN5CSF+EdBXYIa8="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.51552859.0_1591747661827_0.6432843820053558"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.2e269285.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.2e269285.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.b9776b1d0.0","@material/mwc-base":"0.16.0-canary.2e269285.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"de64737d606dbb8ab6368d8fa30690e62fa24cb0","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/de64737d606dbb8ab6368d8fa30690e62fa24cb0/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/de64737d606dbb8ab6368d8fa30690e62fa24cb0/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.2e269285.0","_nodeVersion":"10.20.1","_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","dist":{"integrity":"sha512-ufGwFMH19akOldt5MDpkolglp2ZNbnTWoG26y5w4oT0D2B4YWc+HwVV0zJKiksHUYKIxEcjuhCZdN5WM2beihQ==","shasum":"f802e558981e80cfa8345afdc895b4ebeda1644a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.2e269285.0.tgz","fileCount":16,"unpackedSize":64049,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4DjWCRA9TVsSAnZWagAAJZEQAIPRSVJuC3dSyHSxVN5S\nFqZWGs7etv4zevUOh3goixn+cuzcEazEQdHowR0A+tyYP8nWjF+/5L5kk71X\nGDt82N+bk1LETMKXpCl8eYv20MiIZmcM88XTtUvTNWxtoFlV7zEjKyJIdmpG\nk+xgMED6p74S3DMKURb+Pi2YsaWYCvHpkMGoi30CBJC6FS44gOVrOYS7pHsL\n4nmIdBbZw0byiIZ5ERnFaBw7Qd9JnuWNOpnTngArhetLO1g2iCt+SVGRJEdY\nZB3cobgE5d4DqpzDK3eP5NGmcdhlalDiCYAfEPLnQsL3ZxOsK1VSd9dsugyE\n6XR9NE9aJheljjmThuPgZnfhMWjLiZvuTTE/4d7BbmLzJtaeADR3fBgLTjR3\nBYpjlvtXinyotnQ/YeU+c4mAzMGDhjoB3Sob9gM8HDBsa9H6HJCyhv89C6uF\nB0MrW9ay2SY7agxb1nZytjmM8MPYmorgULfOTXTrRos0Yzd78CTQP8kbLEjs\n1LL6PM4eZ9NyOSZZ6gSST3cdsLIAKzrNx2ciAIZYshPOS2r68Yhs/JHs6Wv2\nRJT3YNHWchH4SDSzj05tFBNT13iqUbmP9aJ5qhMOxk3cG/hRMIDJLuPpXOFW\nA8RvgDrkX6/NAfaD1KVnzp2sad3LTsaO7rPfqMfwyQ/4/iCjTq99cewbIbfl\nSEB4\r\n=OUnp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCnNxBDklbV9fCa1ek2f6cVo9dKh3KMYyrgj7nSEdnFTwIgU2psP6zPp6ZhGEX0SKFfNCiLhznC+PL/jnVsOLjB1jk="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.2e269285.0_1591752918088_0.20589421717408296"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.be138b01.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.be138b01.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.b9776b1d0.0","@material/mwc-base":"0.16.0-canary.be138b01.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"cd3bec5fb787616d9ec3c5e011ed8224add04ad2","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/cd3bec5fb787616d9ec3c5e011ed8224add04ad2/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/cd3bec5fb787616d9ec3c5e011ed8224add04ad2/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.be138b01.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-bWyzGrZf2Tpo98X7XhzP03KRdlaOog4uV7gahN4d4v7h+SE+x+7gRFUC12zLRFVtv4U4KWA9vXpLKZupZHr40w==","shasum":"88a530a4909671c48c4d5178cb150ffe95c3f781","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.be138b01.0.tgz","fileCount":16,"unpackedSize":64049,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4UctCRA9TVsSAnZWagAAXHgP/i1NOBsy85oKb86T5OgI\nrs2PlmLHBl5iDI8+ruxTEHumee9/Mfx4k7UBbhP6tAk8sTq0yflUkGGnIA3H\nvY8IhzTL/OKoFF/2KHjj8kP7fmjVuIQHQ4Ma8dRyH0Bwnmvzqc6d4T81lPVo\nuTjwfVkvk1EEf/MSHDVIiewl6dlSfFVHDfQvvnGB9hKdkymbXeD8GuFRgE81\nhkDfi7+42dwux5slRozMnP71yw7pYNDX7QCa183Nvy0fAlRVwFvxsjzHL/9v\nBXWdWd1bsg8ta3K/uQkiEwYx0pPi2CUZmd+50X6+kKtGRIpz/cDIYBu2XVqB\nN68PQcBYI3avoTNz0cLySIKd/kmVuA2U7v8Tp6ulgPquQoSW40Ih5ytFdQuW\nctqHuGDbRiW8HzsE+jPZBK2cKzdMohiTwsKvjCqK+SDKqt9LRBfMuwSqRoBb\nX++GWdtWMKPiGoBKANWvDA8E3eBm5d1rhmR9onX3nLS+WO9mF+ldbpVsXQbv\ntpkpK+J24VAIuq3o+CQW7fxWweAJ6Fsgy3+/LkfIzmAQAwKk5+v943U1nRZo\nAiF3G22y4TqLs3uZbMQjuBXB1E9pRTSYyz1eFt7T+lVB6ek5w307ykr8gq/u\nXlW2PxpaJkw46oOaMUej8GdG12pK4HxmEsbNPqRHzCfhXUOlhBFqvrGlLVb9\nhSv5\r\n=LpKE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDf66DnOQJCS6NtuDTKJ2d/F86kUSSX5EoCotfYqv+ImwIgItcUeGrVqSqqOmzhmrEeuB/JnK4LnAFCV1OAfJ2M0xY="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.be138b01.0_1591822125011_0.9230060785880385"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.04bccf5a.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.04bccf5a.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.b9776b1d0.0","@material/mwc-base":"0.16.0-canary.04bccf5a.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"c077c9c7d3e6ab509f750f7ecab7ee8a858e7d22","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c077c9c7d3e6ab509f750f7ecab7ee8a858e7d22/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c077c9c7d3e6ab509f750f7ecab7ee8a858e7d22/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.04bccf5a.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-Mm/MVFtXhBfnobrld68l9umrW9M1V3FrRVCINNXfSjG2IgcZ6O/92rKSPGFF3NDMZe3Sb81FxBWhezCI4O8otA==","shasum":"deb7d07e73444685cb3ffb7e29123230feea03a4","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.04bccf5a.0.tgz","fileCount":16,"unpackedSize":64049,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe6BkACRA9TVsSAnZWagAAwWQP/08MitpIg1eCNNnoo0k+\nxMmE9jWxcV/VVQSNd498gNHUR6fd4DPi6Q259TVIU90Pk6+uvYi9bZqi6b3q\nMEpgmfVUihjbGa+Ef2MVuLmlmJo6vAImrDj0MzfeXlWU1RdrkZHs4pHInw9O\nhjjgW/apWTQ20hLZOtOBeaU3pg9Zg/WWtwqK3AYhfP1niBSa4jDASewmoRr8\nxYqCPo3KsDxdNTB1j5Kx6ZAZJt+Sj2mfuhnVHFlhU5ND7cP/Csa23QnlwKau\nhaBRE59CI11fI5YYHePQzlrpSTOV5mAUHx3yj4brQsJL2dLt0HbWqCrn3EnK\n07p26ALSZ9LT1/ATasMK1Ze3Ovai/26X6Ggbd19FTIKObw9U3NHFa4f79Mkw\nyuAaoft2mBVdRRvzVhUZi9njnksq7iSRAZ5/HK6hRZVY9dl6Q8g2YRveJ0rP\nOryLXYqf2NUYTkUP9mr9HMQe9zlGGCB8ObyESmaVFwcLno2iMgQRt2ui4uUL\ng1Chd4o2YiLCBqD4nF27Kf3z0SNcgASln2VHedWy6x/VcY53r9X6fDSI+cT5\nUIKYGPy6iXcuZ9hXPqdGK8OeAzhNPyS97Ub57d9tXEHEjQFLYWLhKGz3JIha\nf416W1YlArAcI1U9FwZ9q+5aYYKAZr2RMfxINzVsPTXnmKUQYyfFE8CxOj2c\nFYMo\r\n=X15/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDTAcrWmRPHTs1HvCuZ9CiuVI2/LNVqOgQOVEr3eklk7QIgF+GruVP6771xrOWRltprguFWgUi94Vn6PCmbj77VY1g="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.04bccf5a.0_1592269056114_0.7521143350531221"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.b44dea36.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.b44dea36.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.b9776b1d0.0","@material/mwc-base":"0.16.0-canary.b44dea36.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"c3acae783f88caaa2b0db088b82e7b98ef4ecd95","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c3acae783f88caaa2b0db088b82e7b98ef4ecd95/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c3acae783f88caaa2b0db088b82e7b98ef4ecd95/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.b44dea36.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-0Ib2WXwAODVz3KTKdY2i35o/kR+A8dnc9H7//gtIS9vUWix/W3mdhBM0TqOFbelpxLgK3hQfmPG4H/D7T3fFjA==","shasum":"8983da6a56dae481fe0d91e61160935a36e451fe","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.b44dea36.0.tgz","fileCount":16,"unpackedSize":64049,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe6TIwCRA9TVsSAnZWagAAmOgP/RAJzSMLMq1WybgKn/yv\nc9esA2dKOOCm8wt5icNl6m/DV8aoZTra07nC0rkkOmeG8nACx4W/YEHTuhsA\nHtlN3L8HrKEFPRyYETt74CEyR5soHgeBpMZgn6DJ+LiDx09Yqw4ycxlwCRoG\n1O46mkyNIhNAjHSwdSbvkU36X6k/3E4XmeRRtU17EmqQ82XK/UiWYxfZM+WW\nBtN3cHE7NG7NdferoX0Oce8fO6/CbVQnTLL5kQ+aaY8LE825Q7oNSh4jglo8\n3xQrOS72uBgvRYWJETMGZ+cRfNPohckQinrPojCUMgi1Zqj+Zbel4j/BWZfN\nbyZZdHdGkklmSvhp6hp2Va5ToAyMy0s35CbcLpnKgPGKS30eaSpGSUYR5KdM\nfHHZIhgxkTjb171chnRDXPui+2v3UASXOjOIkO+M8/eRG+C7J8r6flCas/ks\ne6WCZHtYoQFuFg18iQzkSr/JZ2zZwlG6Cs3UzBwP6GUHqgVL1CYvUeXQUHPX\n4yvMxrRLdm1jfDlEruYXp2sNd8XtxglOUywrisfBfQFTFMgZjpG1WjnoHHjQ\nU/kowyMXYEvhDZhg3dC+aAQlrXf365+Cab+bUEagp35Ko8XxskGv3Gj5Y5AX\nx5a4sCkF+IAyfytrlAWIF44L6s/aAgCVvqCvrE60iK5UaFP9czF8z8LG7G6R\no+CP\r\n=vD3O\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG6axea2GqYiogr8FXgBA2TC+4YIeuWGSCHHvD6prVn/AiAR7Y5mZ0VbpzKxwxquMkBR4n3q/ffgXvLo+xh5r/CzNg=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.b44dea36.0_1592341039877_0.7311368203102173"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.e2577e87.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.e2577e87.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.b9776b1d0.0","@material/mwc-base":"0.16.0-canary.e2577e87.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"4cddb26ad140f9a5ae7e41d4f66258da9ffadc5f","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/4cddb26ad140f9a5ae7e41d4f66258da9ffadc5f/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/4cddb26ad140f9a5ae7e41d4f66258da9ffadc5f/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.e2577e87.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-xuu1eRex2etbKl0sjgM34NoRgutkC5HlP9zcFHWTRkSwczzK3BXacV/6mdwIsO4vGql6Fw0JkDswuDXBvCVRng==","shasum":"0810de7f161a6c99e92e9a38500821f60a1a55b3","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.e2577e87.0.tgz","fileCount":16,"unpackedSize":64049,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe6TTDCRA9TVsSAnZWagAAYTEQAKEGkpAk17CjaMFxrcQO\nTCAn7zKPphN4CirBe2Cm46oWIMb/VE0JV6Zip4rEZbmtfHqXk+MRYmaSZ/8V\nas/MaciMRyG6Pn1tREg4C5OiorLLZZY1E+ICyUeCBklQoTcwN1Y0xIuSyW7p\nvnv07kL2Y58QjBUG7JxhKB/wRufn4LVkERI3fNn6Ad2jCLEUTDByuo8Z6N77\nkTKZwwyOml/VVyFUZ7hD+eGEdSHyvo7JgxP1ipKH4YL8qC78JYUB8/vtQkTI\nU1s1mIJdzTr89M3x5BzbXXS/jFx8ke9AjWL3TB/PdVhWnWFEeMPtAV4EpP1n\nmb4TmeoVDOdHW3KvZnkSmDfzklhreFVHWgj+bBBTQvsv5iQ6e1cZlGN+SVZz\nLNqhUqwbyUAp6rVjoBXMdlM7TT7ipNXawgfPsMJTkC1pTlzGlyZTYXT1YXOm\n2Q6Imnoz0RIGNJkBs3GTvPTxX/kjCGgB6GH9YUlBTbpuKXtqu5RlLQOdSlIL\nVeAXriMg1ZzaDix82gHz3zYeZwgC3Q+/zhnWO9eCrFAAEe3GlI4jE63hdtIO\nwNMsuv5Nn12uhoCK09O2xBptHayM0/JmVvtGta1Y98Cpb11ttt0vZLaOLouS\nH0/uXl3mBN7rmQTn3unLVxJr3DFP5MWObAIT+Zs5SUGDokCry6z0MACivoDy\nfQYo\r\n=nutR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCaccCEnys3KEGXbh4wo7zfKXi3cZfC9L/hY3fzIKdL9QIgf695cijv73EzQgHmL2QHIRVdolhlIXLKwNdqitxyo/U="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.e2577e87.0_1592341699085_0.8810339659698012"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.58b73343.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.58b73343.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.b9776b1d0.0","@material/mwc-base":"0.16.0-canary.58b73343.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"ba9eb85b43f514dcacb8e7517e4b8728a3629bef","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ba9eb85b43f514dcacb8e7517e4b8728a3629bef/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ba9eb85b43f514dcacb8e7517e4b8728a3629bef/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.58b73343.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-5Q/v2nVnoOQ/0i5eatTqR/UgwpBJhtmv/y0D62iGdUcOT0TUqtqBv8PDVyRf22wfLByb7ITepRobtRQ0VG5fLw==","shasum":"d0a549243a4372c406eeae75b922694cb36bb0f7","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.58b73343.0.tgz","fileCount":16,"unpackedSize":64049,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe6ThLCRA9TVsSAnZWagAAOAcQAIbNv8ndp9lSWWufEXXo\noZjgueednQ8GdhoTdtPW4azR7upnmgt5O9dotKUeGMp+qdtLGXIqxmR4fFwZ\nhYU8wL0K9SkLeNqxYvqNQ+qLFrOcBDBXukac23VnW4fGehMICPaVxKNUFSce\njfyysIyCWQAbbafrNWcqgI9Pyk7LY1zz0UZXJ22T+lWF+IbKJ5bvxpyrmNQd\nnWjwpQMSgGdyuL1biHw3pa4TixXLAG5OunGcXsXpTBTsw6yjKghBCPxXOhsy\nWqa+WMAtAp5I6i4dtq2Ga24UPB3l9G9ssvB7LMVUZf78h1h62XJefV+iD2IK\n+jyi7X9emi48syQJvF+POJ1rZtJW5cvL4wW7ZW5AnccFRkBdeYp6DKfnDrn+\nGUWZ8xNeJVeaIBZKs7R1CMduTv/Sj0QF6QJ1oElJYA8LZzQdAHXdaaN4ocHN\nyq2On5KtrD+4hPKn7+J+4/89Vs8fPYm9fjDG1C9PCONvk74l22BVIDx1BQVc\nWdK6En6l2V6nDGb5H9kIu4+jYLfBjQlfo7/L4L/7CaTL/Nlwlq1MvPHCF6rH\n48tGJyco4f7uwKviF4u387+aE1GFh+tNL8DKZG0wuudqITTu+zXp5RkuXgdX\nDwl00DEu6P397wn8L4b2m8Q4spxkCA5i17gIbvbKfgi8Wl9unVxPhN15kazA\nYlsU\r\n=ST0s\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDLa6j5p0oj6oLSSq+SlxBNeyn2Myi7TGlrso3sBZYShgIhANunkMTWR+EUoQoNDdZSuXcxQq/P6z9ewMt76ThDes0O"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.58b73343.0_1592342602845_0.26345116970827664"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.f155c058.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.f155c058.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.b9776b1d0.0","@material/mwc-base":"0.16.0-canary.f155c058.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"bfa2e71d76745185343aad4d0a9a2b6c3b134563","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/bfa2e71d76745185343aad4d0a9a2b6c3b134563/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/bfa2e71d76745185343aad4d0a9a2b6c3b134563/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.f155c058.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-cfgtxxJltB3A2YnMJllJ2nMffV2RQrHKn3TjE8mAM1LsLDRQ6ehy2Q62etGFa9rjh/JW9BUgE0nYeheMHuwiPg==","shasum":"e710afbb9b4143f08aa45c0555f9041ab9965550","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.f155c058.0.tgz","fileCount":16,"unpackedSize":64049,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe661kCRA9TVsSAnZWagAAVhcQAId1i8VUlzZppURzWdeV\ncRCUyY7hZBzWiEodF33FpWCHdBT5E23CopqSmJlR/uE+FbcCrZuIrRLTxJi6\na8ynGbdXq0mb+xShQyfScfGVZFskmkJZS5cvtgg2K3h0m1oG5TdEBx2Id2yL\ngs7pjl1cuF2fLLGBbGcDqkWY4nUdnyWDPJ0Hgw4AxzFn+Q9Q2mRAfD5nI1PZ\nhyX7Cagt7CGQOfw0KLUs733620nScB8dCMGY1qzk3GeBHB4IOkY9JO4BsMuk\nUV5UVOE3ESkff53Nj8YUxgkHgWVRAnd0rUXiIJHmQz/85w5GjDCQxbKPDshM\n3j6Xc3dgKF72T3cUg0hde+X39jyud5WbsC0SCtmghPnbg21H5Lzbc+vpzvJO\nKrx+WG6EvopA13TsLfH5sy0IVGMC1MNUbIcW8LplLavFcNhIWrmnmg7SSS2Y\nRSjxsrfcmgVe75XH7nyTMNlkH+LbJFUAIlWtTrwY2gKITNPDL7FcWrzvd6SE\nDxvAQhDIL4EFmVZMbrE4/BuN3/e61wfKOIY0/gUo6iEKXk46fvkjh8NMflvt\nTRyQY9vt9Myb1QfuvwdbSRQdN1bstQrDqKy31kj/t7D5FyI3ZWNGOfstNcUV\nsUyljrtqo1VSSUrdMB2LO67QnXLrBUBjq4ZHI97IRPwhfOJt35JBKLP897eK\nn9P3\r\n=NnvK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE3qsPPs9w5ZULGQnr5AHVxQ/85P1/VwA6Wn+/WT6SrjAiEA8B5BaYOWwSsL8IPfBfsZNPM+Fmx+X+XquEzSHzv8PQg="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.f155c058.0_1592503652382_0.007844335985893736"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.309779d2.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.309779d2.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.b9776b1d0.0","@material/mwc-base":"0.16.0-canary.309779d2.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"5227f0923971be3709c93d0a8ec0d85564fb31fb","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/5227f0923971be3709c93d0a8ec0d85564fb31fb/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/5227f0923971be3709c93d0a8ec0d85564fb31fb/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.309779d2.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-7PBb4IYGFqE5rmnNuB8mHIowGgRp6N2HXsDWmRXQkZuop2wFzcCwH2ggl4UfuVcqkTkqUfcGnHQfufxN0COXIg==","shasum":"15904e8b70406e4b2bf516375527376f46fa8752","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.309779d2.0.tgz","fileCount":16,"unpackedSize":64049,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe6/+UCRA9TVsSAnZWagAAN48P/00g4vyHy1Ye8cZ39ngE\n3S9Dd2uZi9lmq6ASVqkr3ucpRpqQQZJYcazMEeJf3LTWtv6CmLAe8dQTv3CC\naueUoKCFTdPlzIGfG4TNyAamK9gpuAK4vdzJfRLltZ+IqDJjXy2EXzB5hUpy\nxSnBS+XgVafw8+1q5G9TM9G0CtwsxKb05kL7X+oehC7qW1r2uD+tOspQJSFZ\nncPyl9jufqrC6pERTO+j2uNJjP3xjhtUHMkP5UY21cIj4TXb+odZ45iM2jb6\nkgLqDI18W9TNz6FHTO9vbnn3Rcx2lTBu3A9rWqPsSCjW/gBOJRbJdkQbTpET\n32wdjk9Is1d/5SGV4tAG8i6gmf9lzN3ubq/8gsTcF8WqYRHMK5VD1dkZlo3k\nbFPnSd3XIQ4OfqF5UJufcd3WeQHAZQMXyMzz+2CSODE80tp1rHaCvEVDm5qd\nJBnc2XNwr9eGHJhKc9tnh3bNjcB7Eif3Xal1qOfv5Ul+2IUzWprSFFqRkSVP\n2hjSF2UK2PIjvDuvG6Lc5d/oyrTL4the2xmBPaj37WHTSgXkYrhKwtsj/Mb/\nnkCKhpYO+35J0J2YfDHCKlO/E2hZySCYk8trTsQZCPPBbPAdLu5leMXrROW2\nWdyYc9Y9IKvqquANtFtPXxHJZxAp8ersRDURbz/QxqdA6B4gI7kaEkie+NKP\n+ZWI\r\n=oH4o\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIClcxW6KxPgD3ouicLaRES1dMe/iTIz+Fm6we2obrPYdAiAVx+9pWK9WxyyMPfaNub693i5Mcm/Nk+6qhWwojxd7KA=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.309779d2.0_1592524692143_0.38260070993407824"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.e7649968.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.e7649968.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.b9776b1d0.0","@material/mwc-base":"0.16.0-canary.e7649968.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"33e44f7015ad267b659c9bf1d34799ab8d508993","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/33e44f7015ad267b659c9bf1d34799ab8d508993/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/33e44f7015ad267b659c9bf1d34799ab8d508993/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.e7649968.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-tgpUn561DVRWmVopYvC11PLN9zGPMVv+tvv5OWX0t4tudoeipn2d7Tb47RObWQmbMNqrIU30BoxOWGrHx0I5Ug==","shasum":"cff2901a98ba6e72eaf915dd6f81c882d915d0f4","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.e7649968.0.tgz","fileCount":16,"unpackedSize":64049,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7TDICRA9TVsSAnZWagAAX0UQAJ4KG2YsqWyhATnxJlC/\nJPuustLjAu2KMtqmF5kVpShqvCtI4cx7ZHuQ6xJxwqTJa31CaCzhkLTRnz+0\n0uuh0ALShgGtshkdIvCjAyBIdUr6iF0GwoxHgjk3v9MShhWwJVTYrat7eLBk\nM/vm9wsgV8JKFipPRxSYZus/qJiaz6rGLvtDmx1SUggGau7lgRkY3Zezh3ma\nQyKPPW3Z11k6vH8vgfRZCXr+sbdktbzUEemZRVXCYXRhEQyfPjo86nsL/X2/\nnoWP/NnPOxVTbUcbV3maidi7jVf0s4wKH0yeV+bD1HUWWL7riWcfOInw2lyZ\nhuSSBkrpQVdmJawWuu8rbThb3kEJkMU2JLuB9Xfn3BeAMXDg0K8DSF9L70TC\n2shbuR9DzT0V1+eOhKMzJQnyfn76KlowrYA2LIKQDEqs/bhyHXUd/veJUrgE\n+9muqN/GWq55Qy03xsIC75ztPFSboUuU3w39aAz+ylHrtE+TwFJVwXvtyebK\n0TPRAIgMR3knSRjiA0uD3SQZbAM7rUJE3L2MGrjwSAiqgUbHZzQMdt/RNl2A\nxjm0S+CBcYkO9RYjX+lPkU1htE6XCAuPnV0qlS47TmsSHZyeGDJH+Up7p8tE\nRcRUnHgngLau7FCpxhf0Os7a6Q5pVgK3dycDFMGG9NxX/6v/f0sgFT8poXcE\nkNOK\r\n=TLyO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCaMW/zeNsUf3iCUCUxQYFtvhs+qO8e0YNcpAeLdpHGLAIhAP93yt+LXSfG9EmveSFPEtHhnB+DPHMpKYbp0fcAMToi"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.e7649968.0_1592602824175_0.09107534335520828"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.8e21c78b.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.8e21c78b.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.b9776b1d0.0","@material/mwc-base":"0.16.0-canary.8e21c78b.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"87567a000d0fe9c1fe6f2b37030908bdda7f3290","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/87567a000d0fe9c1fe6f2b37030908bdda7f3290/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/87567a000d0fe9c1fe6f2b37030908bdda7f3290/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.8e21c78b.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-jI0vQDTjZsxYWOvSOyndNID+noAHB5myEqiV0WkcYvq++pxTsjQvBPFpnpEusFw2QRROua3L37zrMU09J7Xn6Q==","shasum":"d64e51eb1c380ab58c8df357693e31f1bd426a4d","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.8e21c78b.0.tgz","fileCount":16,"unpackedSize":64049,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8InkCRA9TVsSAnZWagAAfmcP/327ml3HGkZrQHniWtzh\njJUqKaGKVhNSDw/a95Wxa5+ZSHsjkl4GKSNfKlwFbQU/gtpDy1aiykzROuV8\nVVjY6KkLAG97PWByfzR3pCP2GscuEsPqj/l1sAeqNvwXsa2mliYKzeLd8yDo\nLaJ9SMUszRsuSL+wM0OogCIs2lukcFsUZ2tuH+49KeQ7m+AJfOrLHz1/iZD7\nxam4LqeWScgrcbaK/cEMRMSymlRKDD4pibx/W7DFYPJPe0Wn1LodRQA/7QXQ\nTAMT+0w8NB35kh2x7HBGvxRIWF4z2K7y1gqzT89l7E23+P1bw661amwIG4xH\naVZvZrcD7BdNPWRdTi5qLfh1pWhp6DYDXIgZCJPdiMPE2bV7YsyeTQPAjHd5\n2CRQJBh/LfWltUat/meCKZkpYfxz4ANiqTS63MnClvA6qJ+RXjDoTbcE401B\n6yAiEpAvm1qaRWhziO0ORyxv7GJjvyzsSjeGKRfOJqfIGGiDoLd00H2t7hmm\n2pWQv5BOzgQI/ob+rclxwB+XnTH9d9nZZTUvmkBqIPXBZXdRxXo4ruIyDBqm\ng4/eDQfev+e49zFod4yoL1+lJC9KxaVlLMIR1hTNw6GZ8DNpoddr1+3C2rp/\n0BIhZ4YWLF9oqXwFtSrY0UjKduU+R4ixq2jjflAtBR2CjYPEObfJDFkoRcPs\nndAQ\r\n=JCSd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGUNu7aoJZaWnptQjD3MmUHo2DPJLrFHc5FY/M2RKSJBAiEAtaJu5sanKMVux0zAOxlFIcnUdw5HtTdED3PL6r45zdA="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.8e21c78b.0_1592822243648_0.4514399117672325"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.6db76faf.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.6db76faf.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.b9776b1d0.0","@material/mwc-base":"0.16.0-canary.6db76faf.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"6e23f797a12e3585f2e2fc7bf0311266b8908e40","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6e23f797a12e3585f2e2fc7bf0311266b8908e40/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6e23f797a12e3585f2e2fc7bf0311266b8908e40/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.6db76faf.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-l2tWDm4tyM+P8XxVR+2FuZe0DF4c2Oq5ZNAu8JzqZFgYFU1AkdZQp95w2xlxOD3LitAOlvOwPNBGpSRqbY7vKQ==","shasum":"00ce144e83aab10ff47337eb05444172ec69b167","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.6db76faf.0.tgz","fileCount":16,"unpackedSize":64049,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8R61CRA9TVsSAnZWagAAafoP/i5OJiSN8R4vk8oJHfo1\nBRGczpUZVrMhFl9wfq1te5hWF9KYFhDvVAqBLEV6Rb/lm3Cz8o+PyFMHHf70\n01fKaiI+p/mzXsLE0fAmXji2ifFgGhslpsMX+y+edJfmWdN6VlQdLXYE60Tg\naTT3A8yMr8FwqAym0KMvK8n0BniG8SOVea5wif0mntiIulS5O5QX13n2skDO\nah9TQ37X7rCfcsY+PGHALEJL2tbCJTLc0xyqNxhLa2oSvczqpVCnhOJaeF7F\nMXXVBpDkalmXpW1rInCr8C7Y6DYXN3dyegIcJZ/6IfqU98j+SqtSMflAPmpE\nS3q1ddNNo1NLlpoh0RB+Ty50+IGGIYqkVYlCrYky8N3MyP+c/YHGoonDcRjr\nf776uldTWoTCPDMq1KntnfOXlA3EvKe+ftAnN6EmNl8qDl/xOSR5Mo9VnCaX\nwJVmobfuILXueC+SI22ECLiuHB0Tna+8+bov3B+P2p/7peosWgCaCalKnE9p\n6PZlTpZHND857LE3tb9XvUHs45jIXrCcoeDSFttR2ZJY4WUwxhWfTgwVcAUN\nD7Bc/Z1mH0iiueNd6r8ENi0R9oHxwqP22DM4oKX+en7tCLrxyRxxq1plgT+w\nL+KplsW+jqFEe/2EMD/EURhkNwthH902FbvrNzdlObvKjPV0Xbfy8G9cy8GP\np04z\r\n=ZGN2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD279Ala683LOxCASz1DzDTjYXk7fM4/wnlLybUoZO+DwIgNyt3C8Rk6mooSjeBX2/JXRd7g5ZOPOMXWQ4b94zaU8E="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.6db76faf.0_1592860341029_0.8849561936161237"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.c4dd9684.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.c4dd9684.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.b9776b1d0.0","@material/mwc-base":"0.16.0-canary.c4dd9684.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"4cd7dd845f6929aeb590a441e62cfb720106f05f","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/4cd7dd845f6929aeb590a441e62cfb720106f05f/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/4cd7dd845f6929aeb590a441e62cfb720106f05f/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.c4dd9684.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-+M7yWSyi8Y3COd7n1sJlLlpeAi8ERzUc2sjflXnC5DHFjRwqvmlzCLWYm2cPDo4IxbsKaMZGIsSKMveV/GkxYQ==","shasum":"56d8d116d2e4e65b64e9fca2338646d30738f99e","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.c4dd9684.0.tgz","fileCount":16,"unpackedSize":64049,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8hxZCRA9TVsSAnZWagAAgbgP/01yjB6s95SvciCe2Ax+\nZDloTBlSq/zJGNWqqIT80f7fZmbIcy0DLhGeGCTa9X0zyw6JDPWeafd01LAV\njT+XnRdVA+jgIm6E8t5CzRVHvoExMbZK680CUG5YNSwk9TJ3m5oRsmO0mIHL\nNsDYdISDR3xpTSOv5lDllkIND6Kqbs+f19F/sqckrsWstXcro97sYK1C/I1A\n0FrPLYmA3hWTi0jlJ/WxbFjQ8jZQFhZ2s1ueQAftzDiEyW+Srgo9PvpmamJE\nBNrYK+8A5T21Jwk3aA83UhOZz88lt1luiQhu4wpWKiIvwDpicuCsvotl/4Kk\nps9qKxzDbqQC4cGHYVMaMzeu7ITwxpkKouy9dJNCeohIGeyPciIHdxKGNLO4\n3adKSldnINyXvLiRdrchrlkHjsWZ4tGU5cT859TpWMOLkITC6Px8TaRJDGDn\nM0xnEzNb9XnAUJxv8u2qMFxQgU9Q/1/7zSfHA3t2yPSBa/oHVWlFfnZ2EZYM\nEjwSNm3rNW340SgPr/1dgnAw7C5oJGrYOC61Ti4csXCAVg1ZWQVQ5xPwv/Bc\nmFgr2hjAOlvYdR4P94wxKGtpE/k9SCDa2wr8uvQu/Kl1pcA1A8dMJR7WN4Wf\n7jM85hBlW88VwjpHQdNR1FLtWT7oxHFX90FwV0+RtKWskOQ454jSfgVatITd\nY8+F\r\n=S6rQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCr7UopdFykH82GyN8fp66PaF7u2/0mmuFoLuTf0R39wgIhALilWsUTsjDhU2f5xUD0K4NcnlnT6IPqkZ3OvVRRxs00"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.c4dd9684.0_1592925272364_0.03338477588230826"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.b3e53981.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.b3e53981.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.b9776b1d0.0","@material/mwc-base":"0.16.0-canary.b3e53981.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"8d83f2faa9e72fded29e88f843dec080efd318b5","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/8d83f2faa9e72fded29e88f843dec080efd318b5/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/8d83f2faa9e72fded29e88f843dec080efd318b5/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.b3e53981.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-aqUgrWCjJZyAOfjEHGo040PMBQqOvuuVg+P1njV2eVFi40Yzvse2pAJc3wmaaludQ0OkHtPLdzb2kYsxm0sR6g==","shasum":"1e7126c00030a5be8b6487b553ed0e8794c7cd8f","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.b3e53981.0.tgz","fileCount":16,"unpackedSize":64049,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8qCVCRA9TVsSAnZWagAA/vQP/22Yh3bEoYsz0Ukl8plV\nwFwrJMGRv72YuZNsm0s0V83M2Mw+HwhiHPCowiNRECnFhspBXGQ4NBn6KbdH\nniC9GY9oZwi1WQSfkLeBwpB75SPLej0M4WyYy24o2gua9TPqDBfzPFIKHhZF\nK/zzDWaAs56C/UJHQ4LWFmSgpClAmp5CVYOfKbwfQRBu1SxuviwSzDZdg4lh\nwVSLRQnKhDGyNgORNUM0gIrUIwPh20cqzWcyi6omuTaTUl4EfI1ZmEHiKsno\nNCfp/wC7UgKqtmgbvQpBdGQUsDMHdQsmJEmiWhxElyecqXdDtM6/etkWyNT4\nOB+UDU6sOUC2yu797mYcyI3Hepowh+Slw4XIiiocVffITsbxI3LDfQOksUGS\n6je/t8LQ39mPEt434f7svr6vaBbtJU3zZC5ClCLgLGzd0GLR3FPB38lTAE3K\nAlb8nCbjDakkOjRfdm27PCnKVkbN5LKGlQm3Edwbj5c9PYHkDTtZwj5KybzC\nBxlYpqt4/R4PvZxMTei9A1yT6AJGhiex1pmRg0E6Ko0JxP3s+cz5A2XcOoF2\n7IAUYIoDN5DDsiALY/QY1tpdBgHfLg4BiB/Z7bJCrw0VFQM96+BaO2+CCN02\nV7fjhi2wlPbrGSYQXUw70yffkNyDxHPGgV/7qFkjsENAaqbmPoQmRLQtgDTI\n/1Ql\r\n=KdmH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCbpozkt7fkLrYAod1+sjV0b6CjwhYCtY8tuvcEDdBFMQIgXXc5eTFtUs1aI6ydsKOqHiGtr4XQ0b1GdyKPM7k597A="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.b3e53981.0_1592959124697_0.7594178367659894"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.b9468f77.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.b9468f77.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.b9776b1d0.0","@material/mwc-base":"0.16.0-canary.b9468f77.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"89bea892912be98e07d72fec0e142b11d1874487","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/89bea892912be98e07d72fec0e142b11d1874487/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/89bea892912be98e07d72fec0e142b11d1874487/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.b9468f77.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-JZOczTWN03QgQ+7FdMUHF6Ba9g4nfRltoaqEaK4KIrsc+Cigsmh1MtZ4QU7mPw/i68oyJC1ZvLanZguk8+3CIA==","shasum":"6326eea0bdb445013efb89588d8cbd6a7f7e06f3","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.b9468f77.0.tgz","fileCount":16,"unpackedSize":64049,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe88t6CRA9TVsSAnZWagAA3xcQAKLfKg+ORLckDS7/mO6A\ndX26oacmfVYC+JmGoWiE48JSgLLO4vBmg/WT+B9OLsynCyV+zkqF5ziXZvJ0\nv8miut1f7wY/CXU9cVFlba5s4qjGxBO3JO8fqAp3rEkEDV+gWXB46RsIDnPq\nZ3sXd1asb+UHDmKzkIUr6lI5wqLo+U2MhMQ/LtcXIeZQR43EYwiFCR8I5AGA\n9nVx9LXvFIs9Y3Eu5qfGU2OmEeW+vwiU94Ni2og81SuVdrbWJF8XECgSULYb\n0wQQgnRgFv4blWKyCYPIFHU33n5RoibD11aViIc5Os4HeS0NbGSYvAM48X7M\nVWBRmjv+wGv+X/eOv/Etk1myr41l9Vde31E7xX2OfnrIdgxsCGxaQs1N87KV\nktO1XryAJB86gApgR1pLvX4mYJfjxwK+R3F4zrOt7ArkS9dyDLzkE8phi/xM\niWg2Ax9EmOEdfG31h6IZKKTjKCTX9SCMXeg9IFhC6PrSaSYeZH/P2AtMXdHC\nqxvgOKzUEKVhKLZqgL9pydq8YujIVDPjucK/jmcpsZV8fgZIu2x9+LnrPvzQ\nZNdX9XIGIRTVUyc7Cjsu412cRoHAaVbMuygYjmx+9/xHxNKFxkxcYaTtXpez\nbYpfJNaFwechQNwqRvIHYttEGwFCOyAU5fwPEYUcBqaSABZ0vYoaUiADXEZh\npYZF\r\n=4gUM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDTkw1UlLVX23rZu2p11GpKcj6POqaPWQo5C6vYvmkxzQIgVcA/c+4PiBVn9IJTMBQeLVzrBEZyk9bMNuS9zRcKhTs="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.b9468f77.0_1593035641668_0.20309560585620345"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.eb790e49.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.eb790e49.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.b9776b1d0.0","@material/mwc-base":"0.16.0-canary.eb790e49.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"722b9fe701d60a27c2554032e63a2a7579ed4306","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/722b9fe701d60a27c2554032e63a2a7579ed4306/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/722b9fe701d60a27c2554032e63a2a7579ed4306/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.eb790e49.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-03plPKwueej8/HjYQKfblTe0j+QzUVa2YRl0GQsiT06J2TJ4Xw/uagi1a/Zd5NUN43EbEEV0Rfzo5wRsHj75wg==","shasum":"c49e177c2a043be82175def40208bbd999d56fa6","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.eb790e49.0.tgz","fileCount":16,"unpackedSize":64049,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe9RSpCRA9TVsSAnZWagAAAGEP/03qt9XiKCoFeV4xBF4E\nN3NC7Ea/NrAd6rkwtZhsgfU1pfqgfd/1WAhZGwcrOzymhIEOX84lXfYm76Y4\nmG5FEPUcWUBOCOtGb4pGbJtr9pUar1PLXomj8i+APpVhg8JXCcr6LyNK27AF\nhfVXd14073W3Cc1CKlRoC+z7ITACdoX/lPSyyS4eZHdM5NrKOytxPM3yZPtd\nVTl4Uf7/eFrwtU4tMNGRgc5Y70N0a4ucv1tUAyyNQWjdHM5uquoZ9krHqxcZ\nINiNd9DcOuFSm2tYmUtNRLhOw8fF2ffesR3kuPveeHePiJ/mm6o4O+qCD+1K\n782/LZatVkVWd096bfrPrrWNM1+O9ISDfIPr7dQoby4DuCRWqAEBkB6PpX1a\nFpciEnV1vEtr/LM7I7d7ib//mSvyC1gFvkZcZfJVI8/dOUqHuPliCLlT8AIY\n9BGYzDJB0IabI18rw4HGo1Wi4v+y7nJyN3F7diKLo2BCDtmLOG/TlisNWyYy\nwDIwusZupWvHnBdqTTsuq46gy3tTRoxqHCtAW/wEEXTQmesUCoYxTHvXPLu3\nGHncz0ZAAowVEu6TTPDAsImP00uZxy1lE3JCxnU3m4u6XZDfVv3TXrFs6Zfg\nE/ed0c3txckhtjofULkvBy/ggYSYuOxhdLkb+LPaVeA2KB+WxxlbXtHVIn7z\nw6PV\r\n=riUz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEnETqbNsqFa5VnpWkoKxoMrYbEoT+KMilOGXW3tXyH5AiAMb2gcRnrnZk0twxIRxx5h0WdJMrKN8tbSvWgfgm5N7w=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.eb790e49.0_1593119913440_0.010956745378638999"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.9aa1a5c5.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.9aa1a5c5.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.b9776b1d0.0","@material/mwc-base":"0.16.0-canary.9aa1a5c5.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"04b200e2b2832855ef5eca7e2000672e53739c05","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/04b200e2b2832855ef5eca7e2000672e53739c05/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/04b200e2b2832855ef5eca7e2000672e53739c05/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.9aa1a5c5.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-835IUdT5oedyO7HP+1ffaIxYDl9Qx4YJZuEI/HlIXIQsp7/wh+s0CJg83Ntui43imTbuzpCRFSf1n31sgrzdpQ==","shasum":"e0c8a5965fc4e33dbb554c1608872270082d0d14","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.9aa1a5c5.0.tgz","fileCount":16,"unpackedSize":64049,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe9iq0CRA9TVsSAnZWagAAWB0P/i4BB9cfCVhgIxGSWyzy\nETWGymu1UXsP60KUxU40MZIuoudBB9GrWVapBWuKhX7NYRT1AhsrGx4ojGdS\nxJ+qUeR0yzNYQ45KRKM1sJjNIQKMQ8ykHf80YDpTGqRAP4fyjN6wirJnYUU2\nf98upjyaZgRWg1AeeiMMZGVCDumZLQ40gQPiUWbb9U+OOVOpscPqfxLRG8Hm\nwFOfu3FX9zWgr9SQ3PSZvR8chNCLE+mtiv3UdDLDWR8D0XSnuXuInJZZLHmM\nbrKVrl6dofQixTOAwYKU9Qem8FvTs3mh6rUMTD5aLCF9mjzlFtvlYjiBLv5c\nofV/CcAZnQNSGzifFksFzT5OVIRokxph0BJwQepAz8ao6tCpzK8O7S6heaMt\ngMH3t+BQxXBadnclMOAqYaWqURr2uZH8yoAzjvtAfj1qm2lBJTS0/Mz+t4M6\nIQ/emFBpD2SH8Hq1Iufbyk8bUZ/RyyfqxWP4KEhUoHiRNuHQU72PdnfvCy/b\nDPWK4kWV4S9T+fQQU+2ZXGrWFbEJ6W7Oj4uTxFyt/KTcCTqMPSHene0xf7Z6\nTpSDkxw7hZYwSdmSpKs9+eN0p7VXmVTUaMa1pdHi33ZvtKysiW9V4CSioVYQ\nOuQkWWVWgi1JqNOvYzaRUM77/4u5nSAGDwnNR2joF4rJGQQEKcGp7udKWGpv\nnWdL\r\n=GwAQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBCpUhdrVFj1XtvvzNQLg7hMDYQwsRDtTe4syE8UmASXAiA1L2uM6jW2hDQCq0OFBknKYZ0X41da4uQs6KveMc6xHQ=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.9aa1a5c5.0_1593191092527_0.18503280353199236"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.d36e9861.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.d36e9861.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.b9776b1d0.0","@material/mwc-base":"0.16.0-canary.d36e9861.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"06dd7e826645eff53f5923422d6024010828a4b8","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/06dd7e826645eff53f5923422d6024010828a4b8/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/06dd7e826645eff53f5923422d6024010828a4b8/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.d36e9861.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-B7k35/Ysub01Y6PgIbrVERJBPVCFanQGB7L5v95VxHMxYQGJkTPov1WzwNahDxlsa1eCofVJbREmeUZ6XAtf3Q==","shasum":"8dfe0449d1f0f4166f6266b45ab0672df5238123","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.d36e9861.0.tgz","fileCount":16,"unpackedSize":64049,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe9jIACRA9TVsSAnZWagAAk+cQAJXA6sR0qCxSdWEF0s+o\nM6UmkTuwF2uVPe0e4bw9nIGfaBdznAf6N9aXI567HFeXNcVMQtRx6yYFYedV\nPP32tDz9PYUZTi73b6alPYFOxfrjOSOqBHipQLJmxzZ+KGUlBkUKQ2j9MZGv\nRwCd6XR+2SGZMLKymLcURQ1fQo77RNOM1P7GfU6es77hETEvZ4EAyb4Zkpqf\nMKZ2/ZP7Ej1SlF0mXu+AuT6x0jQT24LIAOZ1x9lKokgxMlmv7kkP04CPgEb4\n8tAGdkJHRcWcE9hHW6mZlbZ0NJImzERKOVMDfPSoLhyC9qCpzoykPM/4wLmT\neFDb1DIM1QTBf89lOaeYewo6/6/bNAzA0ptPfGMgSTguSKCv0ngDorwDYtp/\nUA3//oJpQ7KkeRnD8BnGAbiVPW5HNd5JWYIGyHps2g5OqNywgiqYcxBAl1v/\nVkGMibdkW8hSb456f9wyKxgb+hG2Jh2ziC4l4KchYERHUp4gK2AxTCSQYnPe\njcUhlnLEUqzt6IQ0bdOcHmacWVRLXT7zotG/naI0MLBhVNYp+cFS/eZz5Zhc\nz4Y0ztyK5wQfnZAiz/+VLub30mlWsGzcuZzb13hOT043DwkmiJjg6OTZqzhZ\nClvF/LtwylmVhYJc8dnIPeC0RG7oRq/TtgJ1ArejR9nb+X1Zx9keJQfHrXJU\nQmPt\r\n=SXrg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHS1eo0fUX8C1asisqjtA/pgmONi6ZHpoIQW2rRc20d/AiAGd+cU9iMaemN664kAogAdLYxFz5rdSKQpWG6HHFiLvg=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.d36e9861.0_1593192960232_0.04678550246774038"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.155c2f85.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.155c2f85.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.b9776b1d0.0","@material/mwc-base":"0.16.0-canary.155c2f85.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"28a52966d069b05ddf3f845738ff3207532f05b7","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/28a52966d069b05ddf3f845738ff3207532f05b7/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/28a52966d069b05ddf3f845738ff3207532f05b7/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.155c2f85.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-in525+hCa1nmVr4/MuUh8rizaUkgjHS70GeVJSk+7PJZy/IdNLmZ36PO65Ku3otAsdSN21JUJ5xfC79XJJGyaw==","shasum":"999a77b8900dca2a0089b9cfbdae5ace89038163","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.155c2f85.0.tgz","fileCount":16,"unpackedSize":64049,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe9oSrCRA9TVsSAnZWagAAM/UP/2SLplXoY/REiSZQTfmE\nuKv2i2/M5ZBsuDn+gNJDzeLBjDYzotEBi54tZqz6Ip761hsGkzdrARyawhTf\nFy+yqq9QBM1kliKQtsFFITKT3+dwv1ZczHPYwxJyBflN5IeFPUKXRGwzRGMA\n1J+P51MImEMdUOUpB+oqiS5JWgIeGJgQPvAcw6tdZmjd06lGhreMopNL6A+W\ngZcWRqroP4gLeLCC1tgiyAbU4k1B1RcmkwjH3b0tUYHKCEr4iq3JtXAAUux/\nhfnxF2MQBO7ZWWh2TITZUP9L3MOA1sSsLUDG7AvrGyqz57N+due86wRFnEuf\n/3vX5Kh5lGGydhtEtHMBIwOHj/ZMtLJjFP/Mv9hbx4fnkPd+7LUHWeuFjer1\nas0kgKCQ9jYR3ZWH/kWudN1ddIy1Db5pLeN8YNdPcK+b/f8DGSU17uWiAfMC\nXo0pSf0DZFI7Udwvb5eJfTZrEsZ67uqoMGdJkT2K0X9DjoNsvborLuuLDo5g\nZmofwoKkNoqtngsI+PxEK3wbmBrJ/AcKvG1u+8zw1afecFnpCu++G/iaxF8X\nX6aVdT1NFtAv66ZnIcessF0Ox0hEFvs7p0q/nx2u3P/Stfqrvy20QKhKLn9a\ndV8r8RQmPBZfS7wxBn9uB9ASOmd1p5W0cJ+P7dKONW5LHIBlDnac2EmiMPc6\n4Q8q\r\n=yUy/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFqd2o7L5wka3ucL4bQNpQ6C4hq7Lzpz8HEradjvrmCNAiEA/D1fsEEcdfzy+rYVy0ouzQ81s69TA4+WiUXRAcDX50Y="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.155c2f85.0_1593214123134_0.22336577675622737"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.340c9c40.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.340c9c40.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.b9776b1d0.0","@material/mwc-base":"0.16.0-canary.340c9c40.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"b65b8e518436cb4bcd2fd8c59ae2898f2715462e","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b65b8e518436cb4bcd2fd8c59ae2898f2715462e/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b65b8e518436cb4bcd2fd8c59ae2898f2715462e/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.340c9c40.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-ERRw7iU7TZY/hnqaXkxGu8H1oq642SQcMHYCkBEEDn6Jls4dXbxaYpFYlo3IQyAdDkCRsZHQlYNDMBkAV2gPsg==","shasum":"11f723763c9724b14168d7987b3dc740d17e0075","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.340c9c40.0.tgz","fileCount":16,"unpackedSize":64049,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe9obRCRA9TVsSAnZWagAASTsP/1sWXo1YlljIz7iVfhGa\nPZdbn5HUNJ5b7xgox7cR9GHtxjrlcSidMkcYGo3yYmwhD4MvBBEA64enGzEp\ngj58oSqTZY7kRooWSd0YaouBhYqzxlxig4CPAOI2IrTHjOqb6R0HSY1lEA5m\nVCHHuCnHmNorMYnHzuieIBPOsKSziog1F/JwaJlNMxS5Y9HRrvyVxGwyfOC7\n6N3oCtx3hfH5YRa7GJAYWR79XyzM0WBtyk+65tpMkWrEdzVaH36nOhCk1jgh\ne42WJ6syNbgk5QL+zX2u67fC+37iyQNdLoKjpvpNrRvEfR9udKTc040OllRL\ntFvV21cRbXabCgazJF7IIov9SD0mCyAGrmy7zHQTzvUvLz9Hq/ZM2ltQZWmg\nMHup7ISnP4amh/snsjeHSMOW86GEplGj0RLe7HueA1GrSKZrlLD6Cld8ufZ5\nckxAYg1HoWdHm8a/TsE0U+rMyTYm1HR/ZyOTaZEsKbKjC+F3obuwwcFLScV+\no6u0sqevEIjsVCwz8wcxQwK049jixq68RgUAQV/X/nuHigiDRg1E3ju/wWuC\nSfFExVHRFqQZCQjnr8sZen72tDddlwqKqiGlPf+LskFc1XOwBb9oxmZEWoYi\nOGxidc7Bjpn9incflXqF2dzdg+q+AMk5eZOsNZfVKp+vQfXBSHTPkOzGx1qQ\nIw0K\r\n=Om9l\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGZlfFsLzKZKHfgbWE7+wRde6FKkSiJlFkbpus7UgW1zAiEApKOb4ClGmc8NrQfPWJScBs54OIkvauUUbKr2uhyTUVE="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.340c9c40.0_1593214673501_0.6635681644158851"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.0-canary.a3384d2d.0":{"name":"@material/mwc-linear-progress","version":"0.16.0-canary.a3384d2d.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.b9776b1d0.0","@material/mwc-base":"0.16.0-canary.a3384d2d.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"e09d50d940709441416a3ec78b0600a867285980","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e09d50d940709441416a3ec78b0600a867285980/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e09d50d940709441416a3ec78b0600a867285980/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.0-canary.a3384d2d.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-hUWGsIRPqwzN0CoGwe0Mu+qXek4nRVNud2xejY14F4wOTEDKUyVSkkVnukkWiLZq34UNMZspLj/f7ASjcwbHJw==","shasum":"90c5feea90c04500ad4fad95ca7143b61a240a75","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.0-canary.a3384d2d.0.tgz","fileCount":16,"unpackedSize":64049,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+6fRCRA9TVsSAnZWagAAgEAP/37laERttxt0mZNVL7xP\nan/eJsJYg6+8AwDsev46LzhMmpcBLCSUb0JCzeY4D3ITsfySvQVKIDF4QcgL\nl1OqVk1UE6QOm0qfLgUfHw2JA3W678g1wpkJC/vM5nNFxMDTDHy2fYHInQJV\nfV72N0YCAPS9tAEsyMOSit1ZkLJ1uPd4NWVCI5ACDBACjLoV0kgXnqbwEgh4\nDuksaZMliOkaICYiYyLtWHD+Giw8DFQ6hc/gGabN9pt/0UNK3oqMiVE2lcE1\nrq/v3QH9XJGNCLwMf/QTDzr61qg1k1tYtrOP8prrrSLLCzLqLPnZxa28qicl\nzIZ7v0NpebJafqtzvHwzCsgKsbvDeSluViW8JSlMUF8/Cny3XJXE4vVexRjN\nBY2eSEZBdfN8zDQNt09JDJJ/Sscw1C0sv7dW5jvrO1sqh1SFzjA4CwzvqdVG\n80v83BTySSbl8o/jSjbKV+h7JKQG9513SHrBLMzdp7cdNI85YzQ5CAA9+k9c\n2gx4bYz94PodLhnxUIhwKVYoiOYS2O1MetPfqvtDGbcMbKDuXfhF9HR1UWRJ\nMFhpXV2KpieF6ezEW6GpoSDi6yBrWUiE067ixA87YX/X6xCGIQYFFsLZVZ1a\njp+sYJ53f9MpjIuFJHrxXQx3wlmeuWPrfW7mp87NMoB1wQVP+BTbYpnPIkUH\ncW1a\r\n=5Hho\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEo4FZK/LgqtmqcxrXptPLOAVmRUSkddO/vWQi7Da8w/AiEA9g4c0YvJSkwbwey44Xa89l5TmqrWlPXK8wBv88EVEZs="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.0-canary.a3384d2d.0_1593550800616_0.46499515696203275"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.17.0-canary.6d056c96.0":{"name":"@material/mwc-linear-progress","version":"0.17.0-canary.6d056c96.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.b9776b1d0.0","@material/mwc-base":"0.17.0-canary.6d056c96.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"a0abcad0ecc43697e7c489d2c4ddebb257cae5e8","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/a0abcad0ecc43697e7c489d2c4ddebb257cae5e8/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/a0abcad0ecc43697e7c489d2c4ddebb257cae5e8/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.17.0-canary.6d056c96.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-s6XfCCLOfxV1RoemFZ9foDg/SdC+0SagLtJm4auz5pRBnzHPqeCSCUMyrVXDF045lqmotyt48GaoLvHu0YrJzw==","shasum":"52af37e2cf8feaa09171949d36b4078490795be6","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.17.0-canary.6d056c96.0.tgz","fileCount":16,"unpackedSize":64049,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+6oHCRA9TVsSAnZWagAAFSEP/27MdMLRVk7WTWJQjQLV\nPoGoasMPwtOoRdDO/Mhycux731WxmvDi6Aj8lmw95oUaFpVTcrS0Ni4HjG39\nUVf8ZIMw2Wh5FLdEG8vKALlOwQo4Qs11RbIhc2dQMMsrZOqSyzoH1GJxg3iC\nrvUhLm8J1yJhm8lsoFFThZIcXD7Vjmw0J2q8axa0SrU0mWlOTcQ2C7eDI1Gh\n17COqrSI6+23VZf8F8sWtZp8n1jwD5YdYiJl1S/HirLfhJr9jKfzdoz/qnOw\nfvWs+7njllBuSdnCT0W8GZcBb8jB1z72gNRzVesfA3IHh+13Z4Hhf/VdPhYZ\n1UACJ9JF8cfy6jxNj1ykvkHxVHusxgSnxuCJ4q+heORJLbtE8IhDWgUmIxvG\nOdeRgaKLVsPLApmH6g9ZpQwAVyXmN3Z2ZuzF4qrppkrGCs41J9PUfwgE0k05\nA1VWYtMbWr70E9NwWFIMp3Q99lGwCJLyqlm+HabtGhhciDKU0sAmvaTHo6UM\nFKpipyGC84qD5HqCfqqfCFIWRfwvMXKeEz53gG/mTYk7R/rIJ1UXhqNjxr4p\ncl0Ycat1BBT0Xj7IsqjtD5oWxk3a714nckuEM1Xafyn2TGxc6KhheYrDJDBA\nHkCbfVaxWVnhgP+4jvHOh6lZQrkSSYibjMyjaPZUu/30vHw9dxWocnWR45gq\n63Yd\r\n=TQ58\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCD/Q+nDuA1t8/u6sGJBCGokB4EJUWCH8m0PBApUCT32wIhAM8dpSQhw736CJlbBnfanQJN0QrwWaj7pSeCGo3iv2e3"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.17.0-canary.6d056c96.0_1593551366846_0.859850896558455"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.16.1":{"name":"@material/mwc-linear-progress","version":"0.16.1","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.b9776b1d0.0","@material/mwc-base":"^0.16.1","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"3b47995b0b098b9e7dfcc7b735eb23e892cbffcd","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.16.1","_nodeVersion":"13.8.0","_npmVersion":"lerna/3.20.2/node@v13.8.0+x64 (darwin)","dist":{"integrity":"sha512-TNgOpW3w+ouv1FKDqRsJuI9fGLvmSiJwasPKSucW6JMgTSRiS55ukOoCNnlDjEngYMhKv5w+JxeeuFpLzLkRTw==","shasum":"81f7546d5f52946664a7df0ce14dde10c622b072","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.16.1.tgz","fileCount":16,"unpackedSize":64014,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+6s/CRA9TVsSAnZWagAAAkcQAJyybFvRmHeoc/0mKgfb\ndHRruLEsYQVgIZjuMDCVHYFAb2OFqVTWuxj+nSnOq3loqJdkukjFOfW4dLyL\noALj1aRij5PlKZ2cit9TLMful2n2PT7WN/ZwTp47N+lN+0w8ej7YiSa0kcES\nzAizJpIibt87QWrhcYsTh2tVVYVkHbxi1KT+R3LqU4Kncp8cGgqugPE+dQOF\nyJYPHdIN+o6Uv24nZQlL6eFlplz1byTHqwE3ODz5PBmFRM3nnkbB+bjLpLuu\njEWrWJP0E8qDtJlO4G9j8U/CSGGl34uPXPve8gWGrB4AgNqMW6WJDVnMAbrs\nQ78uOqF4sKJABFVpPhL4KdtAX1KcA2G3YJddqfQTTR00sw3eME9qk/pl4W9N\nK9svod4fFxw1sX0+JQ9QQ6DkGQZ507C6lMaKi8OFLFOj8oO/0ECQwx4ux/1i\n5/9xyuninTttbJPljb6gX5BmCB8xMklAMN6Zv8eTEiHMQdxoVnmpm4rFAIHe\nsAaylLrEyeQNihRjiq+uqgKMb/HmdV2GwsCVFfGp9xZp6Kkgh1bLj9VzL4V4\n/juHHSrmb/Vv7j2msr3rVS1XPpPeFhlWxrbdR0MhKKjTEUzCTFjMAm1S0Uh3\nki30Ez1QCeCmdIfbgnKIlX1ZpEDOGFgLDAnnMoK7aUf2TbgrHrx3eLXKFCYl\nCkQ1\r\n=U5J4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDCVfLnLQdrUXirycMeHxXkWuvNiEQHVieHCdqc/n9JfAiEA6QOFn/Ye4b15snezCz2FifPAmPYE8VVNGA2wqB56QPw="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"emarquez","email":"emarquez@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.16.1_1593551678606_0.5255159832113068"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.17.0-canary.f7e37607.0":{"name":"@material/mwc-linear-progress","version":"0.17.0-canary.f7e37607.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=7.0.0-canary.b9776b1d0.0","@material/mwc-base":"0.17.0-canary.f7e37607.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"898d9ba1603fc85a0dd4f96b0dca134bf20f6b37","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/898d9ba1603fc85a0dd4f96b0dca134bf20f6b37/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/898d9ba1603fc85a0dd4f96b0dca134bf20f6b37/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.17.0-canary.f7e37607.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-i3zvbn+R6SBRbH4nUyEZdvQcq/SFmMp3hhqiplchukerJ1t10YlA2JoNvwhfPL1rRK7ZLF+lyC6Q4khIy/dDsQ==","shasum":"4a9c4a3cd51050d6d1f7331f45c71393134af3dd","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.17.0-canary.f7e37607.0.tgz","fileCount":16,"unpackedSize":64049,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+7IWCRA9TVsSAnZWagAAqwMP/3eA5Vhg3cGZZ7kqrQJ3\nfT3MwulokReSOeZ5hCya4e69J9PwliX6GC5KNkD1fGh/XphGueCZwvU1omML\n3eh5sABC42yPSdxvHQvKR1e2aGroiwtdn0mh5jksAx8ZO22xjAW1FWWeojVd\n0G9yfe+r7MQzdBZnHGHqK4OGmIw3Xr0wRA6G/atZX3Fn/tOQQ+DRslS3JOHe\nfJ3oBsNTAlK9xarwYUFmzVy8ZaLYVVUd5SFFHk2ZiHteg7ezRVuW+cmAtzxO\nDheZHWRN2MJPP/w2Zu/cM4Q6kF/5U9Ph2GT1mxE+RHNbv1L9WU9ZZzhswGPi\n4nACgUGiEdcAbPDIvoyGj+Ak1/lnrDdaZotB2U26m79MActu549CdeJutpUe\nk/JG8LveWpewXdIwbc/cxqYung3NHw7BjdOkUDCbpZ0wByeb2gLvn6beSONp\nDuQ/rDyJa6enCafxLBkdAa8OS6BlYhaGBXYs6a2IGjzPlOZ3SzF8Qy2Mc2qr\nbgTDvelYsIPaNhQ0KVceN7KtC4Ib9LKG8bTVnR0NkZApscAK0ygdwiXHeRao\nsa57Hbv242NPk47hJshih5D8xZww9J0xLBwgR1BbbMAxwvPsARprF8IeVrIG\nHr6RBW4raEc0urQVvu6iXVnubtEFc6CL181bRQbn5paplKmZKEXUyU9Wnqyr\nSPBW\r\n=VoYw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCj+LPERCApi1+BAyiPhEwXQb3EsVHmP2JwUiwCBfILXQIgVx0NwSj23bxFaz8967hBt4GwijWF21jzRL7+vgLWk/M="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.17.0-canary.f7e37607.0_1593553430139_0.0764891986846743"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.0afbfef2.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.0afbfef2.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.610c26c4a.0","@material/mwc-base":"0.18.0-canary.0afbfef2.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"22b3cf02901c0c438f1e4150ce9513d5f45f21d1","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/22b3cf02901c0c438f1e4150ce9513d5f45f21d1/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/22b3cf02901c0c438f1e4150ce9513d5f45f21d1/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.0afbfef2.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-9S2Nl6Hcr+G4Ha5Sumi1fZco2XBjUHgWtvEJT8Kq1m5afG3Y+qlENZvG6r2wXeBpcWgEKfafY7PSI4VTZqhjVA==","shasum":"b1d722157f614073ef018b4e57be156c25a6dd14","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.0afbfef2.0.tgz","fileCount":16,"unpackedSize":64049,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe/OdkCRA9TVsSAnZWagAA8TIQAIf6Q3bzFH8vmgDe2Yow\nuJsFpaEoUwMHfU397I53+XH3aC4QuPXFrzVmYJmex1x4ayV/ARyBndv5WtLt\nNPTAk0wKvDwG2JkIBpbub8Q24B19Q3iDunhEPQYPvCMC/tsbTi0llGFqdIQS\n/hCy9kXi3RupY/qz5LDhghp6h8ab9AORIp3nYVNmVj6opxclOhUwf2ry1p0u\n/dcx5yJgFa9OOW5OG7wMYpSPalEf6FmWh52JEP9bVZNOjaE4ccQ7z8fkImQ+\n+11TtxG0DZffFTgTefD94KCQe8ECq5EZZB0n6Ka68PknjAVAqnPQGxe6um4D\nTksI6s7iodJ3Ovp6Z48tMQqgM4Z/t6tlKuBbVhkU0kf43DWriuXpSRDZ+MFQ\nb1sNSWYwMRlnLPrE5Ueb2g8nXqCetErbz3k4/OcERL7d+ffRqVM7u753Xtqh\nuWyctZ0em8ySjZ9V+J+za5inblOpJ1m+GS4SrrKPzFk0UwPTk40q4jtO5ZNZ\n1eHEo8TKR1GFzCcePBEdA00+HC9HMJGcrEpC9Y6Yuk1h1Vyh9o48w5aCMrFk\n3pJ8i76RQzbUHQGvzWnurJyg/WZJUOH72bTv4qAhcqihkhtaWk0Q83OPSpWy\nN3PsMiQJWGrAEXmzRYRTbf5Q4YMFnBkLn+Q9FFhqBIZDMzKmJUlDkmMUQHxz\no3dT\r\n=sAXe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC+/zLTejczXyvXMZ94DZXmb2VnnW8rHG2dQgF4NjIKugIhAOektFWZeXsfXLNQfF27T95ZAHCRR4w0KaTdC0rVvuDg"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.0afbfef2.0_1593632612092_0.537894938810844"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.17.0":{"name":"@material/mwc-linear-progress","version":"0.17.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.610c26c4a.0","@material/mwc-base":"^0.17.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"0afbfef219df4add1912c90b8608ac93135d876e","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.17.0","_nodeVersion":"13.8.0","_npmVersion":"lerna/3.20.2/node@v13.8.0+x64 (darwin)","dist":{"integrity":"sha512-W2Z2at5qOAZkfu2l1L03MMO7sa8t43fc+uX9/a2o9yynnbhV3oRL6Oahr64t2DwPkr7877fkus+jpF7SR0sj2Q==","shasum":"9a45124747eaf66ba13180d928923e380847e3dc","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.17.0.tgz","fileCount":16,"unpackedSize":64014,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe/Od/CRA9TVsSAnZWagAATFsQAI7gMrG49J7sAM83DKeb\nJoRAoNvSGYMUb4wvJlSP9HEUAe6DIBBUXHmRJQr9NQFT2d1VEApcpEDokekH\nIwOycX0Z9I26B+JvX/W7FUfUTMtnvGOzkNI8F6j1BpCCs22tti38q52xCbkY\nmNWihMqJXatZ1iOSyDOUUE9FRrQzuyZcU8kYZPHleG7DLbBtktV8rU5CQnwZ\nYtMyVHy4ILer/SO+O2XqbCO6KJbvF2r9s4vFbb6dMGZUQPZPlsXtc6YR8Bij\n1zcu6o4AwgCOnAd75ddaw6VGmsCwNyQDfodBwP5P0OctEq6r9zB3KZ0nb+BE\nn8yeZd1fHwAHNm6o7ReMxYJSjiAFiMpNw1Umyno1MPMZsLli5bIL5EhD+0rC\nw0f5Ml0Q60h8C+XCio2fMUBVfhDM5cMe3JzJN7xj20k4EZKl6GusRVYf5xLC\nKEFnAGNgnHT9ZRnWrFESCtiqW5HrNv6YlGKJ7TKClFVcKGHtyk3UX4kt4ATj\nEpS84YY0cNy/Qa1pIP1n8rpZNUXa+jw4FQGU+PQplh4T3AbPYy4b0G8vMTsQ\n1RtUSztvb8GyMGDUBNMcXrehYlQMdkSq4WCUZFLUP03V7ye52gSwCyxvNqCo\nwXANfOASucu2qvh+aWFDLEpIYsfqlcj2KOH90qYX1pWuWqMsYORjOBLoHZvl\nxLY4\r\n=c94F\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID1foCROOFZLSoDl1/JEgswIu6oIab4kuj/wr7CEvYzxAiA+pHSUQtHj/EDtPXmNsspeMmWk3yCyY32jaxRQ3YoPLQ=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"emarquez","email":"emarquez@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.17.0_1593632638875_0.28837335852892565"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.fd970958.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.fd970958.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.a78ceb112.0","@material/mwc-base":"0.18.0-canary.fd970958.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"7dc6a8720f1d1adb0ed9ae03d2ee54b539251905","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/7dc6a8720f1d1adb0ed9ae03d2ee54b539251905/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/7dc6a8720f1d1adb0ed9ae03d2ee54b539251905/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.fd970958.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-G5/NbL1NcezML2VO1pTBvvu6BpVTbIwfNWn1X9wH9rHu27s9WJnX6jHac57MCFB8Sg+Q7B3CksiNpu8OSYaIjw==","shasum":"8f6106d23e75bff558435727bb4a5acee22bbf5b","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.fd970958.0.tgz","fileCount":16,"unpackedSize":64049,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe/R0wCRA9TVsSAnZWagAAkP8QAJgM+BONVLNtNSuVDOBc\nOObVG9THYlNebqZE9S1DNkSpNLpMpQT6JhQ+/4fXadZ2JRc3coLXgMQTUip0\n+DEPoCIUO/LWwP5VRe94bFw68H66t5RMQl3yw9GHDfjyswJ7NsYZmEMpKTja\nfG/Gz4y4DLdEeFPlN6Oceo+gfj+GECWFIHbxPjcPRdLDpDQIluubIousaE/s\no/Zz1tSsWdV7vkmPIoWZPYiexmZYbSyziQ5L2JQp3TrR1ywEjBSHWPjDj55z\n+jw5HKjQujtOB+VjRP40of3UQO5pUCmFOtcdMYXowMoS80Qlu1CHqR8oQwI+\nwTsOxW6B1ore51SoltsUf8IAZOAvVrUEV86F/eWYs6JHjroGMP4/wwlnL1/q\nw2wwkWihvdZK/tq52dQUF66RjDbUwi6ygyYTntqB7dxw/6vCcT0bUY9Dq0GZ\nmRH4wwpKvs0BCrzoS6YC7ncosyrm8hMq3fZ2HurkGqqSMXrFlY5WQ15xns/l\n7LbTM76lvQ23u/xzlFl7CgBbcDleO4o9kS3rTCCC++PCqsmJKtvWNzi63RZo\nhA7Uxwqg+Mq5Zq1qm+hfFECaNU2cz2V7GoJ8XWCNC5+rvO00+ccGYH1JETb7\ng5SQsWKYE6q/FgkBnyPuehYjtzb8/c7h238pnkPljlZt8xX04qWzmBUR76xK\nUBLz\r\n=igia\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDCHZuC5OLLNgzvRdKuCgNUKMrAN4KtDZGUqdQSwKpc3gIgFnNtCXI5bAzFiA7R9mCw3BV589FzvmHoS4vt6mpRwaY="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.fd970958.0_1593646384170_0.8691936304038159"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.fd44be19.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.fd44be19.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.a78ceb112.0","@material/mwc-base":"0.18.0-canary.fd44be19.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"19ed8b1c754f72137cfbe305df2c3a6be32c041a","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/19ed8b1c754f72137cfbe305df2c3a6be32c041a/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/19ed8b1c754f72137cfbe305df2c3a6be32c041a/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.fd44be19.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-JwkY3HzL6v/sYGo4FUOywtz4Wg0YZMnMN3nLobDpVqYK+ZqtKWkEtY0HuZGbDLBfTxz2mQbg9d+SQvVRzwOxkg==","shasum":"fc4b48f1c636a943fa90e3972b56014cef2db7d7","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.fd44be19.0.tgz","fileCount":16,"unpackedSize":64049,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe/XUZCRA9TVsSAnZWagAAds4P/AgDKZNaOSU6F2+fQB9C\nAsSJc4u3MqJgn10H/KknHeEnHPMKo3Sq7K9kqbws0rOEXpOBdKG+FOH3zIsl\nWrMwNTA+9fNatvI52T0FjV42dZvkq6mtbuSk1tqsSrZBR+oAr0pchFBLzc5I\nf8BpwLtkzNWS8z0220JkgY+cpFPc5Njyf4fGKQz+qZfww3scyX687hh8QBPd\nBjpMhVFQgMABSL8TLUGgV/sFYPQTRy/PI4RDKaUydIs05UOcmi/lyEgmNlWW\nIAbdTqS/zKlb7qWzIZyKQsg2mRde3MXFaZ8rPppbpG5pK4ibrCEKoctNLlOr\nOvQkYQxJQ40rwCUzIMSQRrwsPF3bNvSMNdJAaKsHIMbZ9nefnfNu1r6ZIWgq\npwEgRC+yHTKMlMJeOV3eF9DjXvpOT9NXRVRDh/Zsc9VcDgI1FK9yheu+vgX8\nu+ak7FC+A/Gq6kOFBPV5GGPoBagTj9nPo+NZR4Wzp7gQEdQV37RBFYo6n5lg\nH87LMZRmP6XyMDUEUvpf6scubCVkjrAyRvAeL9ojBgxo6iLVR04fG3hr9YBK\n5H+04z2iXmJ/aHL66BCwCSqMqw55977xBOoPxUEm6ALDfw0n4k/RjouY4kxf\n7NGCgUqE11On9iUfLITf7ZTjPtEgOQ1hkpo+soRbFMonM1FB2enbbIbtROGq\nP9xn\r\n=ZSjB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDiEmgzlFQnAo7xYcxxOHdlClYWWtHXIxHczyigYEyqhAiBuQQbhHP6P6rTGh2XaF19EDOre8JicJQf1uMdzbRhVEQ=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.fd44be19.0_1593668889176_0.23355498349748283"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.17.2":{"name":"@material/mwc-linear-progress","version":"0.17.2","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.a78ceb112.0","@material/mwc-base":"^0.17.2","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"ca6fc6de0c0461ca30684d96cbb98b8885c8cc6d","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.17.2","_nodeVersion":"13.8.0","_npmVersion":"lerna/3.20.2/node@v13.8.0+x64 (darwin)","dist":{"integrity":"sha512-OmF5WQJqn+YCKKrIeEi2fvir7N8XI5FGa5FS2SyGTfOA/tbmBfVbR/RtTDDGcOVQzbQ8GsFJMwjXO9pU5Mh6Bw==","shasum":"6364af0980c406a67583799061e18cee7f730409","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.17.2.tgz","fileCount":16,"unpackedSize":64014,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe/XdyCRA9TVsSAnZWagAAhgsP/2Pb8PBuj2Gi4KLZ5ykS\nu8io9kmAQaR47RTeoSR3jWCIImS7NJzK84fVRbp8eS1gsmrjYM9hDLGLaP6b\n1MclUuIPghYSkK8sn+Cgw89UTSwW9t1pb+TwKmJEVn1IZ/ZtjF0Il7RSSB0e\ng9IYYDss6k44tsCzwr5dpoPJQqG+4T1LdEv2XAk2crJ6UULFQzveT4c0cRNC\n9HJrj+Ygn2ikrQaHHZt42wxYHFlDexuv5TMslQYHjUdw3Emz6C0WoqI62PgX\nrnZWNYMCAuY6z5fLt8DjpzoWYftBFm2x63EjzXc2yMlnQZZD22pnsDijH0Yb\nyxlc49dXCwI97Zo7fEwa8WEFxLK+YrvbZPYfMinvKQKOqC/H6t3BfLBocLQh\n6GoRLyXKqKBU66QdA1xgxAIMxYTAkPndSWYf6XPsUBcKVe5PJ48BIMubJgPS\nOAQyO1BJqikL64is1c3T4DgDjnB85tej9Bhjl0TTQltm3l8ax/lVPN9OdIIQ\nfXpcMORlZmBfN5PLoC/d742lN1ePS48b+Ky2fqHnMLKNOhCKRhEvYuX6vYqT\nY/YtfP+1OiDzY295cG8cvlqSYcxYRB3wDLum0P1XdBFv2yHI3qFz8tuaCGrh\n1xR06wGhQ2amxpp4ZCowg/cg1zTmktH2PGDqnFKLSnk+aZv4yNvf4+s7NlpK\nimkE\r\n=XM0q\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFrXWvb8266u3JkW1MKWh7X34ro6kCmL37umcGe7tviVAiBMTRF59MIO/7GErHkl/R3XWMKW2tBaitPJO+DxsrfUGg=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"emarquez","email":"emarquez@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.17.2_1593669490075_0.607451652329464"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.ca6fc6de.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.ca6fc6de.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.a78ceb112.0","@material/mwc-base":"0.18.0-canary.ca6fc6de.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"ff7df8fd7df07e908061e32938ae550315d255d5","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ff7df8fd7df07e908061e32938ae550315d255d5/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ff7df8fd7df07e908061e32938ae550315d255d5/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.ca6fc6de.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-f/+r+H9/AXy7bwg2G0/lGARsYlQiD4LlG1bKOJGeODH3Mc02udqXycgfnwSvRecV/KEE3GjIxyVGXB7XVn0PlA==","shasum":"cb30c21e05f3ec1b24816959da90cfcfe2d7f099","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.ca6fc6de.0.tgz","fileCount":16,"unpackedSize":64049,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe/XekCRA9TVsSAnZWagAARCcP/R12e2iQf6GOQbYv9kFl\nEkUh6OvVITtwZ3qIbK4cdtlSrGZhvfA+hIkZuqiTCb2yaQhnAdWWqq90vjga\n5EaPXAuCjiGSbqNpp/zvdPkbcwBpkqO8gMcukMPmBjQuFnMzMq+k06jvGbNq\n554aDPwpjBILxOvsaBb92Uw2vLPJme2ZK272gQqk2fkMUqJSfzHDv02V9kYN\n/vlB5btu1MsgAfTHZvIU3Pe13D7vmnFw4C+JU0JSKQRKgunVz2cJSPjZZC2/\nLBwqIG6bs3l1X0AdpJqWZdIkmSUHXorvAOcpygHFg3Dw9IcaIrIIdCbAwOoo\nwwKBIiF+kJCkPnblAEGSzScCjy5VyddEgvTeGBSDPNEgSFIjG1Uep8fNNZb8\nNbFAAaf/NsXheFOYDFR3uVxg7VrIHOktRG6gq2h2CFKr5nqICD32YvoZlNDr\n0tMsXKQaItwb+sWKYnsVr37KFGb6GFp53WPo1wDf9PkHAwXLRq7Ebo+HjAU9\ntSWS7eSmLiDEwiS5TeUvxS7f4WwukaDSii1twYtZsmJrXLCM6oKCI2wBGEDu\nTOXJWlHXIXhemZxsTbYc97uhlqbC09W0UBTURViaoTMzd4D+XbleLeczuQjG\n0RDganTrDSDlxczqb7hPhtXZgE/xqk96JSDtd9DJpK4TS7NpvDeGZHIT3SNf\n6HhO\r\n=6q0f\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEIMySfrZF3cQNq30SRf5wGQ/pMzCjuru0l3hI/c9aevAiBRzPjM3Xr800PdX2USlEtuNwLA7HjXGg4NgcevUOoSOA=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.ca6fc6de.0_1593669540512_0.24886293101560586"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.79f1ec2a.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.79f1ec2a.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.a78ceb112.0","@material/mwc-base":"0.18.0-canary.79f1ec2a.0","@material/theme":"=8.0.0-canary.a78ceb112.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"28823685e1aac950044fe1d868c6233ae753ba7c","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/28823685e1aac950044fe1d868c6233ae753ba7c/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/28823685e1aac950044fe1d868c6233ae753ba7c/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.79f1ec2a.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-0cHX5advRM72OtaWoJXsBxjtSIcPnUZiwWIgj+bNKzpCyKPkq4sn9bV2DS9foPTZq9WTtOTbORqb6CfIb3JfAg==","shasum":"83d65cad38b9f0445fd14d872b9274d1d4a08448","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.79f1ec2a.0.tgz","fileCount":19,"unpackedSize":67233,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfBLGYCRA9TVsSAnZWagAAStYP/RwAETy+N/AfsMrQRgFI\n/98AoYZVZC/VmFJC377XjIIVFvWmZbt8avLCnmN+L2OL7GA1yo/o93hrabF9\nLhVZhpnypSimbq8bvdMAZFaMn7Nrte+3/gyb+4LIVUyn+DGhKZBeKqYfMfp6\njYZC08t+oz0e4FcfI91ZGJIRo1sv9e6Ph2S1l0USrlrfGzIGrop/F0WBqgZO\nXxRZCYx+Uv4YlVmaUtlA1oHr+Nj96L4FhsnVbcLYdq/gZZhSMDbpWxa+JxxM\nhTMacSj4lcBgVXW02jUHis/n09jwv0vLJCprORSqBWffGsPPb78muHWSXAiI\nasQs97s5s5M6IGP9nWbK0E91Jmn+hR51SNDoDkrl9JtnMJY906kOa01hXuAZ\nUCCdOkWy5PgaohP8RcJLCWFPODeUiradm6wVFNZPPPDa+CJ9iKy0Eoa4IQqZ\nwTt0VpC1e1/L3SuHmu8hT2dr90Wd8txaJfmPgb0K7NmNPfyxA8fEvbmkeaau\nqBwPz43VtwxZKtbEzlD8Z2UPIjBu7BZMiZxyCxYKPqC7DfwUUwpLAIZgPI9m\npUOV9RNbx52Z283XA79h2/wlCA/h23kYOhcT+Dkik3+9/HuLcRN7Dfj1Pign\ne+1UzcWna9+1qWzOjkvDinYoPlERR1h2w6aZO1UFm0J7Orzde3PqNWXDmeSh\nHt8q\r\n=1Q8Z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCQdbOLuKPYZ5d+PZvWZK6tg3JBZ75cz0i0O1JiABv5BQIgNqc917h6QLXFSkxaL9xipVfmByQjUZy3GhdsGl797KY="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.79f1ec2a.0_1594143128376_0.46352156026403546"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.a7bc45ae.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.a7bc45ae.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.6ed717ddd.0","@material/mwc-base":"0.18.0-canary.a7bc45ae.0","@material/theme":"=8.0.0-canary.6ed717ddd.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"fe14f2ba9c3850967039fb923e6ca39978290d3b","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/fe14f2ba9c3850967039fb923e6ca39978290d3b/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/fe14f2ba9c3850967039fb923e6ca39978290d3b/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.a7bc45ae.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-/ArfjsAKE3p5FYElHhlFAvsIyLjwa4nFcqb2x51aYmpk40T3LwLr/cZlUlbM1PjUf3+nPVTXi9ZaNjVbtQPHGw==","shasum":"05ae094378e5fccf3201185906b38f82fecab8ec","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.a7bc45ae.0.tgz","fileCount":19,"unpackedSize":67233,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfB1JpCRA9TVsSAnZWagAAnAIP/0mcQx/xZaRRXeAeR5dM\nDkKHl09SEe09xwjxwN3nbv3hh6Eyd6oWBjZ22PWHfPbsI5CGW9flT0oNFPz1\nH/GOeZwEMAhB8ueWEqlt5zqvoDqgdUG9acshVTrwpkOZNFPdInxZKk/5edYu\nCxbv9XXdJp5zj4MUyoROSv9f38viiPO9Plf6pM0Ml+/Uf/hBe9JcPblgj7vG\nhJqjIoI1vvMmeKV3+faQVXIgugTgRg8o1++AVznePrDMjx5nBjji1pMAekdP\n4057H7GK4e5GwyO2S4RM87q8Nv5UPehdaxjxkUT5IT3Mfa8UysEEdf7cOT9I\n86Mx2JJ/xwybe5weLvjK5X38Z8r5EY/eVwY7LRqO3INCJ9Y6UCQBYCzrUdT0\nctFKmbowiW4Td8ZV5L9yMdgfgqFD0ZtGJhBRIGDFHFG/gwdo/+eNz1yTFC90\nNcXkU7wPM2uf912QXaNcKt4GfkbyQmNyyuBAvQkULdU/dyQxkVTeqB0GSHfP\nCEk8GSeGy718vJNuyEYLyh/aQCo//sbl0WPP6oekt+yN6sIsqNEyYYUZbbop\nVvr8fdo3OfybUF6hXX14d/QiLyg6yjq1d7LpAy01gDK/aM64Ki5/l5nr/7t2\nw0ZJv9nvHbOdE1xe/4JgBGNXrOAnZN5LhrI9xYRJjFuSMLP8Dba6NNR+5/Hd\nf9W/\r\n=45iI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDSAHLBK/GlK6h6iKbDwwQAje+HY7imgki94m+J0G4xNAiASrSoqBDDa+jprgi4plyPmU4uqydbDCiOSr0RANLoGJA=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.a7bc45ae.0_1594315369373_0.24866765769657317"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.b184bc1c.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.b184bc1c.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.6ed717ddd.0","@material/mwc-base":"0.18.0-canary.b184bc1c.0","@material/theme":"=8.0.0-canary.6ed717ddd.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"ed045f87cb3f1a4ba70a20cb1f586b80a1aa928d","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ed045f87cb3f1a4ba70a20cb1f586b80a1aa928d/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ed045f87cb3f1a4ba70a20cb1f586b80a1aa928d/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.b184bc1c.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-Ty6Cr/zWBGrtzOA5gr90oQQA2pQ5G80Nb1uebumeVY3u0R/qTm3BKZlSOoqcoz+yJ1DC258VRau//yFcZXDAWg==","shasum":"1f0b8ae8ec993482e6857eb23a7965ebc7ff4f20","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.b184bc1c.0.tgz","fileCount":19,"unpackedSize":67233,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfB1SQCRA9TVsSAnZWagAA8O8P/RUNhXKAL7avEMEHN3aX\nE9V+JchZWgNvrnynV92zN4QqRPGL30zRdVf3xwNu5zewaVW/xAmmw3UhwYuE\nrpIrsoc/vnou+k83BYSHYJnl1Rh+y7uOtv9/ehjGwPPcsOu08MU+VwQnqECX\n6RjQu38TSRnG2TPRKP6Ah7D2KDTANFxe2whkJXjpHzGwnSHQUhKGR3ouSbFQ\nMIjM+4KIVv+tOeVAINvnkuI2dtbpROKMzsmtVScr7d+iVJPUbWX3mqu5KrWC\no4rMRLsxLnXiy3bwd+M79n345JZWZiCehVAcbWO202xkfZe1Thjcp/GcN9Ae\n2GTJ0qjpyEqIMnPijI164m9blDg9fO7NPTdzoQzWy+oMwJYlL7RhCjyj/eGA\n5Z60Ic2zREGlaZK4ieixMl/IjqCWpH7nrCEQcuS3YJZ55tHo848lgK7hXZAI\n20mEHdfxPi4Rrugd6mSlkWo0fZCjUwexbCBY7IryooaNdJ1tZ/0XOL8SZxtm\nxXM/MDDEYMWVKK8/VkgpN+2vbFa7jh8l917vLeOUtHWljrr/dZM8649B79AQ\nsdpkkMewbNRCrBvDIxMxv9tzUWwa4LcGeha5TrTNqvgU5rUTFCnyPIQH4svX\nO1lji9YzupXJ8D32t0azOwe/4QWGjs+2Xz93flF/BU2+d4BLLoZM+A08PA3i\nLsCI\r\n=Xx9o\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFFWVCXKMdf+GeNVRnXAMCp5RmF734/UyXIaLToFzkqWAiEAwLYOubBDjVI865eN9ejYiLqJEjREJJup/NW04gDNqH4="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.b184bc1c.0_1594315920107_0.9971307518965353"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.b39fde62.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.b39fde62.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.6ed717ddd.0","@material/mwc-base":"0.18.0-canary.b39fde62.0","@material/theme":"=8.0.0-canary.6ed717ddd.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"561ab4c73d80c73f9b95c39655b7057d622fa2ee","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/561ab4c73d80c73f9b95c39655b7057d622fa2ee/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/561ab4c73d80c73f9b95c39655b7057d622fa2ee/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.b39fde62.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-ixAOteP8M08sfS1KBiB/zrjPhP0PjVK5Scf8+5w8G+6/qfEDT+C3aaSsxltx1zlBlFmxVowKfKMlFDaZtI6mfQ==","shasum":"c9e8c74a6d3597f58dc1abecf32cec509cf15cd7","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.b39fde62.0.tgz","fileCount":19,"unpackedSize":67233,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfB1XLCRA9TVsSAnZWagAAID4QAJHVdrNc89GTa/Mmtgnf\n2BKgvJ1+Sap2J70WU2e0vVXlQu8G175r5nxz8ipZMg6PH21Jtuup2Ug8eY9s\nNONB+McFI4lV8XwE61bP0Vw7Nn15rrcs8KgKGyQtkXF1wHGFrl5iSLXM+sKB\nBYDTpnJxSrIjNlP0c7yEq073UnIlZabCOARXt8IZY4Uvz+DFT1D4FgJAe/jh\n9+Mg0CuQ/UbZLCBFyfX6RlqVD7vsjpa717OPXRRBcv+eh15F5Q44d0gvEdMe\nsaEL9tj40IWOL180BCZhKwa2atOJpeSZxsGqLGG5EXEzq2yvfbTVfaMVJx49\nOKgoHpBWE1i2b7N2LTHIMgLO+MpacFpkx/88QfZ59L77tBA6nH9+2jQgVAzx\nwEI8zATt/PoBxl14/azGEiIfqQA9zty80ltxfUih421sYhXpaF+4oJqBPSp7\nvpamOUZMXX2Mky3X4H8O1EeRWTV/qEX3EnfZOWrUlsOugZ9lxTIVpfrjHw6L\nm2jOjHQiLiTQ4n6nkjLwirmaVZP2CwNtX4ARuVXPOmYiu9o/4yffoywh6nLT\n7KswCqbm6MVBxzGxsjaIJduE7xl1mZgeF8a099brSvLA4f3ghpxwuqFcdHx3\nxuV/r/SxcZQd/SS1SHRif15lnsdr8WRIgQd3UsyZFbq0q3wQT0IqbHWMWFFd\nHOoF\r\n=ErPX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF4S7rAWm3Ow/RvJ4ye91VAW2E3REev0Cwj2pzRyW8uWAiAITh/5QgsP4sbbqHXN8udfQ3YwRCUEH0wlPhPVCdDX5A=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.b39fde62.0_1594316234775_0.5474787335780007"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.dfdd8d6c.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.dfdd8d6c.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.6ed717ddd.0","@material/mwc-base":"0.18.0-canary.dfdd8d6c.0","@material/theme":"=8.0.0-canary.6ed717ddd.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"f0aaeb4b52155318bdfca32a9cd375c7cf8b0ca0","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/f0aaeb4b52155318bdfca32a9cd375c7cf8b0ca0/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/f0aaeb4b52155318bdfca32a9cd375c7cf8b0ca0/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.dfdd8d6c.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-44HkQANnn3PGgiudk04evP+SkOMFTcPE5N5I88KTKaBfQZ/TYZnSO1oyGCEiA1P1XXf0kL9U4vMkHT5ngo2b5A==","shasum":"7bf3f05a17f6b3316fec448e3b69e3edd2e51c69","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.dfdd8d6c.0.tgz","fileCount":19,"unpackedSize":67233,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfB2EWCRA9TVsSAnZWagAATdQQAIXcYu+mKbt1pR0gPqHk\np5AkK8raioix1DaADE0WJFUe2VKUYoyfKOXQwztlBX56YBIc2jc05ZUNlHcG\niLwrF+8s/2uEq19ewbEIIGeP7HMJMs7sna+SKutzaD811mmhk31/LQvSHWfL\nMWFiUNQNoc4jBLRbaspd/nun8Z5QGK0vhGQvI+pStgWgPHFPGKuvT8YWZMb5\nAVvFtv177mEinoeXPA7uWRhoX0E44YW2mKkKNsQpR5ifXzOsfwoMarZrf04D\nRELHxLufWcb/nEMjfzvcHp3VfNF/FQG9AITl+dbttnCQGWrlkw/giJDAd9ZE\nlxHOL+c/HiyxgZzgjJh+bjJR0aKRVWWjTSJyWJAGQXqDSdjZQkID9758iQod\n08RAuZsr6xnV9trwcCQEHHUag80YamITKvoxD1z7qJTTKQNznGR1P3M534fe\naefPqfw1RvGkBpW/F8kiFRCdOAssbJoyCiiQE9fzVaGRJFnEziGU11oFDoTj\nlw93OBw85thsB1ZC16EPn30xWQshWXmVEPoNZvXFGx9p0a/vyTR3vDWRt0nS\ntxeAG7SD5do2Wk5RF+bastfTRYJ39EE1Hs88YLwz5A10Latpq665NWQ8z46t\nyyc70v2qU/Fw33D3auj25Wo7mVAQu2KojIN3mEWSv1jpAb52IcMjXztJyGhC\naTNI\r\n=vLrf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCyew42nSVuMpnGkeET424C16EQJ20daaVQqtB7p7iCrgIgQV25ZKY38rSqP0POMqQuGXnv7tCYkC7tfvqqTAtWGpE="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.dfdd8d6c.0_1594319125888_0.8490725037253635"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.11cf2694.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.11cf2694.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.6ed717ddd.0","@material/mwc-base":"0.18.0-canary.11cf2694.0","@material/theme":"=8.0.0-canary.6ed717ddd.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"652e6b8d96cc6adfa62d59e09d264defbb4f259b","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/652e6b8d96cc6adfa62d59e09d264defbb4f259b/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/652e6b8d96cc6adfa62d59e09d264defbb4f259b/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.11cf2694.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-ci9kPrrGJ6cKhrnXC+/fx9ze2/z/m3yXsN0KYcG+MV8ajGviXYHdqo5qNYf9wn4iqfIuK9idP5JmV8AkMsezGg==","shasum":"d3ff93ba98932338ba3e798a62530d9a3a750332","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.11cf2694.0.tgz","fileCount":19,"unpackedSize":67233,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfB4FdCRA9TVsSAnZWagAAAJkP/A+gDI0At0m+zAxebjBl\nWHk8aIMYMmhZTB7Z6Tpvhm5fSSlgz7QjJbMWkvqzTDaHwLDaqMYr3X82Vg2S\no3mPslLOKVzeP3Ya6MCWEwdMLhVJi0WxYxuW3HTihsRpACpDNEf7aIQi39+K\nbNTbzw0UwxHF1MGFvshtJFASvEHhZghZemUnM4S+CgLIiGEA2KvGFiBiB+O3\nfXesx2JrfALT0t7CxZdQNJmscW+5BgpK87adbXjTfJ6wcrffpg4MDplJDDiz\ncnP1xQvudJrhcULNs+TTv2o0MIScwBoHUYq+V9kplhbNOJW0jZXNXN4KBFFL\nR5mozTBK/u+7GmFgpW2QBcvlKjVLkG92UuoW8I71KTTA5WzIcqQUmv32kkAX\nLGHzXMM6eYBaXrA6qfmXZqpmzbBepqheFqHv4lhKqSHhajftpYyThb31NFyA\nNTX4mIpMf1vRyRO78J6psm3Syu606aEEHVbEv0zJF3pLPUjFa/fp+fn1Fqjq\n8solUPBolXNoNGg80gl6gunbvGFZGNEEFrLJihVKJPspQt19AE9BOJ3O4IFh\nV4eZd1B8xlNhB63pEBfGQWv2aIcnJC049ID982G5Q6N180/N3HqR5yxu9q7O\nwSTAIQXSGS69Tis4CKEY6QX5ZtA5JUdlOP6+dojrK87yfPeTUnmUKPozlVjc\nZTAR\r\n=uXUa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAEZA39SVngTkFVipYdz8ab8t8uNCTy7SGAK/24YIXV4AiEAlMp35woi93wvY9SoH4zswIOFQGIz1mRGyCTxY+JgYE8="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.11cf2694.0_1594327389388_0.4400973515138791"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.436d66e9.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.436d66e9.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.6ed717ddd.0","@material/mwc-base":"0.18.0-canary.436d66e9.0","@material/theme":"=8.0.0-canary.6ed717ddd.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"95b44ecddb7a4ad5662751540e79c58656790fa9","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/95b44ecddb7a4ad5662751540e79c58656790fa9/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/95b44ecddb7a4ad5662751540e79c58656790fa9/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.436d66e9.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-+TQZs5MwsbIC8CpMZLEXQYXMJ1OPOcOZMeAcwuuv4J4sGsENm0pIV7sT5jmv1xm8ruG51bFi0+7UeiePuezOiA==","shasum":"1e757b7414d67288d921d956744f63cd37531bc8","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.436d66e9.0.tgz","fileCount":19,"unpackedSize":67233,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfB4J8CRA9TVsSAnZWagAAOdsP/ipwygpIOBPyrAJz5TU+\nBgK7/f8dKQBzwNRrDshVPsnamIcimq40NyByWbQgPJuOsHVDPlmy7vleo1jO\n21oTCbOv+vR1tNHcDJG3EgbxY0dqHFhA606d5czSWVa6sONYFSscLqG6LXoC\nCMv8b1qU9cEzL3X8AMYwRNr8ENMWqXCnHELktntSARsoZxFEJ9ZFrMkN/eRR\n3oegCCBHYs/292i+RpnKw95Triv6zUWRCppM3kj34/2lMMvyBIY2vP+/rJgZ\nkE14vjTfrDoPL3nO0majOX3VahzOUtS+cmem6KQRehpAHj4uPkjzb8mTBNmK\n3gpBxHui7i8FYKMCEbwnnN4QVmdb61vhuohdsXjqOuAatkvhkesfMr3jfcf9\n53i/Imd2ZIyell4bGJokRgyfkGMpbKHngQnZZdpHtHnEXiiIO/yK1bWTfmS8\n49kbtSWeFNdRRqa5dph+Nr0TzyLb1L4ivyfyUDhlVl0W7WB09dZTScOMY1fU\nhHYxTwRVafPZ5r3Oq51Zce4XQ9wiBvjupAjLbs0/fizdUwsPF4LgnWydSyNz\nbf3hwpR3tgoyl9S4hX+ciya2JEi2J+WaYO1JSdY/B4FcplEYh1kJoU64z6em\nMxc29Vk2cuXkmUm6TOak2t9N7fJ2O7GeNaTyYLz/UOf+vx33zuKVDtXQrOg+\nn6VS\r\n=0nUG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCkETMZ+sMQkeXmiQrTHDCX5mRP2MHa7ZMagHeBDfUaqgIgQ3nMWxZXVuEx+nidxxQJ366Cs9lFUxUDxNPSchrCojQ="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.436d66e9.0_1594327675547_0.021703286680767597"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.3a44d36b.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.3a44d36b.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.6ed717ddd.0","@material/mwc-base":"0.18.0-canary.3a44d36b.0","@material/theme":"=8.0.0-canary.6ed717ddd.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"2cc46bce7534ef7046c58891f32fd054a1fa8b3f","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2cc46bce7534ef7046c58891f32fd054a1fa8b3f/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2cc46bce7534ef7046c58891f32fd054a1fa8b3f/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.3a44d36b.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-mfd6a7PpOdxJ4g0i7sV1gYvRBrh1n/oxvWU9L6XBUmwnfC7bdvgw1fejBQfwmRe5i0xk22I/TOlMtUfBI10GUg==","shasum":"8af91682b4852b86a1382fa64bb70311110d1f1c","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.3a44d36b.0.tgz","fileCount":19,"unpackedSize":67233,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfB7gsCRA9TVsSAnZWagAA/TkP/R3VeiCJSxNRw8oblohB\nDl2fFO0zC4nM0ZqLK68K84lFLuPnGpwm3TU8LBlK26rtITdfyugjf+hn1ly9\nvH5fbb9y/we8+CzhexQoWvR/BFBlpWmxEgEjH7GgeXu+UurzoOV1giWm+rVc\nljotd32pKdi610ScHsyIrPHX0it+Vru4m33p1bXOnsBh3S4wJOgqUfCWAsI2\nx60sW96TF++9ya4ohHIdbwfqA3DHOw5QN0ob/Cn06DuBHtM8TPLHv3w1oxMS\n81ovPbB6f1blkD6xTaY1R2XpH59UzsRwie9SkZ5BhpyVilJR29oxlVDuYCk3\nIuUBA9rGvefOV14Aa6Yxop4yb/TCuLjmVVvsf8WPko7xJZe5bE13NHJlO9td\nTczUEGnyb1XuhBAXbiFtVnwQlsGGtKIOX7JNxmRNyLPREFIrpTbS5c4BiJ2n\n+rgV+tZUrGEcvlSirxI8My4F9Cv++FuAYS3CUNZCMzHSValHkwYQuPrrAp+0\nQh6DCqKzQXdL4SSwm6m1GghCmq2aciD0F2jMRoH1Rz4a7KiP7waM3TOS7yrG\n/yh8tD9+Kqo5+3giVUh+UqQEJ//k28b7N3+wCa8dhdrdPeZpuNTF1MdLQaQA\n0CKAsiAY8cHppOwbQwI3p7x6oeElMvNtfKa/33h6qbN0wQ1ng3NrI7NVqZGE\nzZm6\r\n=gF8p\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC/h8YVllgvyY23H/debvax9Frxzw3MG7Bc3q00DeLW8AIgEoJHejjUPACIqjzfWlnYHysk9zUh2ykeKg75FS2usi4="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.3a44d36b.0_1594341420299_0.09590141683421538"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.ec11ae6e.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.ec11ae6e.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.1e7cb6198.0","@material/mwc-base":"0.18.0-canary.ec11ae6e.0","@material/theme":"=8.0.0-canary.1e7cb6198.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"e68c3fdbbceeb46e346d694dad4b236fc74713cf","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e68c3fdbbceeb46e346d694dad4b236fc74713cf/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e68c3fdbbceeb46e346d694dad4b236fc74713cf/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.ec11ae6e.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-TFKoOjbKIfTX5f4yZ2KbWMSVkr4yBSUP8bv4TOyE3iyDGuejkKbrECoVMx9kki7eIZm3fS0ssrBe7QBqSNAV8A==","shasum":"1c4412c071df0448318d93e7f133e141a25e51b3","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.ec11ae6e.0.tgz","fileCount":19,"unpackedSize":67233,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfCKrkCRA9TVsSAnZWagAAa74P/28lTZjxDRE2gjz4RecQ\n6XTXzOblktRi5VHgK7k7OZ8B62VHdLtNvIFitRSIIVn9GcdHo1ueHBHqYRgB\nK16f7QAr/YEJ2LWPUyqcCY3a7B/GEhf5/ajX7oZBma9o9nuZgPd3R9tahYFy\nL77NZEXfJS6z/7ITEq5QjjWf2XPeLGvH3VCUDGGkzM3HJsJm4cZc46hj/uTh\n4HGukdkp1HTl/HwjYCMI+Od7YrXI0QhrccS68e8f8QtasQZwP9ozrwVIXFyh\ny39/PqRHoJ4HhagJT8NyM2+MwaE/UbDWKLi0QxTQryJjKVHlPf646hZKUyHa\nwqeKnePvaSPpTwsmk6G6Sv1kMv3mJ103Dmt6mtKZIg3Zpeohc0NtDQOr/Jgb\nafOMIG5sHRTZV6iWTjIPi1RJKAVSonRdqi3uFV/BHWh00hiP0JCKora/Ysnw\nbzFpX/zaYlBcknlz0yc9F5VSbtTCmGl42HFy1A2XsnxpwiqaVPrBWY2k0fRJ\n9300cz2FHccwpnRwpA0vu+rwt9Fpspwx/nU70GhfbmVKuaApPPzgY4xtkYpv\nX1Q6Ii1d5yxTaURNe3Stu5UzYbWeY/5kj1Z0KdNqfxkJAtLjX22gP1cJkS49\nvtPHFDHjc1TEkHXMQQeL4LDZ1czajvYD2evmRQlCgyHphFDA/GXT2Z6ZnA3g\nCYua\r\n=Jw/t\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEq8IJc+9W5AXoAf56sEYVYuaqoBlewq5aSvf/ys0Ii2AiBsl1618FQ2Gz11w/lSvmR5U+WONHEztUJpINO7s/e+pA=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.ec11ae6e.0_1594403556141_0.23585455169345626"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.17f6cf27.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.17f6cf27.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.b2edaeead.0","@material/mwc-base":"0.18.0-canary.17f6cf27.0","@material/theme":"=8.0.0-canary.b2edaeead.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"a622acf92b818bebef7c3f77eb5296521068d267","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/a622acf92b818bebef7c3f77eb5296521068d267/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/a622acf92b818bebef7c3f77eb5296521068d267/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.17f6cf27.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-X6VclcvZzQ6+AeVKwlFEIH1pBzO06avul4bXx7iRCBSBPMTSaSF00DvHDN+LQLv6v4cAeCM0Wb0sTuwgX6DH/g==","shasum":"9f45fb4ff1168fcbb344422fccc3b926b74bf73a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.17f6cf27.0.tgz","fileCount":19,"unpackedSize":67233,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfCLQ5CRA9TVsSAnZWagAA90cQAIKvNGu73foY0p5hdWkz\nGRahfyla3M/GBhGRC3X/nIfdXeScZL/vQ5vC6NjzaTlD3PWRG71nUpu97GvD\nX6t970v9Zsd1MKDW0M6c4j+pIEQoUBRgm5EX4IoIny52CyAoiXF6vdxECx9n\nUmByBvsqTY5ai1LEXNzCl3rjkbjSS7TzMvWAI0Bv6V50VjcQt6YFbJP12vZL\nnH3/R2l6PBGc6YhUhvby4Jyn6FRnh1OMb0MztjsgZAZPbWVmwAYqV7n7yH+I\n5QrAZaoi9u8P8Zq9CxVeHusjm/iwgHZ6CQb7A68XlJytwoAfV++yHz+tVInV\nCrNDNBGaSSmOjq69PLSn/T0iwBp2H2BEPAQBHM761P6r9fh0QuFT904SlN/2\n+3xdV15A6iEiGN2iiP/lhMl+CF7Jc17EVsey2rTfx7VoRJu1288KoPtktDf2\nXXs3XRhelA1D8cz3lrm5I5PWO4EB7ubzq1sPcFWPdM3xbUbvpuOx4nnAGVjP\nBnaLE0ulGflKpEdtMLPE/v+ve+9LtZ7ICEhvonpRuh1MuBw+zWNmCq6Ytgii\nwNNfzTus6C2VlBNafByrQqrR0oziOuZM3sJxfIVHPVfXloImPu5cpeJBoLX9\njP8j0bIvo7uZqwYOB29govXaR24W0BTix2WbTltbzTnyZpDC7vldp3QCR9fc\nWrta\r\n=eHLY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICKMBqqqk3REfoiafej3LHKZ6/t1VyqZgAhe99f72r3lAiEApXPg+PFKZ24b2Y3dMLHcJCgkOuubjH7rwgjfTUAi8v0="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.17f6cf27.0_1594405945351_0.02311234789243999"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.efdfbc21.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.efdfbc21.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.b2edaeead.0","@material/mwc-base":"0.18.0-canary.efdfbc21.0","@material/theme":"=8.0.0-canary.b2edaeead.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"d0c5bf147bc31e55a775562b113790bac6052eed","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d0c5bf147bc31e55a775562b113790bac6052eed/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d0c5bf147bc31e55a775562b113790bac6052eed/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.efdfbc21.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-RXbBi8cQW2E+1HIou0BBVieiqmkjnXqkcgKkMOecFrG9cmDNiERPADYrNOfuYvGQ3ETPbTTfFmwWQkdh6MQ7QQ==","shasum":"55dfaa6869c6fcadf639c0254d4555bbe1fb315d","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.efdfbc21.0.tgz","fileCount":19,"unpackedSize":67233,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfCLb6CRA9TVsSAnZWagAA/2YP/R6YQm02bTrdi9AXv4Qd\nXVhyefyUwG1MZmxhKTdH8XF2XKv+89+lPdtwhagia1vo3DpNoAJXPZ4bFevC\nO42cVgBmjt/GKDOBAdDyegZc22Mm/IjwSVW15isfc3/+vZds5IFul4sEifFO\nGHU/qIOFNmnbgIQ5KiIgIxZ+dfKRDFpPs68aW8jyXEDnPh6z65O8+NmYxgfE\nBxwkb83H7mK0G0qPvNAD4raBreVHiZOe5sc1UNwfGVuwSBJ2+0GLb5zS0xKz\nzAuwZgXjqHOBKF/lynzJ7ZvNETXvN2366HLzoIQdK8sMcdt2fwwhM7LDUJbI\nG2y6hsCuIFldg3vPrtsdDDTjo/reI32HzLE1a9wleQ29Rn4WCiN2klJVnZB+\npp2bplT1nSBZRfB77ehC5ciw5L1lCJGLVDA+du26XAsyzwPhA2ckvm/pWaoB\nQQrkGPT1HDuDb9bdiXuyqDhzD5fh0E9g/aVe3lkmwevdxDmZyQgBdjoBESnO\n4rvnVaEq9WkZr5L4oT6gxaQWrZb/CITO1S85j4+Cmm7SS6eI2R8KLKGVa2XV\nWTORkvUNVEbF71xrGVN2aI9BERCLdbLMgLsQPnxGI+O/R3gCRPDr0o/dWuIy\nD/G1Yo1WwTa/loyhybrRYXeRG6eTiTqU/9SNBQrXZgORiu8uYL/18VUvyv0R\nnv0R\r\n=V6Rh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGsNDuSMH4xvfBekfVKwroJGfgq5QOIwIhOcJn09mbYjAiA+43ljLDqMeWha3OXqlsPl1z1cjBsrf5J+mmGRk0ooLg=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.efdfbc21.0_1594406650416_0.2186416437403329"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.bae4339a.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.bae4339a.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.5dac1f624.0","@material/mwc-base":"0.18.0-canary.bae4339a.0","@material/theme":"=8.0.0-canary.5dac1f624.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"3b615d0a523f0cb1bc5f7f0c0f7ca6eb5f52ee63","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/3b615d0a523f0cb1bc5f7f0c0f7ca6eb5f52ee63/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/3b615d0a523f0cb1bc5f7f0c0f7ca6eb5f52ee63/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.bae4339a.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-9Vh9x5f3cIPrNWMLWgVoJmDiP1cgAh79NvzXbXANqsTbZV0wAxayRmUXFgUzLB3Zsa7r08nzR4ADzAoViGytGg==","shasum":"063e073031c42f687951a6ed80d5f04855162981","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.bae4339a.0.tgz","fileCount":19,"unpackedSize":67233,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDeA4CRA9TVsSAnZWagAA87AP/ijBaTGD7IrFUfoShwDP\nXdHH4bTtHH1j6lsyKR1xrf+3VFx4eKkP9o4424LWrVpJwUtAFnB06Cxl4aQ0\nzhOccVvktBGfeXSq1CJUNNSzglvkToUIk4spYLSdmh414Rq+zGlblh2eA8gM\nkpnWgoZV5JYda8NqcU0+uOMGx6qC2FgMdtc2ulUwy/23nLgt/3tXUF8VY3sy\nzDM0PMxnGaDYCMZtxSq5a6qG0qmOjjyxrBrqZI1PQyOYZmUypONW3Pg1Ra7C\nLVVs7HZz0uYIpRYQ38dTMlUT+oenCaXIiLD6meRvdE9Q4NPvkyWto4Sbi8tl\na1YICoMuD7T2yEp14Iyjs5yggvsmSJ4M8oHntkmbHYM6hWstcuyRRW7FiSSX\nsHa559mDC/mGS+I1Cou+nSMcqI38Slr2Mt/9/+SfLNTlpbb9T5ffh+lPPU+v\nRjLMdze5VERTCd4xDIEV2s849NKLkqE0KMa2RMj8+ioJPdEFYho7Oy63jIso\ncFf9rjPZ+XT4WLw29ayN8/uDi+MJ2meFgQKD2zWpM1AEdy7JogsFDXjPrYd4\n9oVTZsiMCPp6QvT8RpWg/VCrOPO6ebgZ9xc8KSSD6aC+J9OKdiqaJ4YzMcLe\nkAYzMgfKYN8hpLTjo1iLDugDyKhbkH093EAuPhBxsyfmp4eVASwgAYRA+KQ2\nD+U5\r\n=ES8t\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD7sh2iAArHyKwXWX8TKa8mHAo5t9jp1GZcZrXGsGD2UgIgRAF7MIsMDbQSBOgUBl1VSo2pvjLkVzUGTkGaWPLDSiQ="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.bae4339a.0_1594744888107_0.8798961926178928"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.28eac13b.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.28eac13b.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.e6e23019d.0","@material/mwc-base":"0.18.0-canary.28eac13b.0","@material/theme":"=8.0.0-canary.e6e23019d.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"26d5b26372c667630c62d9894c9825aec9e06f60","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/26d5b26372c667630c62d9894c9825aec9e06f60/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/26d5b26372c667630c62d9894c9825aec9e06f60/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.28eac13b.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-zBN2dNm7GqPbhSYwKP+J+RBgCtGPdFGZz6Nd5ZEuNbviWuIa5LIHlk2Hs1tS9WJneKMTTHsoMGoQ9/j/jWsrQg==","shasum":"f966ab6c1da4f6f4545170763580ae714b112b3a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.28eac13b.0.tgz","fileCount":19,"unpackedSize":67233,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDjBGCRA9TVsSAnZWagAArEoP/RlmYVn13osyIA8113rB\nR+gpmX9jJVxm87P0hy/FWWtrVPrbk/DIS3ruHNc2lk9Smcke05QLLWDZ69ks\nrPdN3+aCjdkNKLc+32TMfSzu/U8ZUxwl1KW5hBfaVpHmQ83EE4v5TWtqXbaD\nsClUgSW3xgugG/Mof9lef1da2Sw1u5ea7xfHZjbne0nqBv9TAFSA+GwDS9dg\n9RUREkhHA6D5XD+Kr+gvkpFoirBANgcSuisWiFU6VBR6mqPsjDpR0EhH0xV7\nUkBXGeiXmBvGH1Q/4HklPtYXFn+W00nBFc8kSrJ7oyhj2SVGRaZFeJsrKQEj\n5igqOOvqCTQS9BfqUyBziGwh74yC61JhjZw5J8LoZyTAGRfeVwkl0vBTuIM2\nrRZ48KBUJgdSuJfr6qlt0WKLHuB7YizuYTLjooO5+agi4jP4nUZkexa1hp2i\norU/Zh/ZYYK0GYzAXROzcuWK3qXTxHJ8wdaeGzKKv4j07N72a/vpuzCYcDpx\ntlSIYBVR5LK+8tDyTrSR7GO0eXktX2Z2oGuDoLk0NDb1paZ9cvJagm5e7SuI\nfCv6pOx1RmXgWdUrzCFNWDCMactXd7Ezt1xwUYjqMNJkyjb4Ol9bydwNQonW\nmMIyX2FR3tCc1OsYd8u+QkTiR2JBU/Nj9DxvLuU+TqUhgN67DrtPqN9xmPo6\nhR/P\r\n=uGDU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDDwfi1AHPl2AFheDPm6Rh1vaBm0DZ8baRb+8TxQT+1AgIhALDV07llJKisDEN6CXuYYHGPJeNbZwPS8CK64C2pU3kR"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.28eac13b.0_1594765382475_0.001312705145323001"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.44966b65.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.44966b65.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.ad4df58c1.0","@material/mwc-base":"0.18.0-canary.44966b65.0","@material/theme":"=8.0.0-canary.ad4df58c1.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"e431cd0a71967599b61ba4219d726819807947ae","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e431cd0a71967599b61ba4219d726819807947ae/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e431cd0a71967599b61ba4219d726819807947ae/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.44966b65.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-II96413XzVkl6KJksEAUcw8cPseawek6DcTm3hRW4ekon6Be2xtCRg4MYdnqomoJkq94pzwIvTJbmGWxkz2nGA==","shasum":"859d2131f2e7aa628a942db90786297d4892cf77","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.44966b65.0.tgz","fileCount":19,"unpackedSize":67233,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfD0UuCRA9TVsSAnZWagAAfKAP/15Y1USs08vKebJx+smV\nEMr/ukqjYNQB0b0RE3jfJlA5iJb+JDtpELyGcZGUUav4flMq6eqfuw3zkxMJ\nyeXh9KZ5Axnm9EkCBe2N72acPFhUjHcZx5PJCzWH/GhzNkrFVqfdY0Rbij45\ng6znslP6BMku+U/eZVjD2No6aGXuL602b7NqRIvi0V18OGHUNDm6I9LvTyxz\nIvzaWwpwIseZFenUDJSgvzZhGlOT7IjOeSJXflX9BfdC9vqR/amBK6QSNlKe\nK7Prq5I156VPoTFJP6IRxJqRd/mWdBi3yHVOrlhoT7R6mqqPq9QXYsLOxIpE\nrti1ESkHzF1HAgmgsDVsnATGVa4CGWTNzfrh1MJUL0mejxYT6mBG3athg8f+\nG6Oq0FVyU6vKvW+GOCp7Te8Jkx9/fCj7Lj29yQoHjhiIvvb8y7Dp1cW/DeG8\nTgbELDUAaYlFaSdFANEM3I1Q6l7h/JPcry0s9ELUfOfcqC3ErWZ8TBuON8mJ\nEwoTz0IrFttREPeuHR5Ud56O61lX3JiPTioeIR3ChTdQnD7RAnsRwbb5MVjG\n7l68C3xXMfYBV2NLrkDMqNN58YOlh0p832AMxv+G4016zfQXEhQBMs37m2m8\nzIRP9EIg9x0ke+b995XDTYLjKFreDNTZ8Uj6xKQpUz/vSNyQ2RBdmeSsqrDz\nWpOu\r\n=ZjTf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBNXPvEwwQLTI724tBUOMzm5OyTdwf3Q9TuyUcZlPsOTAiB1KucUAZmOMYqk5vJVf0u+6xmY0IPhNb0wxm+Tz+KewQ=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.44966b65.0_1594836270148_0.4738957403179558"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.3ef0ef60.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.3ef0ef60.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.01db89053.0","@material/mwc-base":"0.18.0-canary.3ef0ef60.0","@material/theme":"=8.0.0-canary.01db89053.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"6fd176476c86425b826862155a44202aed930407","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6fd176476c86425b826862155a44202aed930407/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6fd176476c86425b826862155a44202aed930407/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.3ef0ef60.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-j4OXnRhnYeVg/0s/lyGJHP+yG5V7jzFS06ca+BJ5WRR4hndCvsxWaxDIpCMYqlPbOOSpisQFLpgUIQqjq/1+Wg==","shasum":"4113213fca41ed73b95ab76646b0687250c5c755","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.3ef0ef60.0.tgz","fileCount":19,"unpackedSize":67233,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfEIYyCRA9TVsSAnZWagAA0QIP/0EzDsdhQ9oYxIN383ky\n9h8CEG8lmp/FCZUqdehL/aIUMK62qsz2Q+IiwOpuFE4SOY8GvZflcsWc+MsI\nM9rPCCaI/GZpawVY7jm/0oAW3sVBEj83SBrMiFsHsmnx/uRLJsItGIxiXsCk\nUFXkANmi/CkE6m1gSSGLi8ioYGWA2q3PeGlu575y9DHPF1xYDJeSjUTcABlx\n1BdMMSAyHIKk7msAk33v9iz0C8k05w2FkflJExTzpNusMTtZi8LEwtaos0C8\nSEYggOloVBwwMTkAf018gtx/NX86tLjy+WxSaVI/yuV9y6GW8Hw3X23NzdMM\nLZs1kzI9rjjGRLHaY7RHUYmxnsh1pK+VW2z2qHHCgCaHmcZMj0dkAKJK3/Sb\nvX+F0Or9w5nLbM0wB8u6P9HYisDk4lwlZIp03f3zyt4hV2N8LdbpFHUq1PMi\nWIoXPpK/IjyL2atqC60T2BLtJE8zEESmLr3wu9WywvAWuMVzqGIUmuZ5ks2b\nh/a3q2VbTFu3jilGgPwNQCan8dEIDi+xdnZaUFjjqFrhPd33zYLsuwsymKhk\ns/f5GHTvL9g9jnwGn4Gatb6CG/W6qT5Ppz5dkjbESYU3/RheFKb1K/RSylPP\npZcpGqGIBVl3SdwHmLIoUNthfxlCldHMGnjab+5Wi4KcHyOkQ2Y0bVQ38rhy\nm0TE\r\n=Iibf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDfu6iW0/d9p7FDQzhklpqsUN5sbOTtuhKCLMG+VTpWLAIhANUfcDhG8gas/3BxoHxE9LS1n+f+U0CODeYYIdMBPkTo"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.3ef0ef60.0_1594918449942_0.09861046021682363"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.fcebf9e6.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.fcebf9e6.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.01db89053.0","@material/mwc-base":"0.18.0-canary.fcebf9e6.0","@material/theme":"=8.0.0-canary.01db89053.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"27c24842ba1b663ca72b52321d89d72fc7ef34ff","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/27c24842ba1b663ca72b52321d89d72fc7ef34ff/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/27c24842ba1b663ca72b52321d89d72fc7ef34ff/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.fcebf9e6.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-R245WnEiWVseK2+qd8hQyMCltSOCcOOlZQeRa6J4AXYKW9aT/i6R/OQCXHAx8FhRKaQ5J/3vzI1HaQTpuasfjA==","shasum":"2a27594c354605032b926d3e25b4e882d325ab41","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.fcebf9e6.0.tgz","fileCount":19,"unpackedSize":67233,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfFeZYCRA9TVsSAnZWagAAa9wQAJbghPq2nkWhYzXzQD+i\nBbdzYdNW2G4bDWfHdLKqf8YuIiKNGuKV3V5JxGB6F4EEeRSLxMw2JLzanNAC\nVRCV39jZQNt8c9MdDz93FE2FVa3E/e1UNyk0yqmKVzWMKqmOyz3GeFBKHqqh\nXyAZPmNFjtsBhJNoqaT6HZ9cXpp40cF5mYba1oOtPjsueBOpiVTBfLHIPxrw\n7BfWDTK8/BLWYCEXztOg8tyShnKuOXz7hi+7s2fUPa4QynR0NNK1MVyRH9rb\nwovjKUXRPIS8kbnbYM0n7hXszdRPtHh/1vB4G5y4Y+gym+5U3r6aBJ1zfx4N\nQULwWk3mkR8aZJiDGdwC8dYlFEyk2VNwFndlJFx3W8+DOuUgOAtsipI2vxSY\nmungltZdLPKFjEeEUUpPL98D/vlYZ2/JfSgqmu1DsOSjJnmadsSo/vDjtZqB\nkSalUqoE6PQ5QcxnYLaLDZ7UGRetn/aodwdwsdkReBiKorxBfmQD3rGH16pz\n3HZzNJZoczD9n9iD8s2YlKchYYnECDVus6RgKfurxajLje9nZITulxehHuRE\njiS42FFFyvhznofqoHYmYmcad61pL2nvXHU5kLBwYgviIy4oCctNk/W0wz1T\nUrD0yX01VrLM3RwNTT7UfVwj5DvBVGBe45x4gu/IOzOwhv5Z4miTtu6+Yb4B\npi9y\r\n=3+NY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGP97aTXe5p5hzfrGr8VJ6vuopVWANLsmnupZ/YrtlzpAiEA6obxbxMYengpUaTL594AN4p6iSN4HchFY50ZItowBlc="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.fcebf9e6.0_1595270743753_0.4085714339394737"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.b6a772df.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.b6a772df.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.fb5a4cdeb.0","@material/mwc-base":"0.18.0-canary.b6a772df.0","@material/theme":"=8.0.0-canary.fb5a4cdeb.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"aff69a9137a8578f83238c4b15f6ef6447db7c80","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/aff69a9137a8578f83238c4b15f6ef6447db7c80/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/aff69a9137a8578f83238c4b15f6ef6447db7c80/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.b6a772df.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-9kAjjhV2h0xwWyQuu8oSj8Jz7//RJj/oSbqztIbvJXhb4Xfy5eqxFSIwEsDKvKJzMKR01W2ktNriG02nT/0w3A==","shasum":"5e58192ee6db567c55ae2f35a24adc8797d55e2c","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.b6a772df.0.tgz","fileCount":19,"unpackedSize":67233,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfFh6wCRA9TVsSAnZWagAAnN0QAJ8QplkDhSEbK38RBihJ\nHw8AFiuqGOBp1NP+ldJRdNlSFqu0teLd39uwRuKDM1JwFLENNTD/jzLm+JMK\ncc1mLhcks9O1PrxtR4pwR8YKr7M/UNOiIp+LlBNALC6NaMzZ2ajjUWl4iCT8\nXnaOKcREUkY+xXBs/fCI76CdY30WiINwKPQu49CkSpNDzTTDkgfX+RuOmEuJ\n8qIw5nlHwuslnDyfZvlb6VV3XxWNPl76SV+tAX29pkWA/3tCoqb7vKhnJeOS\nAQf1x0evWEig36tqCmCdJVFMWDYTUoeMf2HxMG3Oin9R3vPIE+r9mV1HBW9/\nEegxazPmvFuRQoyJwNmFVyo7jupfq2IM54wdtnMWdAWWp+ApZ04fbGZyiPKA\nFG5zZVmP7YkTH6/Cjn9J76h0KDo8EU1q/nV1MrYAS7UIBk9J9+mz0rvW5uce\n1Ne4+mwyc0DbXkWejNtjYLcCabhJZipBngOQ7MLv5xde4mi4H/dA09PZHKAl\ne/OwzQCaH0XUECef9wQaq5sGx4hnFdXF1FkRHZ7b/ht8zOa0g/14MhOu7wIA\nDFCslYwKgor9FNA+EruVtG1pyVGOEMcOykC0I7F5+yVGOr2ystLxKbFqjTxo\niVJaTKHE3n6iOD0AtsGIAx1JwI+CeYaLrFZozL0edz3rGwIMqefujIb/AFwl\nXB0M\r\n=PFaV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDvAoF64TdBqlTQkYsLQnrSRzd6SMkwAoiEGkuFJvce+AiEA1Kpnfcn4ezwY6+L48WfDPNoqJT5211qPbYoRkaWaH6Q="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.b6a772df.0_1595285167995_0.716136379049952"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.f6a6ca38.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.f6a6ca38.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.abcdbcfeb.0","@material/mwc-base":"0.18.0-canary.f6a6ca38.0","@material/theme":"=8.0.0-canary.abcdbcfeb.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"44166a768d79b9da90f97e27d954aa263d27b4b5","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/44166a768d79b9da90f97e27d954aa263d27b4b5/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/44166a768d79b9da90f97e27d954aa263d27b4b5/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.f6a6ca38.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-fPkl4KMMdbZm9bvwOPBBp9v4ON8b3PimMWlce+Ml5qiM1VVER1xN+lzx0EvAGcDMODSmT4UlaRyye15yzyjRnA==","shasum":"9c04a2f6268a152e9a61e0a80aa73e7c104d6503","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.f6a6ca38.0.tgz","fileCount":19,"unpackedSize":67233,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfFxqBCRA9TVsSAnZWagAApZQP/RpS6JrQ16HojZwJHK/3\nyIn6dG0D6+YxTrl94vBSc7Bs7A/M/9SYgWSDliMQUJbjM104U39jzxmw35jk\nFI/vp6fuIiKjyFO5Mk25HNeoV8/v/B/gFAbqIuUY5zNjQ1x4ZB8m8qcTfuVf\nR9nJUwNrEHxhNFByripTrEe1v1iOfMOKVhTcDwM0+6rPXkz1WrmngSf/2pZ5\n3yrEm4RPScjTsO7oHKnGeMsN9VEU/IfO7GLwmMXmnp9gm/kt77NO7333uOyI\n2HRCZ7g8+SRL6wQaUd+tD5naI/vUUcF2pwtxFpRxwKCTd4OwPZNhhZw2jMdQ\nxmRh8ewa59NYhFEtAfvp7fwBqxy7pLmtHXNWOJieobhobk9/DBPx5F0bgWXZ\nU6ktOf3awgC54RDf4WYPNkp+tEq5FiUfOF4xbzELv/bGRlBMcBFwoFLHXzF4\nqJCBXRdgC2UpL/FB6w/iRUyQLR7JlTdfK3O+CJCtHv7XkxeRSJY4BtkpY8l1\ne3B3pIxf8hyaMu4of6JKRk2ogA8rZrDsmjXY7Z74QPWnX3ro6biS3G0T4ulv\nNR7WpRHiGapahXUXp7CU4ZK5a7jmJnx29ITOcqGLoYcBpmNUAS+bspV6c2EP\nRQt/OXH7Fcgg2F3LiTbgiXYWbDv+qStGofuT3VUa3NpMQ+PU2xtxjZ9vABBk\nAglm\r\n=f5zn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICfw6WDhWgvmE8To5PYRuF87AntMYFnSzz1eeoPIXIM7AiA5034VwB+DveNu5gUwrsOhvPvWz+d9ufXi0oL2cRdpYA=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.f6a6ca38.0_1595349633210_0.05565171557336246"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.647dd6b7.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.647dd6b7.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.abcdbcfeb.0","@material/mwc-base":"0.18.0-canary.647dd6b7.0","@material/theme":"=8.0.0-canary.abcdbcfeb.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"ebb4e6346746ba552191ef32f6686136b75b1a6b","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ebb4e6346746ba552191ef32f6686136b75b1a6b/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ebb4e6346746ba552191ef32f6686136b75b1a6b/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.647dd6b7.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-O2pS8PEj9enMOml8a/YMhZnRo6OFJXt6KoNCRIN8MWxu8EVS63/41/arTcAe3+YVtNGHWHOq3soB0/QvoCkJnA==","shasum":"1fbacb90eabce485675a6550ee34dd3a287b2a2b","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.647dd6b7.0.tgz","fileCount":19,"unpackedSize":67233,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfFzb6CRA9TVsSAnZWagAAZEkQAIZRD9IFCx9UlFIcIsUJ\nk4k0R2LCJTDSRquS2XhAVgy9lhhjYK4BSOoFzTVRke15THc/nhQ56GcMFapw\nKHMGqwFp3eocRaOMugQqEQnRQUI54x9Z+6bjK+wVzCHDOyqBE3xylCw8SIHq\n2L0P6JSC9G32Xwm9c3sE3K3ge/GceFiO8y0ulaF8pV0S+fkowQTxjQBZ/l16\nbVxAzlMysx+fPnUkm0BClW9687t0SPvUNM8r2g8blhFBJp6HCXTyFUL0NeRP\nwmfVwe2x0J7wyxA064bK/7b9ljGdk5ndefMOIOSfR0FLbkMYpixSbQkEOPMg\n0WfhBDTLLTgx/W5kpeOdOmH7nEcj/eW9CkC1EQxNMXLmU/T5gTz3uVRmBVdG\nvioa1PquxsrD06p6Jp+5InDt5jpWjnWWIEeF5IbQo09HFq0WLSNrCq7NY2Gp\nZDqkJV44271NLF8tAwmbQ4Fug8IOAYpFVE+QaFqCv0wmotQ5dvH1hTP6XiGr\nq4oVnIVPobdTVZyliwltpewGeSfCTflsdKxujjjpdLk7ojIx/eLsIhxZ29Vn\nfRWU+1NZ5KMjChmqjcGXPiSi9/VmizDPtTeRjKgzdvKexM1V2rJNdvlti74j\n1pCk4nsls7rF6RoJ1oWxCliXiDuW/ljoF+NUFNae9zu2+aUz1SPc47tYLMzw\nvueX\r\n=Ty0L\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAm6VDXlkgm10eekdc8me4vjCH/+UKwwaMu2a4CjEDSYAiEA/ns0iYt9N0qhkEupRZiQKeXh1Y/CKB1HzuFla+iILZY="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.647dd6b7.0_1595356922579_0.25945227523509984"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.3cb7406f.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.3cb7406f.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.abcdbcfeb.0","@material/mwc-base":"0.18.0-canary.3cb7406f.0","@material/theme":"=8.0.0-canary.abcdbcfeb.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"18d8050825886f251014bddc9658829794a0010c","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/18d8050825886f251014bddc9658829794a0010c/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/18d8050825886f251014bddc9658829794a0010c/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.3cb7406f.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-XpOI3fsFVBLyKRYRsjaQBCtwJE7dMukB4GSdH/To5dDoixFnNihMVTuPNxhh+2zsUIO7REFFuQGYa+WrA40JWg==","shasum":"883abeeebea7519297e36bac49a74a2040782bbe","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.3cb7406f.0.tgz","fileCount":19,"unpackedSize":67233,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGIv/CRA9TVsSAnZWagAAq6oP/ig3LlyKTJMmNZ826t1S\nwel2blWse3ii24AtKpiQDQ8ft9jv/TKXPIICuL06gaGiDGGEVZaZYw9kE6QN\nbKgbCu3vYdlpxqiNLrCAFHmX8pTartm5a3pevo3JVo2nAeT0x44ZD9qUL098\nQTIlbdUzppbXza9SlRSm00pqVSsuz+1fyKe+xJVOMouk50gAsOuStamNBDWw\nAKQN2PsJzbHDmf5cS0aGekBXIqspk6obbw9N9ciZZLYAFlzdDxhjGaxTrQng\nLF+l9cAzA13gHYtDGSKxN9pGQSz/U8EI/val1rJhKcQqTS6wDIFGpMd9W6KT\nhyuxyIj3yiuq2TspOCNzmDxY6zvieClzjT0MD6T0qpUt1LtECMkHAUkbqYeb\nRrtGawFqzf9XbpyQiDQ5rPO+5Mji0oi2YaL9oJm7K0Z3DA7UvHUgP/2K29UB\nV5sqORuZ6WR3KZPZu/h6V9aZi/mgsShxDz3LE0EZtB6aVtP/mHDF4ZPLhEMU\nHdmwV+rjfCQTEBhYdG6m8FoXER3dbTACvAoPWlbFCJiB+JqxrnRsRDFWXDOe\np0zNKIxkrI3+oDIrYOCzcxNnCube69wpoNOsGuwXe5Z7Gg4EkWEPqZ8DC1UY\nAJjccJs0uj3AgiTZvwtm+GHmuV9H8tRqFSOMfL5WoQVfMofZG42wVQf01tvY\ne9WS\r\n=k3J/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDr8xtu5nuay/GE1XF1JksMgJCPNFPv6DgVhazuYhpRvQIhAO++26Yjme9cxi2KxJOiIqvAbrmCdigxcw19tDEmgThT"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.3cb7406f.0_1595444222741_0.012803403064049146"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.5717a5a1.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.5717a5a1.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.abcdbcfeb.0","@material/mwc-base":"0.18.0-canary.5717a5a1.0","@material/theme":"=8.0.0-canary.abcdbcfeb.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"80cfd9e67c10918291b4799451796c633cec6f96","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/80cfd9e67c10918291b4799451796c633cec6f96/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/80cfd9e67c10918291b4799451796c633cec6f96/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.5717a5a1.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-KW7fnrqMzaU5gcVgner843/+QxqNXgPtnPbAYsyu6H492PKpqJsTter+7Gkkd7DBkXfHeMHpcQK7spnroTnulg==","shasum":"99c443b981a9fd000bd42eabbbf136091c1e9449","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.5717a5a1.0.tgz","fileCount":19,"unpackedSize":67233,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGLIZCRA9TVsSAnZWagAA/KEQAJZ+rYwcGQoV/uEczdnK\nP570aR8hKdwkZUcR0tRW+hXJ5CdQEEX6O1D4TkBeIXToyxCDXH8UEBvT6hrN\nlWfK/cq9Re6ZORvGp5rn2HyYl6IlGex5E8JkZ2hqzLwgS3+pL5AFEUQ2nSXA\nDeRoDnzU46xapbxFyLr4I/bq3WwaSGcbnj9+rzOHrIXklH4loy0ujmpATX9x\nRGPy1uMKI0sYdF2hKpxplp6RmPfvRx3R88ISjkWrtPkTSL/IUGxzBuRj7d5K\nD2kyLhA9qW7UXZsVmx4L0XK/UMFKWV61IlndTA5uGVelL3iqwv9riePQiaAJ\n6/Gpp8NCg77sM0G0KgLZd3dcuznlRQs1sIPRa2ICk6pyfHDQm0eSv9x22G93\n3ZSchSNDQvFKl3FwdWQPicmv2e3tEmzxzpSiXxG17B5nkobJ3ZjLLDfVHz+3\ngG9H/UxJVEJJfSdVcO/wLq1McKF5+09ZybIntrwUHQzdoyJn7AEUpB8JT6NE\nx3JCEOShzQu88TfW3lnZHxiYt4iNLrflrVz4ME6HEQyMonGEVavYk3+RdDLz\niTBrdanqEjLJiThs6FGnaOljR/YXcanidKeQto3w/vPQ156W/+AJVkARStla\nPEw7k3RnBEzSlg8uBgCnb9tYF39rpwzsJ5LI+KALHucB1YDXBp/sDRk4wVCg\nRR9i\r\n=VWLF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHXPMKSEqjVf3tcpXVHeC0j2MNKkQJBW5931DsdIFF2/AiB9WyBksskvrwOzEiy6vQ3l858qXqZ2kBMEwypwJe2WQA=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.5717a5a1.0_1595453976711_0.7532276394525399"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.d84cd4b2.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.d84cd4b2.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.7bd5075de.0","@material/mwc-base":"0.18.0-canary.d84cd4b2.0","@material/theme":"=8.0.0-canary.7bd5075de.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"c90ecef90fa937fc0931100e4f1d3627211865dc","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c90ecef90fa937fc0931100e4f1d3627211865dc/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c90ecef90fa937fc0931100e4f1d3627211865dc/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.d84cd4b2.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-UBHU2gep8DhPXu62i5VOUarFihcHcXJQr/14/HBZ4ai9v0OPKQvOmXuhAT98xko2/SZhBLRHE9ViKiXTY5EkVA==","shasum":"367c1cabdbf25a93b9f6d2b78d6a550dd5ad82fd","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.d84cd4b2.0.tgz","fileCount":19,"unpackedSize":67233,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGLKLCRA9TVsSAnZWagAAEv8P/3x7UeFGYPhDIeL3joBd\nkRfl8DJkKoL6QBujAjECwoRQw6srsOj0p82/yyavB4Pku3+C76bwovcxp9+n\nNnMRgQ7/gl5aBuhaJuIrJDzgvlK/GBwSTWZ/be5fmA+Q4rrsX40Dk1XHf1SW\nDr11Iciqs2Pn2Q7bxISpehJbbOyOjkerNDfDERMUDofHc9SIDIePLG4lupPi\nMzOaRyJlZoYn7Qp4kfzvpPOWAz57xgr0/MGiwr79ja7nZLuYaUBxMJu3Otut\nYcc7JGHAdb2qbmnrJDbTljJ4I6ApfQxuv3csLqM2K928q38aQUhpNOSW4vlY\ny18iPinn53EKpLqgpjWkRMZ1fnEUrBZaVu2oo3wS5OCtxE4ANUzZtRW1SFQE\nV4V6TBmw2zN6GH9Dj+GfAT2jRz68VhGvey2byxWfsLkfYeX+Q3suVElEL8va\nTj7bSnokWyvCjARRks7Jyy0A6XZ64Ffsp5wojtXWqzU+wcVfT7e0ZsxvXaE7\niPVLkNc+vmUJ0I5atS9ZvjPfgNATrOI2P/KOMMHFECBJseCnlZRT79N7Mss1\nAQGv98pfUre52S+NSOj6TQKaw+iK+gCfR3rxcL/Y0O6osn1FRzXkNaBIgigz\ndtl/a57d3Krb24RKUj/QiNkzVNiXqe0elk2iHMQXU1Bui5ILLs3My+pkiiLD\nOVP1\r\n=DMjD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCHyWy6AzwccGsLEo04hTrOA67AfvjZgglvtUlNoNow4gCIQD5ff1umoLOuvm8B1BTHQoc2YKI4/SMTg8+GtjTfdBFow=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.d84cd4b2.0_1595454091351_0.11308832259003943"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.f279e7fc.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.f279e7fc.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.7bd5075de.0","@material/mwc-base":"0.18.0-canary.f279e7fc.0","@material/theme":"=8.0.0-canary.7bd5075de.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"73c3335df275cf5fb17f3b990df9c4b8184ce3ed","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/73c3335df275cf5fb17f3b990df9c4b8184ce3ed/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/73c3335df275cf5fb17f3b990df9c4b8184ce3ed/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.f279e7fc.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-D+O+fDKyyvLGVd7vR3sRmy34L77NSACJIxmSpZIDYxE1OZlgKstihbEOMGUP4sNEcDHkc3cDgfEEarTKawlPZw==","shasum":"c527dffff774c43739d0f16f9679f7b15dc99d0b","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.f279e7fc.0.tgz","fileCount":19,"unpackedSize":67233,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGLb0CRA9TVsSAnZWagAA75MP/14jnYj9vJ2d7YU7wC0Q\nu+FKF9vgp3yGBPjUUWqYgLwnXoy3eZ+Be4x6zFcyTE5XGGD8GS2Tn8nF9jIZ\nK1HBPLE1y9MB3JZYjgwVRqvO4KSH+WURmzWKYLPB5ph+CM2VO5djxGp/LqxF\n390CMF8HdkhBRsZ9MdweVPKxG1+AAy/46e1AgXUY3Lngnb7ezygHjJ/vn8PW\nUaj1UG6YTWZU3+3uzsEQYeWXU9ISxESzqv5noo+4BKvRvrfvI1DRa9S/GvDB\nmzcUO5yBwmDdnYlh1ujVN1yfxhfyVnzCewYoqa/tL170ntdsjLKW1Y3Vsw0X\nnnDddRkQkv67BTBsrnXZArzXQMh1DfcveHVfuqjZKUxPqHBiShtqeemOLlTc\nlaDLfHAIbM1gvnjdZ0EVxt0zVAGczMjjxJjjTcTpElbuHVWbti3phsUQZ0FU\nWGietv4/+JAmO4V4SH1eFACg4DItXl/OEPldhh8JOzgEeKP20RLfLd7p13aq\nBueoZYJ7eZnQACLMnZPUDm0E+KqQak261iEko0UiCW5PqsUjLWQmLtfjezrx\neF3tWTVfz6uj5A4zdgOqV4OjwnlLv7T7gjDqT3eJpFuwf33o9VxrDHNeLxTA\nD+gOgMMiSvQGqe3AM6REnwXXuGi8RaU98EPlWyazHqBqbiutG+b2WzPU1PDb\n0u36\r\n=Lv9K\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFPcIj8ZBZPtvT7q2K6UeQQW8Qsh5VK1fD/dpeadt668AiEAyTP/InDgZ9BI+9kYmtt2qPYzy4NR+qQLduCpLkTjHxw="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.f279e7fc.0_1595455220299_0.38900908025435066"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.f181e3bc.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.f181e3bc.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.7bd5075de.0","@material/mwc-base":"0.18.0-canary.f181e3bc.0","@material/theme":"=8.0.0-canary.7bd5075de.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"33201638ca11f3c34598273b4ab4ec40bb019951","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/33201638ca11f3c34598273b4ab4ec40bb019951/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/33201638ca11f3c34598273b4ab4ec40bb019951/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.f181e3bc.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-SX9Dcfb9iowlLNf3SsWL4/OOqkqVMesx0bTEpmPXoaXWHZZjWDV1I5COtgNlFkgU4Hq48Yoq+nd2ZfYHjVZtTg==","shasum":"bc8207da1a9f16de290cc2f40a6e0a142c80f2c5","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.f181e3bc.0.tgz","fileCount":19,"unpackedSize":67233,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGLdtCRA9TVsSAnZWagAAqBUP/0NuAtpRel+qXSqBAMiB\niM7ksBBWgbwPJwTU260k/9tPo5HHt3fbnItNNbtFJXSUDPqfW9Qz1a27ayx/\nju4KJLykkcFSPEwEoMIVlnglBC0nN60t0NGe6Jhr8Jl18UAwuZFG+Qpz/+X6\nv5BOXI2/Lk1Su5TFblpG8vlfxiHSCTO2op5AmSMK9EaNpsvfgEqXMOEz7TYl\nntUe7n069AL41YJ6t338c/OUxMgY5xFOHmuH89w5wjZkL+P7CAVdL2v7tCY6\nh1VMWyviGiE/AwmafiFwMCAcMfKxhvfNO7IboMS2J2aaIS63lOtgRIqWzmeF\n/5RokgQQ+bpapglmJ+UxRUvHd2vITrIuQ2Zyc825hQUkZJdmEvAKCRQtYnw6\n6CRZh/1xo5foMoUfg3ojjo65DNlCZlU3l4KKzpJd8yXhZXLmMn+xoMMOmyrN\nvaay8V9lLPTrmj9LESttxT91bcuGPTIBiayt8Bu1lPOekeXQVsBEc2cZ/YvF\n/JQ89aFOCGORu3CJnxt40JXz2kzQvRPKqB47x8EEzyMw0Hni20cQWCLpm312\n+AGqpdbTdmeC3iUXaYuH7z7IQql6iQO8YhacjfIkhxkPq9eqzfCIHw3Qu2Y+\nm3ZPZVSfoW8EzQZXWUsRYOKc6i9E4rZQaNgsaTim5cASI47d+0UhdZTy7VuY\nZm+w\r\n=6y32\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICnUbHsJLTAD7udhJjN3KcpJV2EmUOj3QP8dPadjIMjFAiEArr+8Lwhz4kYOyPY38FZKtbAGy9xGHv9sSESMwuEgjgk="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.f181e3bc.0_1595455341096_0.30627856097765904"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.346a622a.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.346a622a.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.7bd5075de.0","@material/mwc-base":"0.18.0-canary.346a622a.0","@material/theme":"=8.0.0-canary.7bd5075de.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"03c5331dce90f41a530d3c8569d87c9569257d13","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/03c5331dce90f41a530d3c8569d87c9569257d13/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/03c5331dce90f41a530d3c8569d87c9569257d13/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.346a622a.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-7GrqfYYFUJcqKSoJ8VKZOZWuGS1HKwFrDnjdpeEYuu9h/rU49m/C8FYG2GobH9vl0ZLH5quHc+0Jjm/5v54n3A==","shasum":"a5eb0626196025e175f14397760b04ceff4f5ff8","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.346a622a.0.tgz","fileCount":19,"unpackedSize":67233,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGM46CRA9TVsSAnZWagAAvLAP/2qw8Ofi8KCsfDiWCtYk\nkgtzyY4+xLtsNn0VhmvVZTiOsL52HCtNytAJAwG0KVo650h7HvW6Cfn/K8Ci\ngC1H357Dsgq6KD96W/Q6ZDqfpokYEveMegWXcKYEWeSLDrINrwg/q+GJRZ0K\nVDYRjFAnCZyTBh8XS4DNYSchubFPG7JTt0KXROqBd42LvOoIDsRwVavOHQsq\n+j024NCe9b8yBTH+Ova9U2dY6bsGkOit8vSNpPbQckVapke33ze98w64xnrj\noXgc6Qxl0rdLYb0tEhc+jwZfeYk9B/favUfCHQmgQcJGN8ne3eMurgxmzRwn\n3eldiK6avRgHdFgm3mTLok4F9Px9ZdRN74Tr+mf/+B6jPMaRx7pRPIN7S5yP\n9aofBmfxubZOwxaFemzlu/q2301qENmMw3Vk+xDbQVYH+BcIefXh1+y5Dx+s\ncZts18s3vWBHJ3YJLefWvjHOM4WzcNOIe9l8Qq2yvKg09uUIgNf59po8vMjo\nZGhoJwQqRqJCvVPI8DolF1dzKZnVVW0O9Df8bGLQT2GVqA9bkBA//J2M5B8/\nyzcQJ6pU2YETd2FAIW1acMj8N13r1zKDJ5tDbLEDXUOl+0nv/SaM+oA/XcZn\nftPCbZsLUm+1D+hrSt/YpfZX3taO0HIEDm7Khh72xzjm90v7d9P/Cmwri8ep\nmMOd\r\n=5JJf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD3a/pQPcvDGfWf0yXjOswdLCTxpv+ahksYL5uESCEaRgIhALKMoU4aYIuSiDkJXrhALTdS+YebWKnY1d4YzoXQRyE5"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.346a622a.0_1595461178337_0.06736538176912177"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.c9e8a848.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.c9e8a848.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.7bd5075de.0","@material/mwc-base":"0.18.0-canary.c9e8a848.0","@material/theme":"=8.0.0-canary.7bd5075de.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"bdd3a24691563386cbeffdb8824ffa26a3c03ba3","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/bdd3a24691563386cbeffdb8824ffa26a3c03ba3/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/bdd3a24691563386cbeffdb8824ffa26a3c03ba3/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.c9e8a848.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-kJViuUHOVT/7Fn7u0nFDXedQd24DuHOBRuBCRgMjCJMOm63z5ci2X2X6RBG3vsr7/FLDIVFPRW/kCcFjn+KTLQ==","shasum":"13e980393574199378b4ead863fd397d93941011","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.c9e8a848.0.tgz","fileCount":19,"unpackedSize":67233,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGONmCRA9TVsSAnZWagAAUaoQAJDIbgB/YB+LW8PtRE/Z\n4SGI3V7NUdCB2G+VwT9ZbqZd4rqMwwYKY7XZUWkc4YuyTfjyXtYlSNWJGzWV\nvuzG8SD+6A7459GHOFe++sIk5cdyzIB7CE8X0NbSZBWJtTfSrmM9qHgWTA7g\n9zWKQeVg3xFCs4jgtI4JJHfHRD3QpfeZtzfT3X7HboKtoDDhKR9P4PYzvvxC\ndLP4jGilodWhi4cyPQlSIHS/0bFr/230Zgmuw3wwjkrBzm7HbunHZmOn4btA\nMQnKGJ7K7uJ2jxj07qSg90TmAkPeK7Z2v3XPcd06vOLfZzb3lsja98EEDE3j\nMLxYB6z4CcWmRghGaiPTeMkqMD2ryJTqhPfwEmUbhqiA9rsLncNLGYhYpl7v\nsoIhVlsJEVPOPkTBqg0ue4/ZTFa4ooaXGGr9W3VYqsOeWqsEYO+UVn3hsin8\nfWPubFtcoCgy//yHwrZLcCpdHMlwcirC/xZBr7+uaZPeKBYMR8PAz3WhoEMW\nkrcd8lmcFR/qPKMqs3jnktPPGPUKBRN+unUdaWL+rROygdgAjz/WV+oORXaA\n6Rvqb4i87XEt2523Vk0gXiLK4C1RtDT1nsDyIvcBKpSHBt9UljVCX4sWTuOA\nwrifGBMfKUKcnzUVIMphyELPUn+L1ksSyxpxizLtOlmZ5GMT5m9ZjkvhqpDr\nP9Nu\r\n=xWtG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDHubVAP5SEx4lmlZ7Noe0GWlZhUpLFX8wHueKwWtqvlAiAPKDWRuXU9OyoZF/+sGsYNPDZm0TFzYCgiCQ8ttNVbNg=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.c9e8a848.0_1595466597791_0.9040483945834792"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.718c385c.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.718c385c.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.7bd5075de.0","@material/mwc-base":"0.18.0-canary.718c385c.0","@material/theme":"=8.0.0-canary.7bd5075de.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"dbfbcdf25eee8ad94b581e3e4da50e65b4ebce74","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Installation\n\n```sh\nnpm install @material/mwc-linear-progress\n```\n\n> NOTE: The Material Web Components are distributed as ES2017 JavaScript\n> Modules, and use the Custom Elements API. They are compatible with all modern\n> browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional\n> tooling step is required to resolve *bare module specifiers*, as well as\n> transpilation and polyfills for IE11. See\n> [here](https://github.com/material-components/material-components-web-components#quick-start)\n> for detailed instructions.\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `Slider.closed` to `false`;\n| `close() => void` | Sets `Slider.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/dbfbcdf25eee8ad94b581e3e4da50e65b4ebce74/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/dbfbcdf25eee8ad94b581e3e4da50e65b4ebce74/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.718c385c.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-v9v/5cn6rFm9Wd53/R6xKips83s4nkNf2mnALEVpRRX69meg9xbKoRiZAw4iYyd8r49fRB0dVXMENYTDXF72Cw==","shasum":"33e2c792df0f0226732fbeacc3926a351d73c090","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.718c385c.0.tgz","fileCount":19,"unpackedSize":67233,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGe2rCRA9TVsSAnZWagAAd0AP/iA9HMw3m9D9HIzBLGiH\nbvqSihNgyVwaPqLR4CUY8AKZFvD1NDelrzClyaeN0pAg9zWdf6DhFNwPnE5Q\nAtOlaTFxBvbJEeaRS+PEKWuGPvYBAhw93CcEx6UJZoCAxyESKKGSMhd9842l\nOOAyVDL/SblEKxjHxkkavy9lhQNfpzImKqRAwu7CRhMU6BJXo5xXCRAUOam3\n/OdqiuLtlD0nTFv86UddyEJQ3TozYm447tX56aPKUym6KlmpL9Vz52LnJejm\nD2x9YNyhI6IHLbpS8aAkEhdTgrXOC2wd19eHqgFvrsqyK30UUEwe6+el4cGO\nLx7vHiTlGsb2/tCrf3kyrHAGMiEcTghJpgVfLw04cheuPY2u4wbx0ufyWNsY\naYc6A8IsEA+r/GcCa1EeBQQ9YOwkZn8go+Paf30e7JCV+2BlXNiDLcH2+jq6\n3nw79SnE++dsFbwwmJgXjTQLTRFkmXBXbylTIKMoOTHN1RFTyYyFZQf1bdWJ\nCJc049Ds90e1EDrTUR5e//3g9QACoUIThpCNLfq7m1+Ylyn3QgZ5y85w102l\ngHw1s+0x5+A0n2IXNiNfUJJx1CmT43XX5NvW6k7hV3km6HtgjA48p2rhoX25\nCy281bFaleI9Y2FIbfsrpqTxIKVY36Jxg9UOYExhOrDQqYGEAF4QIEJ4Lfnq\nFOgZ\r\n=eme3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCpTUzYCR5FFKqIjjjiaqkckpkAGbYxDXu//TEx2fryMAIgAwaFm8xOoc1kMDNjQces7gnUQnJkhalOOvsS6OXHECw="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.718c385c.0_1595534762766_0.5494650032621538"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.cd516a27.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.cd516a27.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.7bd5075de.0","@material/mwc-base":"0.18.0-canary.cd516a27.0","@material/theme":"=8.0.0-canary.7bd5075de.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"e3b4c123ab8be0eaab91697be67dab225c8ea378","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e3b4c123ab8be0eaab91697be67dab225c8ea378/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e3b4c123ab8be0eaab91697be67dab225c8ea378/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.cd516a27.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-+htoX1cF/7XrHuNIPYpuLis7aBxwnWaJKFJzm6MR5v7pCj5GHzjKpoI/mehGWLuQfijxdTu/GyaJFHd0BdzG4w==","shasum":"0bbd054e97f23d571baabdff6f2999cc0a981506","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.cd516a27.0.tgz","fileCount":19,"unpackedSize":66701,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGzIjCRA9TVsSAnZWagAA7LQP/jt4Ie0lWpxDRot8daxC\nNsQc9n8tpCoVDtdJo3u9siXZC4nRD4iI0vsRpnkUdkCMiot2fY1vSkVtgAlP\nCgH29GyaCCHe3SQjq748skFJBZn39vbYeIvkM6A+GZveR868YukUwyqPDDom\nUo8Hl4lwPoRP14Of9egPPLjBNb27Zg9EBym72312VSGDxP6HVOIE3njSr9t8\n+SvF/6U7Kh4cLcHzLaPF1BMIfgTvqnU0v/R3hp3Mqk4/ZhKOw+QdFdNnOMUp\nW/YVAOPe6/RRrffsDqjYyMP0CjpdomHI08RbxeQcn65eFg2x5fyJemFywxlP\nb1CRuArkkLPrC/gT0r4cVJguu4WO2c5Td+W0KJZMqk8xlc+N5on7+BBCnuTM\nocLkQX2RRwBfgMC5A79tqvTFva3jZS/pBaud9OpzpgfoAhYXe68xDJlZeM0w\n/jXN5jpTFtw77Ut3VMXFmqCeLoECryqTxXY/4pXU6P/dJ3E8zmsPK8xl9CWw\n3bGBGvg5SUzhwmhspVbZYD007F+629fT9Avo1C7Tr2eotg5YVYDS++lgYVgz\n9MmRdmdqdZlsjLYRQK07MoNyZ8On9IiunjERToql97as4EL0YwS4jPCAIAyZ\nkAaX12InvmHzB64X1peleIBew0y/fIF3Bm9akcHQwi5VW17BHnn7G3jwTYxa\nFoTY\r\n=H0YA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCxtl/5e0tZWCC2CRoNAUHL+tDNuYxsPy9mvnvXSrT6IAIhAOkTohSJc5CIHYabQnY9bv2HHHKzTVt7NSV8RL6td00x"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.cd516a27.0_1595617826765_0.7706298486619152"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.1f082191.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.1f082191.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.7bd5075de.0","@material/mwc-base":"0.18.0-canary.1f082191.0","@material/theme":"=8.0.0-canary.7bd5075de.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"ac40081dcdf0df5976402e0f1f63b1efef1f945c","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ac40081dcdf0df5976402e0f1f63b1efef1f945c/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ac40081dcdf0df5976402e0f1f63b1efef1f945c/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.1f082191.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-4vOPhvpk0UZ8jNBIXvInQr643tncqM99Dr82Mptk1nMk07pROoT+MxjXWCg7hmsnntBuWKosceDiB1Z6CFCsrg==","shasum":"ab290772f7ada090ccaae31ce70d5b01b3295a65","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.1f082191.0.tgz","fileCount":19,"unpackedSize":66701,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGzNjCRA9TVsSAnZWagAAA0cP/iJE5jQfBS4F8UuvHFr3\n2EEPfaHLCvzTfTpEz4PCIaP1XPTVzZg3BqLXLu3q5E3X4grbi4NBeikfh/QF\nWK02btARmns9nEmzybFZh0zln8J2iq6gDTaBQk2DHcs6zI4+6kC+MGOlY6QU\n3H7PFjrbjO7Wtf7oEQHhU9E8Xbr0Fee0ha2zdFr75HIGrowxEFCtyTszZar3\ni4BFeK1pUfnhDzmvNAH/RxXbnFfFL1O/IEz4Xt32SSmAt56O5oBuCGLxMBCB\nreFFw6dnWE83bo9pKq80Z/ZOSd6TN5gwgIRvHJc5jSoSTz20wSCZPCdpFu42\nyKGgUSkfCoyEevkqIc8kUVihDCEYCrgW+iIOO7rXZctpf72qbeL/Lrl5lzkH\nFZsjvbQDZUm1txkdQwLgicIj8P1VZM4qjcqoN7ZuT6usQ9o3cIw7kAfCkZ3J\nllWt2yEaOfFI2HqnslYvfeI5lMDv0EHNFQAHbL6IUjUGMFh9YkpEX/9MxOY1\nDKcD7wYWw5UgMqI+/lS8kD2kB/xhZzLVOVhtriT4sS/8Bnba3JurG8mnuZme\nglbick/IaaqQfV4PPMiwCGwxeBp1/meL48CLo8fYh1alREap7nwBMsswQYc7\n/gHpbIaoKU2hVMUj4nmhPEw7yrbFNLJeXDWnlE4ptcLAe8QUXVkQavWYNoNM\nTnN1\r\n=IcCX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC80r/pomKC0T69n5DDRItamQCI+cW3wxwh4HYoZDkMzgIhAJVYhadJl/o/5kvvO2RImZoQXtYl1UBgGYEm3V97SH3s"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.1f082191.0_1595618147428_0.48436768793352747"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.ea3e82dc.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.ea3e82dc.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.7bd5075de.0","@material/mwc-base":"0.18.0-canary.ea3e82dc.0","@material/theme":"=8.0.0-canary.7bd5075de.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"acc963dd578ca338baf9c6d33a6a341a215c42a4","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/acc963dd578ca338baf9c6d33a6a341a215c42a4/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/acc963dd578ca338baf9c6d33a6a341a215c42a4/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.ea3e82dc.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-lGVvJ3WV9KWjg+2o5zidmDro0/JcPLBXJkZQEQzyY51L2ftN2Ri6e9yhmXy7g+P4p+HOiX5H6+JxUTEcL32omQ==","shasum":"2d7c5d5ddcec596e9d51617ae5f53e5ec58e4627","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.ea3e82dc.0.tgz","fileCount":19,"unpackedSize":66701,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGzSdCRA9TVsSAnZWagAAGkgP/AgB5r4usLJmYndk6C/2\nf0QEwa0H7BiBY6kyGQDROQGwcWDxyb0f4QW/wcEJqzG/Iea3+beY6idnJkr4\nr49DW1HGgfzO85xuErQbvyM+llJpI3IOqmh7XAidD5bDPgkeJpVOFjPofIwG\ny8sBugvSaJPz9wGp4xLY1piQwYCjwQsFqSVltJ7602aUr6+GRbBEI4H2FOuG\nZ7eWSSuzFKjuVUXW5EwI27mtBZU1W078UFzIsYOMrwCQrVgkH34fGwQw/rbg\nZPB8TPbx4IgTOqGD+w4TgUjD2lruQz+fCgyCFGoRWDRaKh8vckK4jLiyOgSX\nX6Tyd/STECsRR9PCJs26UHvVIAdGLIb9uVQeSZj5XTt3mwf25Lle37vNoABa\nS7ZycJ6SO7l3SeHT40/65hjEjNRU3oLd4miK6tsw18ahXqUmlfpEkZGzXZdO\nEVllOdmboHXDppT45SIVxsOkcoSYy4Svyaax7h7deURsyBrTi/LAkAVIklzw\nrptahtSxsKjItu0HJb2NNPwk7vi2+VVBD7nEKUnAAqHuQha1QsW2/da5KdgP\nnFntJh36TBkwXav+j7BrgAYWl5x0eOnNW07+zdF80dJ3sEVWKmzZ5p2K7iVt\nDwxtb6hwttEfg28CPVP33bJkNwfaIRfD5rbbIwv9OsP5WT1xbgqEzZW1f7+l\nDKKV\r\n=vpXv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGyXJ2wP/aqB9frFmOcjQtM+OI/LA5nQ6NmDPZKpLceCAiA4hWUoRPLOkH4fmQkSDOBrgnQVcHo9LC9Ay4DYfeGjTA=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.ea3e82dc.0_1595618461027_0.5588380019661046"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.94987b64.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.94987b64.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.5511e0aeb.0","@material/mwc-base":"0.18.0-canary.94987b64.0","@material/theme":"=8.0.0-canary.5511e0aeb.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"53896e3bba08752d5bf8b9c64423a52c96fc448b","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/53896e3bba08752d5bf8b9c64423a52c96fc448b/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/53896e3bba08752d5bf8b9c64423a52c96fc448b/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.94987b64.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-MVShFYUd6A2p8c654YgKM2WH4wuV1AT4sfW2Jf8cCr8PhowpK7M6+goHDFt2sFBKxX+hNZHg+Nwj9gIZSG5mCg==","shasum":"e353543c2062bb7cbb0a6aacbea080b0f5a85e37","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.94987b64.0.tgz","fileCount":19,"unpackedSize":66701,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfG0PlCRA9TVsSAnZWagAAQUkQAI9MGv5Dxbl95qpKbSVE\nHr/kDQz9dnbfr4BZZw/KQgID6bvtAonVBJO4AXbdwNTRmLeyoY8whdNiFdpY\n0O+ctaJ36myDZQX5QXFKHaw+F1erlU+ZEhrhmPH43r7IJ8+9x6VEA5qD6XeX\nLPBcKOC2Jci5ZYABTq8mWLaExVrBpfqS4lJ+eNrk2FahcGefH3Y0vIHBE9wh\nbQSCaLSDBpfHfTqVJZKLMmaJmiTCMdB8Pk1aNgHzb1BsfvnL3Dul91V8+0j/\npor+jRq2eluUrd94hgdBEY4u5+hRX4Ayx7aeavBbKoyEN+pL3LyaGGsjPu9r\npMglvTv3wOol4Yh4yejjBhgt2LDP7ZCxpVgYK8hgHFqyPZ7x7/KA50ymSheq\nzbfDLDZsfvnNU5q8UmWMeIl+fLTitTUd7pDWoUc8C/VSujeZhgRZamJemxvr\nA4Gq4QJlXWqoiSh5UR/dSh2+JnUgMGttn9HW61piw4X5Zra6cNpsljJNUmUD\ncLd+RKYq+QTKkXWuuxFztZSUFI8Lc8td7nFPmZsvmNah+Jlc7E5ZhhmI3n32\nqPvgs2pl67YoaqleG9R++9zSmTy3e3LnrZRwWhP8pCfr8xJAnDK++AV5bgFB\nVlbIVK77Pxo83oPxq489v824x6xFzy+VXoY7NcaIRgU0ALIFrvlL2P0gcbLv\nAwYF\r\n=J+Xs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAiLjfrPhYx0Gs1/CyIvUHZO/H0Vr7xQdDFDCM+IkrL2AiEAzcgx/obQyGr1pTPuUfZZSijohQSKCQvGe9tvakpWF+Q="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.94987b64.0_1595622372715_0.40135448785134087"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.ff49b7e2.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.ff49b7e2.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.ac405eae1.0","@material/mwc-base":"0.18.0-canary.ff49b7e2.0","@material/theme":"=8.0.0-canary.ac405eae1.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"dfb6845469ead87e451744df01007d8532a7a5ad","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/dfb6845469ead87e451744df01007d8532a7a5ad/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/dfb6845469ead87e451744df01007d8532a7a5ad/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.ff49b7e2.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-LRQKW3yOZslCLMIAqS0vcj20UmCsBNVh9iawBF+lvivUjNjH4XXmwKldhoxnfW5s6rvOEUTTpu8gLXGeixI+hA==","shasum":"3e5dc7d9363731f79af37bebc6a568607df81729","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.ff49b7e2.0.tgz","fileCount":19,"unpackedSize":66701,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHyU9CRA9TVsSAnZWagAAt0cP/1HPhaSK4tkYqnmBKwxg\nhIJEIH/dT7KbIahrYTABRz7er4KhHJbUFRxTFGk0TUiMKFakO/tpdTPNqOvj\nvvZM8aMfksz9+ttE8osOHCZ5I9qRg4t6LAwtpuFv0lxZ5cmFe22bjIiSmbzs\nvAPUL5hEkDLMj1v6BEKVic2kgsLQCIcKaDhiFcNy6qLhNmws+hdAVhcQluFj\nNNAzAnn5qngYvONL2mwbWzDWTJKABI+5gCiuUR6oU/7fdcap16ThHdkmAXTD\ntCrEPvc1ulwPX6dy7D0qz6e4/KNDpHvZ4qZGvUfjKSNzxGdSaipqCc01OAjV\nbH8yD+YWi/ZF2/KyXSMHCco3tA0c9nUpJ5yAQJJAZgTyK6KABjY6F2oXmkhF\nSz47S4jxYZg2/7f9yBIe5TilyTLga4dBkF/S9mrFTjQAacPBKZpNmztTYiVz\nFHZ7ZqheplRFbJOtqL2ht4MUH4WB1RlTzDVvH05lD2aqTXSGK1IRHXY3SDQd\ngLqWHWKxdiOCZ3hGIW0NxNo41sIULai2Ky9sa2LjNvbX1gWfYN9hKs9zp+nN\nodto60BAJCuJ8xx8qit5sySEiUt1YElDZlki414KAZ2/DhuKZrausTOg8SAq\nCJUI+2CBo+jk1YMJQ+CbZbpRqzxmo3QL1199uJ3R1ivrh8SkP3aHtCoA+wb1\n92XO\r\n=zRqs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDSx/QrrJEQ4gQomOC7lBhHQ11803gmQ6CnQ9w2rfI8WwIgfpdkSxyl+kabjlZZs2U9V/NfwBAPjH8c/8Gz2EqZTrg="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.ff49b7e2.0_1595876669144_0.8753453913270839"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.3d334ccc.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.3d334ccc.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.ac405eae1.0","@material/mwc-base":"0.18.0-canary.3d334ccc.0","@material/theme":"=8.0.0-canary.ac405eae1.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"620788b72968e56f9d028ba5ef2ee7d1b4a91488","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/620788b72968e56f9d028ba5ef2ee7d1b4a91488/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/620788b72968e56f9d028ba5ef2ee7d1b4a91488/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.3d334ccc.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-yRNY7rLYzSC6EGTQxWnicGTlqgC8kX2QWPE2p8wa1SVAlOP4rJxLsEbkmyFlw08/xMi3CFsazQzln1f/C0YtMw==","shasum":"78425adb7cf61fdb0a745ea0e487ea8cfa5116e9","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.3d334ccc.0.tgz","fileCount":19,"unpackedSize":66701,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIE70CRA9TVsSAnZWagAAYtEP/0OlXPLsfPQ7IszgKQcu\nyuN9IE5j4V6owkj+rom6ZEoI6lCNqzcJl+D2P9SukB8Do42xz+557AzUmLAs\nIEGfkvIVrIlE9WEEdFyBy7CTqmLG8dG6Pk7RX/12pUkyBEUEu59fxOs0l7VG\nRl4gC02mAd6K7h+9YlAyGGc/dJTYAUlyDgLfE8O2co8nI7eeHt2FDqkw9huJ\nKTxvYZkSx+2z8er+pJtXveBk7ahzIHFHDWeQf2c2m4lqJ/41vgjumRzy2afM\n/MmkEgFADkL2tof4wKJDDBocg3AR5ujZfq+l0/pY9QmWfSoP03IBEZTfzKbB\nEvssH+oPm9dFaVKOHoSpXHcWupxyxDLpQZxFIq5Dun049VZ3WsTDyIyhvi4c\nMYKY1dVY8efCiRCyiKVmL5XYbIPcuvzXTT03Ta80QrmEJlTQolw+IABFiHHW\nAwTanbu+wdRSLOK4OFsz4JKs/Rr9oYdgHX49kXwaYMXRO37cxpU1Muf8g3Ip\nbcawa5muJ/yCICKP37sJti3IDhNxLeIrn+ot5Ksmrk6VIC0uN5VSpeNF4GQO\nGfVmBUk/3B2HGIAvmfFIGt3j8AhfV0MjHloOj1CzbuE/ovP1+6PZJ72iBPr0\ncXGPOEhfGDfnjTzHcYO2a4V5XjysCD9Vq038Vqze8B5tYOaHXLJLX5qAD3sF\nHmMs\r\n=F5gq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCFwbB734/MSPy/462RwIhmiawarPuCIs4swi9nr9hqDwIhALi4JaYjZIbOoPDUSzJyvM7HIszpiIORb0JoIzvLeVxL"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.3d334ccc.0_1595952884059_0.21373220065410936"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.82ac569e.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.82ac569e.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.f86f83f54.0","@material/mwc-base":"0.18.0-canary.82ac569e.0","@material/theme":"=8.0.0-canary.f86f83f54.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"0082732bc61fddf6b3c8f7d114839f1937e7d1e3","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/0082732bc61fddf6b3c8f7d114839f1937e7d1e3/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/0082732bc61fddf6b3c8f7d114839f1937e7d1e3/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.82ac569e.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-dMrwsF9tcva7FlPHEKlEUYDVmY+OAwr7b2k3krp/TjgmCim3VL2MnqG9F1oZWRdNQiByD4wmRtCuLWGFibz6zw==","shasum":"c22548a2f51af92c7b5732cd8c9189ebe2209e35","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.82ac569e.0.tgz","fileCount":19,"unpackedSize":66701,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIHF9CRA9TVsSAnZWagAAIiUP/1+jnlMBy7EWcl9xlyHx\n48IcBkLD4/Qd0q8uH751exmhrqaS0yeLd7vk88xz9zxG0Tb26wtjzafPL/NI\ncitwgfAD0dwkv4pGa//9dcckfA3z7vkebSCrLe1PNvmKSx8DJB+VlxyRnXI0\nNvcEuR6zmAt1O3XZCW6jzAB5vJEGd/91ElLrrrBTovuaSnC7gesLy/EJT8F6\nZWDOIpA0wk7xtKae3aOc6m7Yc5aZxAo6BbR7brjfnqyRKApphg8WHOCU3P2w\nVsnyQxBXKG9b1B04ArIu1DRgOZahvMGIsbuZcBwZNhUucU2mRhMU0OXgViXH\n8RsDRAQ5Xte0rsrRdRRn+1QN+Fbr8N4yO+VDodN1C0G1d7XccxZET5ZATfM+\nljdfSFlQVk6yYtGZYaVNnrmX8gWoFSppqCRzZddAe6yK+sLiPe4NF6jCvASh\noqOH+9KCScU6mMB1IZpeJLseK6xTlxGav9TKJQx1tayr+KCPH2eKSNt9YcGW\njibwRwzalVpdYh50JAAGzlNGhKrkBDoMMDaO1oFwZCoQgrUnuggxslC9Mxds\n4F+e2wCuM3iuRV+8BPQ6anvvuKCvLONQSrauLsNXyGVZ+GgTZJj/bh66mYtz\n03IcxaCQ6hFHhWeh6YVP1XXuyr1dqMLZh9sYpdgfSEwvUASnz31ODvONh4u7\n0oSY\r\n=5A8Z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHIiqJyv9FcYai1fBqTLv3ayEy2CR8Gaj8EDx+Su6yIhAiEAqDtMyFkpRFF/ssIvdSh0wKvUxrhzftGOUGscODh/UFg="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.82ac569e.0_1595961725088_0.913785367045395"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.99df7397.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.99df7397.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.f86f83f54.0","@material/mwc-base":"0.18.0-canary.99df7397.0","@material/theme":"=8.0.0-canary.f86f83f54.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"e236d384d23fb84c6f0db97495a598e8b374ef26","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e236d384d23fb84c6f0db97495a598e8b374ef26/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e236d384d23fb84c6f0db97495a598e8b374ef26/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.99df7397.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-KYErhWBxuHUWMINcbuZW/orKaa9Ey5700tlPgiMb54BmZDljW3hZcA9K78VQJtT5L25z8BGoZtmF04NOj2z/lg==","shasum":"ddc16ae312c400d41fbd66469c5f7c3195fd5046","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.99df7397.0.tgz","fileCount":19,"unpackedSize":66701,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIOGGCRA9TVsSAnZWagAAP9kP/1oLXrjulKQIDPnRt7bO\nPAI5uAkeK9DFLJhlDU99S/W6AGUAU2o1Lowecif9oeD4WX5u/gE98v8F/XL5\nAPG+yoxml/95yH0wkLOmUVzj+Oes0mttfodEY6uzvXGpdyd2KARIzmlSPrvI\nbTYClIhoF/AuMETjLNX3UBedioTrAurkNUg/4Jz5FW186bWRVrHNMDPixP3Y\nGvvlUZyNVFlWWnY5B2kelKHYRINk1OsZ6YACDbfLotL6ualgSuiraZ0DjRuQ\nGLzYueY7KRRa9W4o5h+gOYVd5kZoZIAm9wMsA62wfhweT8zTqrA2A5+iliPd\nwVOPEn3BdE1kKZ8uBLHLOEH8q+I7SDo3tejtN12MAaO4nVi9saGZ8Es3qyeC\ndBZ8Kx64nm5Py7n4mlRiPSfuQTAKNot98CGk/0uTH+yuVFadxxIERBwkgN/H\nJwu0waCqNyRx0XkolREe43kYiUmGx58P54xs8njj0KmfPMRcPZTcMdyp4MTl\noJQeKJniB9fPViijLJ830mpnBd9zGtJvqAKkrIEh2tOk86TmYDJZAWVzWawj\npw1QOT5FHsxMxO70WLkxfHHr4gyArDi+hN99F9JngZn+QcHpy8tYcyuAGR9Z\ngBd7zYXD2+xaoQOJFcfw76e40gZSW1qU0odclE9uSoR9aUFrnoEbZQQMX8P9\nNcJJ\r\n=Gu10\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDb49fd2RkvCSq3yswvfmFaRXCMVfm9G/vgrqfHpR57vQIgad/ClccQi0g9ya/xJVAMcTu3fiPmrNr6tKBBqffEeZ0="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.99df7397.0_1595990406384_0.7443236134336584"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.45493e05.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.45493e05.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.f86f83f54.0","@material/mwc-base":"0.18.0-canary.45493e05.0","@material/theme":"=8.0.0-canary.f86f83f54.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"8423dd01198986c553ae23227667bc8148bb4276","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/8423dd01198986c553ae23227667bc8148bb4276/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/8423dd01198986c553ae23227667bc8148bb4276/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.45493e05.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-9fEicKL9V3nScx+tf4ZDjryyObrNRmKuGkI85p8Ue4N5fdx8RBpxh9Q47tuFTigs4k7KCHprHc5uBmcDkLuCJQ==","shasum":"5b9c174fbc3e235dad0367c8dd73de4c95a20c3e","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.45493e05.0.tgz","fileCount":19,"unpackedSize":66701,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIa7gCRA9TVsSAnZWagAAbQQP/1iFIFGMKNFCTF+toS5g\nCN48CilM3K9RB4LVtDLJqVeQeRedPyrvHw6TaCT/l4KvKwvJun/joAUk0zH9\nFSUv6Bx34DoNvmoCz1j0K2RQtxlO14ukcjhEiceg+qOciomUyg3DO19Ex7zI\nQbKAeo4RNLZx3+0JiNTQ5ejbSj8Sncghr+1l6sVUjpXzLfNytp/LDp9/1ZSO\nN8U4lHixtBU0Hy/Q/hSavRZYed9F+f9dvoYfRk7ZWqKzq/xzMTPEFb3+Ub75\n7JC0ZnI9SLjJwmsMC62xBl5mi6JA8x4gi6+zw1ZOw6b5yflQNJ/1z9TDJYWN\nYQdbfUfEDassFn+P5hbIX8H5BpAXHgdVv6SWhopHg+R74e6z+Q8CEuovRIgs\nAa+4XA6sykoS4IOxJqsNWpI+Y+npjuywYn7aXRTlsi4Yxxv3JhGO8oxacnFx\nnjaIIJ1waClkvPPUkKksazddXTH/c56vwuzoTamcnR1PJRkyngfCElNxrTWW\nu3BbtHTsYlnAkQvweUMWDM46vuLbl4ZtxyErDCWTj8ioiSsV233reMBim82F\nzoNhYTOdUApAp7WBndxJy7SrHBw43HgoDQhy+r5e7HxBKBmfeKzqUjwNW/ph\nbZeuJm2XO1/7CWGsl4gdur31mXlG8I+NYeg+4+LGS8y4rZ8p6JNz17QDiRnG\nIEfX\r\n=H61x\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGlqOcf2xrC2QcMKOIvKHZbayCwHnGwKJdbNppEba3+qAiArMjLm17yqdazFMaq3bEJCtbPvyteLx5NlZuBJyPvknA=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.45493e05.0_1596042975925_0.29723603669226994"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.f2ab0a95.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.f2ab0a95.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.f86f83f54.0","@material/mwc-base":"0.18.0-canary.f2ab0a95.0","@material/theme":"=8.0.0-canary.f86f83f54.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"1009e1c7d365921dcbc3071cabaa20c5e21e65e8","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/1009e1c7d365921dcbc3071cabaa20c5e21e65e8/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/1009e1c7d365921dcbc3071cabaa20c5e21e65e8/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.f2ab0a95.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-GJ2tNBLN/aYvhOM4pt0mkJMGhtS1rWKOHvdyYIJwvlaaqSmveUnWj7GtJWWrlTcP9+SH7ak3JE/bkeJ10S+irA==","shasum":"d017986a3f93ee2bb52749ab2e34ce2fe395700e","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.f2ab0a95.0.tgz","fileCount":19,"unpackedSize":66701,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIa/8CRA9TVsSAnZWagAAXAoP/03Z1OffoGUv2+NuyEBO\nuQliaSfAMTLCBglwg0JtnYkkGJ0MknE7h49KI8kHu3Vfm4JSUk3hdJXjn3sz\nAV0X/Lny68Nwo7be9ZSAb90PeqzCvUT879OD6bqJmlkPY/5fVBmiG7Mo9PTS\ntLSZxqfEqCUUEjdF7D5gBD3lfCbqs7xc99Qy9Zha9VUl0IJROsb29swl5q5b\nDVlcc9YYaGrnoSCCOHEB4phmWzfjL2KA9hng4p7tbbWT9k+q0+za9u38wca/\nWW9r/DOmOF94oP/b52Y1DRLsWE7IHGob8KqFVZYG5V4K0sFFWR6UzNPqFo7S\nK7xwKymPn4sanNiDit1/KGWr+JXbhs8H0ePDLPefwMzF/r1n+E4B7gtYzHsG\nV+d1DvrfyDEEcCYhyDUQP8gBncuXSQavby6slHJVbMVyF5B6dnE3o3UTmXTw\nNGRLXdJzFTZIewRvab3BY8B/3MlqH5SDNVuD67Qn+Wig8YS0FhZDZJBVGmxe\nT2MkwFjExPjLpwBpGcfDaoDzQ4P42JJmLu4b1e2Lj+Fx0bk9K5kDSXYMdxte\nGDeUvDBxKzKMDK8M+bqhQllw5B6PmDo3gF+DFJ9yqaBzsRcq8YWX6yD3R9/d\n5J4qYt9jJcUIlyMZzGdmp1z8zo9SiO/wOjcxOw1p6jSeiSWIpFp/uZnbhSRq\n9LM1\r\n=ZLl2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICr6eEyurtz1W2h90DAgNCiw6cNTP3jmNh3rMesf+aKeAiAM8R7vnol8NhvRTc2dnh7SYj9V++0jBo1uQ3gGsbR2DQ=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.f2ab0a95.0_1596043260080_0.05098871765596846"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.45f9eddc.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.45f9eddc.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.f86f83f54.0","@material/mwc-base":"0.18.0-canary.45f9eddc.0","@material/theme":"=8.0.0-canary.f86f83f54.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"1cb46e993882c87c3cced22481410b4922c1e1cc","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/1cb46e993882c87c3cced22481410b4922c1e1cc/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/1cb46e993882c87c3cced22481410b4922c1e1cc/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.45f9eddc.0","_nodeVersion":"10.21.0","_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","dist":{"integrity":"sha512-xD6g+YwOdNmAwMZz5d9iyY235loR8vFuWZDTaFoXtc0tlNk4YYZgFS1+krgZmL/4UO8+CXqBBep2MP/I3pphzg==","shasum":"c83bc99acbbc1828d85927ca6db9963d54b82169","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.45f9eddc.0.tgz","fileCount":19,"unpackedSize":66701,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIhpHCRA9TVsSAnZWagAAqisP/RFqj5VfKKKG7fYBCV76\nvS7loOMbou/3A9cUJlGnMkyKLugrGsSaiPUIWY8C36g4XPyuBuh+VxSCF+Va\nF1KhRDJI2T03yBn0mUvfEC4/ho0LpFm/WOLXl373iyoUPKo+LquGCaSpiuOD\nyDkY6V2D/0kTu3ThKLihAcZSdZRRJVVACL9pbfJztTnotiZYPuphel6uzbLv\nvirguUPnEfXYovAYlrQ/oSMdRzeuab+SMs6XTlCaimuBHvySbS9MH1+0CSh9\nZGaj1aYcoYhYrB9I4/NhxOwjERGmlFsDRw8zqvMudc9qDLBaiX+q1ER4tN4E\n4zYbaEPUWvj9cBP5eUpYs7MEakOD83eHUnedL843YqESxN5sO/k1tVU2SgkG\nlUNDJca6d+qeDllO/gtKYv5SEUfdnmtGgYPy3NFc+hwQiHIuQyUq6QMNo6CG\nZOmgUIWJ494QfdDIu+AfP78efugIzfDpotXNCty1uLef71T4u/fk+8rdQyOb\nFSzjPJ0TCMJCMWfAWeYGku7naa049H6Q3B3kbd8UySTfKRYl8Lr7FwZ2j9Ey\n2TmN6SF92CX8ilStrFrs28Fbl/Oy0XnEbdzG1SNmpWlum1xBKOOfRUgHft3D\nh5aqa88jXcqgA9fH9sYwd7AiPifjKA57jSljyX064p4NqjFNJ7bTxLjyt7ec\naTnC\r\n=1Fg+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDw8+JqY5nUh1zBbrD/WYGQFWOwfgoJW8cRWSE9eRjGBAIgSN2N4hFYw/rhPsRaNg+WO8qpnqdXo6+oXgRzHLWpTm4="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.45f9eddc.0_1596070471349_0.884534309952409"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.b64663ea.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.b64663ea.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.f86f83f54.0","@material/mwc-base":"0.18.0-canary.b64663ea.0","@material/theme":"=8.0.0-canary.f86f83f54.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"18456f1bd35a7bed64d6ca9d3d408d9d62d59c90","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/18456f1bd35a7bed64d6ca9d3d408d9d62d59c90/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/18456f1bd35a7bed64d6ca9d3d408d9d62d59c90/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.b64663ea.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-6YsuwmEi+CHNncIkdeneBZ/qTTVonxzVH/5GJgd4z0VuPz/HMrNawUj2DNrm1YU+GC7TiWIyv2MHNSdLfjeqRg==","shasum":"22ec3920d9333ace430f8d53a96acd6fcbe4d480","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.b64663ea.0.tgz","fileCount":19,"unpackedSize":66701,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIwacCRA9TVsSAnZWagAA7BcQAKNXANagZx0hZgCQoBYE\nE5K2ODLwqBfUktTd1F5K0p+GTh/K7nGWVwA9Q/C3cS1832tEC1lMOwH/DXQN\noi9xp+zpOuskvIbG9eCCWSRye879w6fPYYD+55HGovjtHUZxPGo5tzZqrIUO\nfah/7gjB5d+2yRwrzXzCC+ojswfIO5FDna1A4o3xIpJOsP/M0+eVqdH/FkXo\nn+N7q6arv9T+kMxOWPYNIgdmDD77rJKRG/z0hhKx6V3zS6PXQVsDxyG6y/Bn\nLUipWjQnmYiyZJ3cN6t1MxuSabNncHtlX89Yg5PpwgZ3Pu2Lg/xkhfz+83ts\nO5UB5jMdrnk2UbuKIblVPSzkm3/uB9Z5V/zkLRVt0DwfaVTqsmZjPYkfzVvy\nUbmhds8tSmn/CsSvdaijzwg/p7UzkFB9jtubR8WtQ5I2aiC4Z3OzIyTYaH3b\nH/N/0ylrUJvQYuV9l48xGL3o8D3UWOJxhvqWuB4vX099RTeD2kbnLLsjAaFQ\ncUTAYt2ZPiLXIK1ZFZVKeeDYMHs0BN8Ic0pz/LUYwlACBsuzYCeR+D1MZOuR\nkFAlxnPMbQGT1PTV0hmNu0W4CLU7/DzUmTnx1M6VURkTD6keRkbYXQmqddj4\nbi5SgeEJu89mrdJfVjbWshbYAkVIsLJa0MmCicisQEM0ZqgiUiKruIh7yZz3\nHspQ\r\n=KzFd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCdWtvLw3PBHPJr8dJukb3rtZublmKO1/mEwjcKWAOfEQIgdGFKZsU7LfqMgTJ/af90uyeVUjl+4iIo3BFlQutwNUk="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.b64663ea.0_1596130971869_0.4372330534417952"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.9a1a4d2d.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.9a1a4d2d.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.f86f83f54.0","@material/mwc-base":"0.18.0-canary.9a1a4d2d.0","@material/theme":"=8.0.0-canary.f86f83f54.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"f3382a4c5be4b9d21268b2d1b0831f8d8343d2c6","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/f3382a4c5be4b9d21268b2d1b0831f8d8343d2c6/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/f3382a4c5be4b9d21268b2d1b0831f8d8343d2c6/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.9a1a4d2d.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-5sZXSR2MXO3yx8LlH6hOzRGNJl99LWb7JhrGF7pPUWzw6kzXKHW4e/TLo90CvCqgtqhtVkbhYX69kOczrJScjA==","shasum":"1860ddb15d1ddff5d4b04bfa59da0f8d6e723f2c","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.9a1a4d2d.0.tgz","fileCount":19,"unpackedSize":66701,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIzW1CRA9TVsSAnZWagAA5AQP/1KRG53UU+vYmgHnljpY\nPoVK9uTERl6SjBiFp34rpTwC97cmiPVydAm4FKYHxxl7n5N1boGtl0WO53rE\nNBGj+yYlAdjasy7qAx+nzOmDv74J69Qlr6HcGF/EMae/XV4QC5O2xeeu8WTJ\nSMOOlPmWlje4DRb1DMT6QQxnU1pjHKqGvzbzXmFUf/jGyfg5v/G/MwuIAand\nWRQk03dgFwxgDwN/933MJkcB5HDzeCF1TD+z0DNkYutKlCSc7iujOw2+tWxY\nhhiaV6l0pUVBR1g75oNClFPfsvQEvTzGZ/Z8Vx7QjE9mMxLjWhJCBdGuqCHA\n3OUgdJvDkQLhZdJoep5Vue5pDp5Wa+n9A6D+Dd5f3hB10MAMOoFlCDTbOesa\nKwls/MtZwsjj5JIe3NUFodXj6DvULwFREFmFzgvcGeD9jJ1IWxKvON3m5YXc\nFptr7N2qgqaQk40D3gGhAlujXz+0mHyigl/1UVKcy9w5k5KZZpRdlGbo2DEm\ny9UM9PhrB86U6144ZzbiW4OXFnJFCXRaqjjibCrMPbPn/LyUjabtD0KF9dW+\nqYVWgrZ5d0Qlcpno8Q1YuijopNew0zInu5xTaMRiqhHYM09Qy/x4aqo3gRRO\nQHF+PI6e8MyTlgJ7PAyz6NNB7dJzLDNZWkawJPCztcJcbSijhAplt7oWaaCw\ngGox\r\n=V6lh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD9rU78VQtkiG8NLooS4lK/e9m4UZfnR6/jXf9i1ik+KQIgVMk9Kwd8Zm2IMzYDgcJnOvHEmpwr3r7WrXiP4VEiUJ8="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.9a1a4d2d.0_1596143028613_0.31557883423669675"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.887c2848.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.887c2848.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.74839da7b.0","@material/mwc-base":"0.18.0-canary.887c2848.0","@material/theme":"=8.0.0-canary.74839da7b.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"2da757768e8d58aa4885027c78c58f8515382305","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2da757768e8d58aa4885027c78c58f8515382305/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2da757768e8d58aa4885027c78c58f8515382305/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.887c2848.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-sp4LyyrntYJ720igxL4AYnnAw53oiwzaXDggWJNXTCiz+8pHwtHP2hpn50acVbW5we23nhwP1RPST1Mr/MQJiA==","shasum":"0842af11dec2335bf5b8493c7bc935dc8b84effb","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.887c2848.0.tgz","fileCount":19,"unpackedSize":66701,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfI0QbCRA9TVsSAnZWagAA3KsP/RHT3i9k+Ky46vl8SECV\nQdjtow63hnlWLs713lA641eKauIo+DSMVLQfefBmqWOsjfJqJWeZ7ZDguG8w\nGqT7SxDKvW4omA7RsviGQZD/qP9JbzZwsfKumIUXVALdAnGZZNb9HO+9wA4u\nknb/Fq7qQ6723juVNKqN1o+UcQu5R3D2+a3vVAFeqv1ENVWAvKVehA9vRAiD\n9FbO69DbtQYDOlQIVqAKa3f84UPGY9n5SZR71MhSetHWF/QYW0wSvVs9LLyJ\nxP5aP21uIEG4UZs8hWMbPKRANy8zjoK3ulcbHBF3Ioc289kWlrxeszcoVihB\nuuOIL2zs+sAbMqBSyZ0SN7yh4ZXltcOrLEXfUdsoaAs5ucCr4U/7x5UuIUDL\nsOCWgEhkqGiQoPMFVW7WarWywb23jJ3KFjhxDiWqTTJmKgW4eXRYVaxBBlPt\navJHZK5MHnxKq2IzwNcw+XouWhTo/9UtHNra3vjrpHcu2dRHCKhfxVw9Frsp\nKzdekrOd9Qxfq8YZ5L3dRvK7fOvzMNl6U0o5JGgklbOQeCPtl7YMRI6IY6S8\nXZTRVtYL2mOXM/+9UnWcGKjwZd4B1NK6asnVIBLI5cvpTLZu8k+qnJDS1C3y\nY6/zjtdbDjjeBVKMMNybxwNs8TZS/B4uv88VteA3eI9s2YFkuEKARWIDtLmw\nytPK\r\n=eydp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHf8qXYxRq5INna9rhU/sOmKHb/0/2ZABZrl1lQX3CecAiAxB7yfnROkCz7MofETW4j8/gkbEPcfVWIDKUOD3UvjXg=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.887c2848.0_1596146714830_0.5709480114834338"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.354eb695.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.354eb695.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.74839da7b.0","@material/mwc-base":"0.18.0-canary.354eb695.0","@material/theme":"=8.0.0-canary.74839da7b.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"75cc944c1c31dc88606fa2007d002743354e601f","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/75cc944c1c31dc88606fa2007d002743354e601f/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/75cc944c1c31dc88606fa2007d002743354e601f/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.354eb695.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-RRqauN/hLtvZ/IUkmezSGIyW0IsErs46EDllfXaYMIV4/UJwBtyeFxJ4jGsOGaBv5tMKpvC6kphvgqtVjILbXA==","shasum":"0ad14de5e503ef0810ca8433502a1de4a9d1511f","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.354eb695.0.tgz","fileCount":19,"unpackedSize":66701,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfI15pCRA9TVsSAnZWagAAkZQQAJ+rwKuCCbwJRZfIRDqu\nrXBTO0sq67ZQmcTXXvwVUTkSxgB+pIcQsVZaDNrBN+y2P0b6AJPhpTWkY14d\nKq7Sm+6wnZ0AFi+CGpW+2b3yNh758SIEqUya4+PLRyWj7+ywlsk9dfDrsb7Q\nsfa0vuyLyNI8LoQZr8BTeCBn5Jjrpe59G8kMVVS8FUXd3OpctiYmIn8no5AQ\nsX5gmthi+nW8qBFvLHKEiaKVKFnJqCDwXcNAjRMdo1et0xIu3AEYashCjQBt\npHH8RUMqM7TRPuaFhcwcxCex94AtW0xkjXr637w5ZdEhsO5oDhapd43UdRVd\n2cDoZ6N+dKgi/VeT4XVqFeLkswZJnuFujzEOKyJblRTAh5h6nNOkgcML+7a2\neAAyWRmevshoTIvmXwdngvkosJu61KnSMt48JyBvKqFbiq64IqpONilvKA3A\nb2wAsoR8CEiW1yREd57WEVaBU/fZ6KyM0qv1IpQS+FnF3Aq7KIPE521SvAio\n/UVP9+O54XpvDfcqk2ZT4Ac/YDE05c2npEvXC4HwHpkxHVgWnV2DT+ASQl+6\nvyn+RC6t0la3rBvQZ9YtyxEDNU3RCDphbhhiX6uaPoSuDT8eTJ7EgPEAGgzI\nZY/dVUueAyd+NVgHevlB6Hw8Dlf0uQqssKxryHQf+CsuCvVpCL/0IYWL4Qx7\n1eI7\r\n=N9uc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCw817tNvPN6vUReiSouquJjk/3sjM+3VA/fOd2jX2ofAIgOlHq24OukwlOZuhKe1EIyzMglThI2H8R2aIKjq+/GyI="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.354eb695.0_1596153449185_0.8755228888770887"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.7beb236c.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.7beb236c.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.74839da7b.0","@material/mwc-base":"0.18.0-canary.7beb236c.0","@material/theme":"=8.0.0-canary.74839da7b.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"9cb1508b49b8ccba6072341f23bae1ac67078621","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/9cb1508b49b8ccba6072341f23bae1ac67078621/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/9cb1508b49b8ccba6072341f23bae1ac67078621/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.7beb236c.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-Hmm0QZ4gTTE6bunHocahNP1RGutjeFiVf3T6Fk67XNbbc3RurEBtUzsiGyxjoSMPUgY+sEcoJ6M3uLf1ihFNkg==","shasum":"df6a0660a1c71bb7229acaf921484c675120710d","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.7beb236c.0.tgz","fileCount":19,"unpackedSize":66701,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfJFd5CRA9TVsSAnZWagAAJTgQAJh10IsJGyXECoHuW93j\nkphfn2wRBTEXc8IWYbBUiPhZ6N1IalFTmaJ8oLXU/10/P8LsCrv+ZIkS5lv0\ndjXmQUxhXW9mmeViziKksLrxmB1LLt51l1geWogCCwNg7iYuI+n+UNGeQ9sl\nOs2hHf1MzFEkLcuEGrO8cw6SRTD4Aw6lh/ajntXsmcX2vA/XQNaXBwCwd2uS\nS9nBGwQsCvXoWe6jX402Sq46DErOeHsLbY//jx2ELGvSYe6tfqDhXjqw3IO2\n2NdfWlip0wjmN6SWSn8zNmSyBmgq1RJS1xTbwQ5cQWR6ea80q/tFa5jsL05c\nMi7H2iy5Gvsq3+ziU3b4dG4qWmC7iYmKqsKud/m53UZJBLqCB/xQpwaKsB4Y\nc2JMxaYvwrcyhBDuZ7ZJ9a4ebl7bgrc5uHOjo3cmtefxESZTavwWRUiTo4Gl\nBvbVZhrjWR+BowIDRQmauqUJIYZewAnuQLbwM3aczo3+UfWxz0CYCViGn1Xu\nc/wd+VlrMZfmYFc/W2OnLAdLV/xoMr+qSdPk83WXyuwZTtQ/1VLgRC942Pb2\nCTTy6s3D/oQATUCrUKghzbb3NnerfbRG6Ywjkh14MTjuow6GQudmGO1IJ6ZI\n/+Ze6qWHQj6BKqlZsbg/p84AZPjUbdTVe5azvi6LSdYAONqeVQbaU7W6x+rS\nQzk4\r\n=qHfN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCKg16s9Hq0lO9T06JV9YettVMBWtLy89mKEF2dts+RpQIhALokpDziuISLxqZVSEo7fjXsKlzM5uxP3DP060niQyeI"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.7beb236c.0_1596217209029_0.693828433520165"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.c44acc0c.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.c44acc0c.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.74839da7b.0","@material/mwc-base":"0.18.0-canary.c44acc0c.0","@material/theme":"=8.0.0-canary.74839da7b.0","lit-element":"^2.3.0","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"2491ff018c9a71195a5e873fa60b912085ec84d3","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2491ff018c9a71195a5e873fa60b912085ec84d3/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2491ff018c9a71195a5e873fa60b912085ec84d3/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.c44acc0c.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-4PYlkxRLHdruhLyriyIg9LIcSrgNakOtHKGX5WgwmgNs0d/VwDcxB6VZX1mFBhtqFReGKmx3hd8Au0u8mq9/vw==","shasum":"acd9c327880fb582ebc5a09b45aa9c3e13d10a7e","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.c44acc0c.0.tgz","fileCount":19,"unpackedSize":66701,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfJIjSCRA9TVsSAnZWagAAfVQQAKGGg789zFUpQeI6T6cZ\nuaJf+OhZP4FTS4t0x8l6UgvW0FwkA8eCjtOm33qF64qBjEUKHE3upG7HO61i\njmr4TBpD1M43IZ1QVILS1bvOny62xfRLqat2mna8q29YkxvxlR1qEUQcPjvv\ndt8TeSi5OTPQzBH0ZoOXm11iQdKNMPvRxJ8z0caX7CEdACThtXrYxM6oHkcM\nKjW42AHSo3YNY/YGeucEbkZBybHCn/0pHbas8l+cdYsPmKxDi2lNCNmaNRpC\ngh9fAujzMZHea9WbuJ5BxYKAs/qZ15w+PL1aNGmtgz68ImpqiUeN6kbRTcjV\nBNJBxRpFfJgiOM9TN3E15zCWQDbovrlT6QtWKlgBsy5g0Pbl4xcreJGAZnHH\nzryUDwi7sJpimap3tneprKEy5Wwq9UXwy1C9YNut0zdnpovWZltcD8rXWlK1\nvsooayDkUqDygjB3kiEKVsTawlz6SbBJY++qUflr9pkeio0xi9KpXIM+ozyE\nEahB8UOWTi4RJzZdFJXohBENYpVdq9ZOoykB+g01xXdhENtAG2SFk27gKar4\n3KwPXNYTaOzhiADBbe0klWUsd4fwvi78Ye0hzrdHQqSLeHWEIT4bVIj7q+Gn\nUIZBm+eMQQhCqu98axBh1jrIBfwwhLOvRzT/WIUfLAhCM+L0wkJi3TjaYF3b\nkSWy\r\n=scAh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGkC+islaOXaeN1mThKmc/cSV0gflBmErnWKWus1qkvRAiA7zZ6puRiN3R55tbRpWAyi2SJK72xlHMpWK5mRv1FzMw=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.c44acc0c.0_1596229841855_0.07278339146847435"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.779853ff.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.779853ff.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.74839da7b.0","@material/mwc-base":"0.18.0-canary.779853ff.0","@material/theme":"=8.0.0-canary.74839da7b.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"e06c13898d0c9fdc7cd494c68586a55eddd2d483","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e06c13898d0c9fdc7cd494c68586a55eddd2d483/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e06c13898d0c9fdc7cd494c68586a55eddd2d483/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.779853ff.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-22fpQ+pEMSPEhwefPpn+/qSUe1ZJZI6FLciaQCDWcJvgObS6WgLvCtShx4Amn3iLhk4Q2O/MLaNG+M9ROexICg==","shasum":"e5258b98f9adfd730c79440df05290b94bc84d52","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.779853ff.0.tgz","fileCount":19,"unpackedSize":66727,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKEfqCRA9TVsSAnZWagAA+T4P/jWmyyav9FXhy5gINHRP\nLGni1dCZF+PDa5gIUEEqszHOtSlrGzItAdPdXUzmwF3TTp/rRO45jjo3fwU5\nheBk4//Vh5FFjBEVbtWnFNuBztxVD0QzRhmk9k+iXv1HNjPiXs+wYmTYhTWb\nCX6rXwMU8MnDISYY9jfq0XlSr9fVHsmJdV9qS5IHyAWf/A82bVNDs3M/4iwG\nE2h5fdHji22W1M0tgOjZWVzSa2wmsspozC0BwZ54Q4u9kWVKQoBR+4otJT26\nUBqcNTPilY2Zrrhu0RNdElGCVkrMdaDph3nKxD+PHpVIQkn0LEePEKp9RoNX\ngtcnMh5CadFmNmBPkkPdHzYTnJKGPxlA3/l5blyJ/dlrB0xETwWjZd/JKaf5\nxDPqWQMNhK5xIgS74GLCO6/990+yExvT0/BM9+FyX9elsH4+aE+XgUyYnEXO\narkIcuMmHXFlLohfrHmweCGZ/PQUeH2x9EvmZf46Wa/bsDwnKX1osLH2bvy6\n77WmifPG2Mx1j48AiHsPWd/lZrG7/M/Jezhf/61u8XR/H4kSzc0iM/DVytUH\ndNn+p073v8Ts6wJ8EDmCBZyjyYVejwYwPCz5EScSOcc6xYoc26yRWm/pLcf1\nKrf6hL60+DIixUeHYsd25SmMZKr501HUjHXnyEZCJnb204ejKcggRi6Nw3dT\nugfu\r\n=wDhr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC1ESnMp+Vyenc2+kYMtw4g36YodiETdUbe19aFsjeUrAiADQqzAdyODCdlzMGhO6HIaz5Ok/qG9/TuGcHZ3pu//5Q=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.779853ff.0_1596475370533_0.5947513621558096"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.8aaf270b.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.8aaf270b.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.74839da7b.0","@material/mwc-base":"0.18.0-canary.8aaf270b.0","@material/theme":"=8.0.0-canary.74839da7b.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"e119651cfd9ab60def67a36255b4ea0ca1022d37","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e119651cfd9ab60def67a36255b4ea0ca1022d37/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e119651cfd9ab60def67a36255b4ea0ca1022d37/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.8aaf270b.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-uyXZs34fcfWtrFjEbpwSoZ4ufomk/tWsksZAD5xxwCIcH2LAdDZakUIgRxVy1gdkGuqo7b5SqZs6e1jKjpN5uQ==","shasum":"a3e4286b4de825e2efe2ee0d212f2ae8477bbe56","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.8aaf270b.0.tgz","fileCount":19,"unpackedSize":66727,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKFoVCRA9TVsSAnZWagAAB4cP/19YXebRd/z9ygugYnXL\nukbN3nVzZUKkZhjJVXST25m/UTigd3RcjaZQXwFLAbRxfE9ILnIXOLyjCs2I\nCKjvSxPp1EXAihos5qWPPTgzaCvwTztnyK9aj5zrPWr2h1bFwiOB9sR9Bexx\nZlkykXemfy6wGJSt2FQXm3XrxZupTp6XBocUkbjgSVe0kG+VQTFx5NfRHjhY\n8y5KIZQv8BIasgRArwjBQspRGY+Kictx4Bg7GYTfGRB4nhjyvFyty+9QHDJ0\n82uxNbKulmjWsfwWEnXHX0/DSFO21J28zJd9niTcwCB6aoaKA8uoxAMdsQJS\nCHyfANwcVVaJqU0DhOsWXG7TackNSo9PLVDis1zPuO1ivfosCH9MLyhE2xtJ\nU6sUZv5L0kgrk0M6DX3FBNnzlHPCjv48xN93pvxo6Nwto2LfWvtLODzV9EGv\nAN3iOL+OBPhsct/Qlaq8+DJ0x5j53tmalIRzGtv5/GsBRl6hobT65Ef7ZBhK\n8ya6hlCEAb/sdkvyptDqUB22aFNgUq2S5LvIdZJzqbXxvStx9GRqjGa9VQju\nlZSW8XswkbYpmjGfoJi+c8tpVlHVCOS9pIvphpLkyNAMPkhSi7vIbDtZYqpT\nNH66KQNvFNOjBLYPoKnPAQ9huZPXew0gpOVoaoEXVnmqJoreVuFO98yA1xdb\nGkJI\r\n=e1kd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC8G/6DYX6w825jSikLggR3cf1f9aQ1DTOAR7Nw6i8oywIgI58ZQzTnS895UNhaDJnBkj/gnMmNISpb/iaCjoBDVOA="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.8aaf270b.0_1596480020615_0.5323009171515092"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.5cde9f12.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.5cde9f12.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.5903d39af.0","@material/mwc-base":"0.18.0-canary.5cde9f12.0","@material/theme":"=8.0.0-canary.5903d39af.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"12da43d72184f78a2245a6686a1ebff3e7bb03e7","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/12da43d72184f78a2245a6686a1ebff3e7bb03e7/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/12da43d72184f78a2245a6686a1ebff3e7bb03e7/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.5cde9f12.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-yLNU2MKGoqHdZFReGglC1F5xP52fBGKHh1A6yqVlvuTeSp6WNGhuXltdg73yWMtX98u8LG+nbIvZTwxTqii58A==","shasum":"a1a7005440b23e2c786d1a4e6c52f90c2152a0a3","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.5cde9f12.0.tgz","fileCount":19,"unpackedSize":66727,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKF7bCRA9TVsSAnZWagAAonMP/AlkpZWIljfOQsidfhpB\nccu90lIf2xYSo9NHq1hm4HNXi7kFJ6ZDfW/KiHMjYMx4N4zXtyCeUQpYvPo8\nrpQ34UxZW0VdeYasRQAoI+Io1ZtOJnjuKo+Oe1+7+inXS3L/+g1WkK6dcQDX\nyjLCuSOLla2GfBqhJ/MlKefoI5jNtGXHZytfuz/q3eUac0sev73tCATHPnfj\notAI5ERpcQDzV7WrM6Z2wS87/7UKMZWUZDLzq0aDce6PlTqFBhpL1pnbVAcs\nf19pz2KVlxeBIk00F/xhtJy9taGnwxxXEHr1JhOo9epl/9NQzZO8jRuGm0B0\nnmUFWMEQTs7/+gyQB8A75WTMLuub8jtTlBxR+5Gg6ukgHZ1uabwz9W/jr6Qh\nxsDk8LwWTyVc6nlNgd6sWihax88zTgvNjEVWrrjIIQNe5O38rUhaVWqmSQ/O\n5XTMm8CCEJ1YlmSiqjZctuxffaOMehJJiMkAo/7+tYvVaTmKEciMHNccvAGw\nKQM7Yu1QzSAFdpzdjp7srRm2+Jz7J0rjdCJFingB7n32MFHA/E/ZC83uMl4L\nVdnAq/1gHzr/3J6JaZ1JMBOavE+hTILACfQcJZGrheOYVfb9oVDAG+NMTo8i\n1Gf9fahBIcpq6vaEm5ImHEW+KOOGN0BWBQfd0m/OqCxH1c2L72GV515ENziX\nBpka\r\n=ergY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDCNXMSzrU9rHyla/fQvI0tSUxQQT7DjbvLeV7jLXTWrAIgMYOj86jsWQ85/mNZ7RlkrWI2l5Z48QQ0+sjNWZGV03Y="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.5cde9f12.0_1596481243059_0.7526478020959644"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.1607ec53.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.1607ec53.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.096a7a066.0","@material/mwc-base":"0.18.0-canary.1607ec53.0","@material/theme":"=8.0.0-canary.096a7a066.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"0ed0cf9b8288929f621c044aaed573575e7f23ae","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/0ed0cf9b8288929f621c044aaed573575e7f23ae/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/0ed0cf9b8288929f621c044aaed573575e7f23ae/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.1607ec53.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-aCPF+9FLGu/nBpeoUsaNfq71CxKxrcr3CWJ9DdTfudvGmI/KeNNyaZdAGd9jlozdtp6za1rLHs1y2/jDEP3yyg==","shasum":"a727a6098678cfa10c27951926daa566cd811f5f","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.1607ec53.0.tgz","fileCount":19,"unpackedSize":66727,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKGmKCRA9TVsSAnZWagAAqiQP/A6wdZzHrU3q0yV6/rOR\n/0wCcoJ17nVlYjgH5zMK7TZvuGeyUTfuS67lsDbjASJq8cXi4MypHeRJdsXM\nQaAopfWqpr0mObegprMxwGhmoQoXYrNWlhQ6PLzz4FWQ2xF+eSFWd3rqQbsQ\nHH65no80loS9amF/HT1DdudNLXL14QmF5BQzbtPoTFyyThwNV7x5wxt/9Gk0\nO4eicMPhrClvFbIzMJwIg6XDloTyzcTFwZRSlTiuu8vTseVOzNEBRsdU1K6D\n+J+aG0OOhi/jyzrMs+tUQOGWbTShiGA4KvV1ix/KffK/Y6yIGJ6spkiNcpkf\nCN+zwgYemW8dGI/juA+ZS6h7pGdb2DOU8OIuk8/d1My+d9fo9kflzwVRMWQr\nq2PLVQzO4Z7q1SMckOVVYbdsz3JQ9UPkP+AHGEth6l2yasc9y0u+BAWd0AfP\naNFxDOFGgTOcE40d/G9Ao3cU8AofnPPtYIYxagqQxbA4pXZbQVY+WfDp7tru\nW9hoPm9bt46wS2nSQIB1uHEFuimAVcX6bD1RifmimRLeqmiS4tTjv2hNR+Wg\nCkYoHAYsLwg0t2SrGkcJUnCfKI0xlIi32oIwQewTTK4kPu6hVffKv6r8SF+P\n1u2LmXI5hNK3bAz0U+n79ndM86jCpet2uMiE/yJ4vZgB6Ds/L3+PWorG3KZs\nJzVz\r\n=6xI8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGl7i4ocaYPUdA8XfAooNrYOFZtvGMd5nIsWIAVzEm+jAiEAuoTgjAv4q9KILdH+1IPsoC62pCmqCklcVPNolflBLlk="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.1607ec53.0_1596483977874_0.18703101203203332"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.678b30e3.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.678b30e3.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.096a7a066.0","@material/mwc-base":"0.18.0-canary.678b30e3.0","@material/theme":"=8.0.0-canary.096a7a066.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"53d3656f4039bb116e0f771ca0dffc41b500bb59","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/53d3656f4039bb116e0f771ca0dffc41b500bb59/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/53d3656f4039bb116e0f771ca0dffc41b500bb59/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.678b30e3.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-WxymqoRjkK22nj1bTrti9bsFZbvxszbSoY+dCYVNLr6uJcr4QnYUhi3U7UUvsxuuc2wi8T6PMmofxKPcmYe8mA==","shasum":"eb202a5e9f24f134aa917a8936fc36ca49c3913b","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.678b30e3.0.tgz","fileCount":19,"unpackedSize":66727,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKGpxCRA9TVsSAnZWagAAxhwP/ipjY30RKE9xQ04VLcxO\n6STiGqEo88yHTxbxXtYMsSd+eZCqcZNIXC9b7K+WW3GLT7WBGbsCXesQVs/9\nlWei0OOac9GM47WeGmjTj/XyL/uVHDXCWSAt32Q7iUJWBjFH7I2qMlnKHNxc\nEAevg7IDyFv8BmcZA3vdMLtg87tQZ45F0lf7SVLq1rlHLnwxoQIVVDydt7tN\n9ewR/1JHAEWFwsyPFKwhHA6bZhRzsGwMw9YOpunZgDsdZt0pAsljZb3kzlmU\nKsmJtl65e6OSvjQ7QCC92EGZAtEOy4Ha5llt4/gAoKiwJm+SG5DYsE93kK5U\nVLC96K/fgbeQJms46GQZcnZQYcJ5ujPtdhfLSTdf4Rv8hSV4nr5G48/G4Faf\nOyhcMQBcDUd767t3e6sDFxO97cvLqzM+9rpxOtbCZT7EDtUnQoHmBu/yFuN6\nib60PWRnQh3Fp+Sh6GfP/vrSnSpuY43r2KiDK/41rVYe2jegRvkGz9Cx/ZKU\nDY3iVjsZbiICOPf6UeyO5m4TBhaKmS8Lwt5Ee6DvzgMEjXqvFIaEZXTdD79L\nmJ5lbQ7u904KW8gyj+jmpNPZA9i6efsWq4JM6IrIh+WXbasTLKEDWZ2IfKN7\nSrBfrsIKUWtSkV6giHAvKij9atGDsqAUic4n7XXMx0Zp1SVrcHNqLS+RgH53\nmLQC\r\n=r2QE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCSVi5cl9NL/zWK6ISCigqmP7pNUBTdHl/PwKo5PHlBXgIhAPewOM2ItFHjrCRRQICn9j4uLAvLmawgaJAQD0QS+iJM"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.678b30e3.0_1596484208825_0.17253954556756357"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.21c55569.0":{"name":"@material/mwc-linear-progress","version":"0.18.0-canary.21c55569.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.096a7a066.0","@material/mwc-base":"0.18.0-canary.21c55569.0","@material/theme":"=8.0.0-canary.096a7a066.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"65f46b7dbda996fd5cc43abfdb42943515aaca08","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/65f46b7dbda996fd5cc43abfdb42943515aaca08/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/65f46b7dbda996fd5cc43abfdb42943515aaca08/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0-canary.21c55569.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-3HpFnFAsMXZpnzbhZ4Q+sYuPHGziI1tzVkeTB7sqEq8wzo5HifiRSrljd4MijNfi8+Y1O6glPKSCAYLszQBz7g==","shasum":"88d380a980e6cd877e5a1588250c046647bfe5c0","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0-canary.21c55569.0.tgz","fileCount":19,"unpackedSize":66727,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKGvfCRA9TVsSAnZWagAAOyIP/06C2qC7pIBWjbFN7vTm\nPMBZCiRYvaBgobU8Jqj5oQLTBegjo0E66nTqcKL+jjKFX4fwhPwISPcJ9cXw\nbYr2l0llljYbP2/XeHFzUrT/pHShs9V366nkcJ702lqnOpvalb2w1ZUsIlMM\nv+ZOTdwwCDO0ibb2mtbgVmhtbohvbUfk/3eJm9N/x7bRSoN7yLQTB6gsqt1N\n+jBK7kcaMPLCa6FYohHdRLaIxSxIJ+wG20o63TXxZepHE10V1415y5UdZfYS\nUI/dtavS8hlkxMeN8Qd5KRoy3ygQvt7gBwg7j9DikyKlDnqzhQhlgwLHfZ/u\nLqL1NXhNzOBzDlEIQcvynBZpVHqv76QnV6U07yNhLrHnJKELgGCTh0zywEuL\nEan5c0EfuMUbcCiCYsOHPZfw2LG7LUDr+UWb00Owr4SFOoQdD4atOvtYiOsV\n+ISARu88UcvGVIWeCCv4LCcFA7WdM3ZGrXKXhD62Dag47nYyFsbVv9Q0/yLn\nnBJ3FxgzFe5473rV/2/lo8SWDeiZW32cSa+KO1FQN2ex2yFgdZNfV/8sGK5z\nbX68SHThvtPPwihrNA7v4EzcCQtu1yyIS9hGkqXLsEXUhjVXiJVvKA128LrC\nQ4Y9RAeNMebPoLZ6Lb/sN1dyY/KGs9/AXGyJGnBh8GuCQLCo4kD8y740BYxa\nhjLU\r\n=UJHb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH9W7JAl/3lgAqz1hfPtZC4uT3ljzOyKFwj7PXu/ZKYGAiEA5s9u+LcrpxdG/fQBtBhkaoTLzDfm7Ca6UfLaU3N6fIE="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0-canary.21c55569.0_1596484574860_0.01363726427768519"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.907d4d7d.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.907d4d7d.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.096a7a066.0","@material/mwc-base":"0.19.0-canary.907d4d7d.0","@material/theme":"=8.0.0-canary.096a7a066.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"c9bc2fce8a40ef8eff9b7444030f3e2a62cc1d8f","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c9bc2fce8a40ef8eff9b7444030f3e2a62cc1d8f/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c9bc2fce8a40ef8eff9b7444030f3e2a62cc1d8f/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.907d4d7d.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-Iu9yxAu5nQIabzrhkyfMsxuixgBxKGOwYfUTEqdkDFX5z1jMiTxkuK1VHGZiHEk9F1CmQxOnHG/SX1PdQA5w0g==","shasum":"c13f7cc45de7a5d62303772f0fdce2f008ba3838","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.907d4d7d.0.tgz","fileCount":19,"unpackedSize":66727,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKH/1CRA9TVsSAnZWagAA5tgP/0Cn5yaQ2C3Ko+k7nvpK\nBYuZmbkZ5C98toFUOv9A8DmlREqvInfcl02f/IUg2XBVQ5m+Q2FcMWnGC2zY\nUUVxr+DEydnoNItYpA+h2moGkjjIxlVd6+pCan8IATiWKDtJG+LwgAyTAKjq\nw3TXjEPDipfs2Udo3g4BmwF0YTxisWDsGAql8cBowBnbVWX2eWBk07ReIwxV\nctebe1ZmOhw7/3CrvYjN5Hi3CenzIbIN9UnyNKKVVmKob4b8mYerPctr73MI\nViHG60/z0tEq7M6vTFxH/QQ3kNKVpgP8uKuxRbomRKhcrGahOZCR8fsONwtb\naTzD4poHy6/CS4Lk1Af41gn05gif4GcZJ2c9bUBRNSCsRB4LksNykBHby/4u\nKMAft5kN+R9nd/AGqrMAg9woEdXHgksfIlC1dl2R+535rVO4Mhxhjg+gO3Vu\nOe92j3qI0UbcvUOkMGH3Yg2+xrOF7SOupAli1Zf5AKAqCBmmZLrzD5kPp68S\n4jcEVu4WAHwtB/mFIktxgwh5AR+wpNxkEGJJu3LLj/t4sj/wSSvKTq8ZUvs4\nE61wQ0xfIR9ANnsCixmPl5GHjrykCwLAci9+k8ufoJnS3SbqkjbwUzAcH8qE\nK8vqkFH4FPaVqhboTwTKipOO27vq0+MlEJdrmlQcyuZFCuuPWIykVf0CgQUV\nVAQB\r\n=wwlP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB4H9U4MQwdKqGPIOJBUHeDRE9mx6uu0CYZOtfDOPbDFAiEA07/FRYaWJN1+VbxxLlXvdxFaYvnl+wFeMBcMd2rbDfk="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.907d4d7d.0_1596489717352_0.10966003135991897"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0":{"name":"@material/mwc-linear-progress","version":"0.18.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.096a7a066.0","@material/mwc-base":"^0.18.0","@material/theme":"=8.0.0-canary.096a7a066.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"907d4d7d7235b3a3256595bce22f0d7db165adab","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.18.0","_nodeVersion":"13.8.0","_npmVersion":"lerna/3.20.2/node@v13.8.0+x64 (darwin)","dist":{"integrity":"sha512-RSfcWz/mgGUso+6aJ4rC1oO9+fAhh6QBhaxDtRlCJH0YM8MxL/4jDIRW8T2VUWVLxdb/Pa0egU4NR25Ar75R2Q==","shasum":"684fa61a80537ece4ec569dcc564741a3cd80176","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.18.0.tgz","fileCount":19,"unpackedSize":66692,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKIB+CRA9TVsSAnZWagAAULIQAIMNKOhW9/Y+VaH5LDDz\nJlbAbEcHXD4Zc5VNOB9hf8+Lp26VNzR+1e88XwFcRVnW6NxacFbdoSAiofXg\nK7Ih4bg97n3vlVpQRtuOEahmOCyje3aP7BDg1f+ccjJDsLMdDOliQywV29L0\n0WQuX6rGUrhlTp+nx2XaaZALArHlsyI0R0HEWBHzjo06MnxT1RFE/vuA2nuW\nMNsOiF3ZcTV7lESC2yVmIk+H0DMk/Y/2q4q3IvOIArTZtFVH0U2qI9uE3oTE\n+Hk29Qk2D62ww73+UE4sDBt5DsxDau7l6I+Bb1rto9BMG9WCCKToiaxnXZT3\nbi7/G1tqpDI3xF0ENnUMnkMcyZ5No1L8aNGHBoHfCeQUvTvVnAAl1e0FhXTt\nLD8l4uuJ2byGBUq6SDKCItLXuB3HBq28wuYEsxKNWrn9deLCo4Vik1U/qB21\nCdA3wViWLuKlwLnQLdT+3rjla0ACqSQllh4lrppRCWVfWD5dWKcbz7lcxNDM\n8ARXtL66F3UZJDi+vuKvzuy9KW/oTYXNBlIK9A7tSA3UWrwG0C7ZjqFpCWnZ\n8z/wemBTC2Nl+WwmFBfHL/s8AX9o095vduYaq0VjbJqz18NGNdHhXsIOfZj/\n0ZBSXwqzaMtm61/sK7PKknjEeXISkCz69doALW9+Lc91Qfuf1QwWiqdbtTBl\nSTPW\r\n=YKDi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDbHd127vuuTWfyFpQJ+HMbDUZtdGZu0hmaM3rtdjyemAiEA9b1EimC6VslTLiC5n9F53JdUE6gY1pZEsRBeY+PQmxI="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"emarquez","email":"emarquez@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.18.0_1596489853613_0.7820559623725916"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.f7958e4a.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.f7958e4a.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.096a7a066.0","@material/mwc-base":"0.19.0-canary.f7958e4a.0","@material/theme":"=8.0.0-canary.096a7a066.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"814d7f99f2c2016c7d56a7297cec2ee04c29bbcc","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/814d7f99f2c2016c7d56a7297cec2ee04c29bbcc/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/814d7f99f2c2016c7d56a7297cec2ee04c29bbcc/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.f7958e4a.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-h9aEK4JkMnuHI8z5xclIq7Afip5SQh5hDFnGXXeSA65+SVQ9wkBDNjo8zRgF6ErMDHdCUhVzpAd79feAropybg==","shasum":"f65c9958c0d5f8f3f7a60b3d99e4a5052b109a27","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.f7958e4a.0.tgz","fileCount":19,"unpackedSize":66787,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKMKiCRA9TVsSAnZWagAAIBYP/j0il3SCHGDUIawbba1o\nJa4jC+4tJQ/gb8Wp+gtXArp8tQOOFByAr87ZCfxZjR4np61rPd5CqMcdLZvx\njvMhfqGFWDTY79dLUlLAXoEXTh+UHqAIKjWy4iYIb4MGZCqphWMZxuUYgHvv\nNTdtREmugKXqNCew6rxEKX7HqEL+AA/99OqZs5+C5YpDh6wmXh49xaeibgZ9\nNCk2unk8+8ZEjDstHcE5FjZA1qKWknfrlDZyBp0e4hGBDCAoNBGNMheWkhgt\nxZOnKVrTczK5qM4gAFmVriFbuKLjtmUYWh5F5kguKoYVqMAL7zYT4TJYtLEo\npujEqOD7CcU1W8pVHpOqlYIQg7zrCqIYqjCbeoP61qzdSrIBSD9ayI7XM+04\nViLhUO4BSimv8H+498aoeiew0YKFCqqlsx0lZPDKDl3xyCMUEQLfwQEVU8aY\nqo061XaIY4k/gAJk6VLmbjCMxtTwCJn5OUKIKIgls3dqmgI09gCN+0uoUdpD\n6j7odcHcUnJOd3YYXGocl8lAxNPsQtFUFFd4T6PacWI95l9D+RlisSZBDXDo\n3ZTmJaUXnbcv+sNYfhfMOMtsuGrnsel/vS91UKM3VUi91xRS5eSW1Vo+U7gg\nkyolWbE/FoPOD/zl6uXDN5rqhVIyLjtwA3qwf9xKcLeGAMSZcEUz7CtFw8IX\nQw6t\r\n=LYrr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDiSmh2mB9UWNi5C1sCooftsfgublUC09NOVXWk5T602AIhAOchVxoU6l2v/LPlket80gBj/sv45NttIBYISjJHPTdD"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.f7958e4a.0_1596506785653_0.33757297979938294"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.f8ceaf79.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.f8ceaf79.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.1b44b43c8.0","@material/mwc-base":"0.19.0-canary.f8ceaf79.0","@material/theme":"=8.0.0-canary.1b44b43c8.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"a1435334692098639ad087e00c61c1190812b959","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/a1435334692098639ad087e00c61c1190812b959/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/a1435334692098639ad087e00c61c1190812b959/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.f8ceaf79.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-RHc+HsPoqHz63tBv8Z1UN4zseHa+dyqjNA3ZTZTfF3optI30AC07F6jJ1oj1N+vwl3FaEOSFmljDZeijcy6xjw==","shasum":"005b4e09bdcf82058ceaf20c389a4b9b9b57c7bb","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.f8ceaf79.0.tgz","fileCount":19,"unpackedSize":66787,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKbRUCRA9TVsSAnZWagAAqnMP/R2e5HE+VkoMtTVcO71w\n7mVyDnY38iiMt2epTmTfAv6MTkLN7UZNw4UeE7MsAH4eWf4OjRGdH2aUah4A\nOQHH0ARsNthz+3/ei7jYYfv13o7iq6nA/yC9HFSBE2NCNx7CZW1O20ZpET2A\nmPDjrCek1EOamkiIMHMB1qNCl6NW+WB+izgdON1//fP8On13KK4f+tsmu1aY\nS9jyPGrUsG7kZz7dSSqkqBhovv2x7obm8b3M9+xZlunpXvYupmhaDSeAK4pK\nlMyQM47BIP/FCODkpoGCjyAvOzdYxyGgM7BLnKca0awwXrqdw0C6z3xg2lb8\nniXtEiFt8e1CLLvwgryBTnodaqMYe3ghtcntwrdcwar69iAbCq9rYvIS9xvb\nPhCICllEEdPqjvyw/Ndeba4VNFCvpJ5A9lkW2CgjgEz1Ygi7tQR8z791LUcB\nYumJoyhrLhBdzB2X0VyQNJBCKpiTSKjS3/w6I4Ei6evFNPWilj/aI/BZ0AcL\nclluTfD5BVjZXWlkdswTJxdvTy+dKsxx3hyOrbfLLbMMecNnsvdrw+U8whM5\nIA5J21dLJyvLhuDVf9O3hw7vLhnePRNNSshQRYMD71JAYNIyd9q58JEiFijH\nV48BjDUd2IDhrtZpBU6KHQycYJ0CpqF7ZlNZDP1eEl8CHVnGxJVjwp6WA03w\nQIFa\r\n=4mnR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDJLDDgbAuGYQVXPUqWugsegLsq9NGt0V2644asfbnJcAiAbu3wgDxyTst12uH852GNfj+/oaoTh05UJkxnv9W++dQ=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.f8ceaf79.0_1596568660565_0.5660674146486202"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.6b9e385a.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.6b9e385a.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.1b44b43c8.0","@material/mwc-base":"0.19.0-canary.6b9e385a.0","@material/theme":"=8.0.0-canary.1b44b43c8.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"d264df08ac61122a6e48c33485335fe7444fbd09","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d264df08ac61122a6e48c33485335fe7444fbd09/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d264df08ac61122a6e48c33485335fe7444fbd09/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.6b9e385a.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-Pfox+yOMe7wZAd1D0dvAKlOV+7PvfR8cmOGRIMwLdii7qleSgV1/HC10pRmOu9xhUkEVbUV97XO/dKt9aILXkw==","shasum":"bbd1067dec46770452f39a3c399a0e963e655a46","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.6b9e385a.0.tgz","fileCount":19,"unpackedSize":66787,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKdMwCRA9TVsSAnZWagAALnQP/0fyBM9QaPNwHGCfdN2Q\nRxkq7kTC7kmsdMNevTLaeyMQkj3EBoMPIuaj2ZYFpX4/CWbU47tiA7uR7o4d\nd6QFd+ZkBVcDWQRp9fcdoVK4IwkKlAZLYPMddR3tb8sy1u3ouJ4VdRdpsAsi\nOodxMrwFcmAmbG7/tyWaRXnwdfvViXV9dOglagR242egKP3Tw5ZDMGKUzgYA\nDbn7VeTM1vXw9dzyssmU7n817vjMnQMQ44bb47BK2BEh+KXjMMydBsTXFbOW\nrGtdrGKwM2oWC0Y8AJ1X0LFAKYEZfAUYc9ENcXMOju7oVSRj9kSYeg5ziWhh\nAtRXdwQJvIfn6u3He4CZLJ7aLeK/tFxZ3iemW0tar/D6OEWpZctobp+ORGE7\ng4PDUdD3iiEReZqeDk9xnE1npVQ7n6ZSBgYqo49iZ8/69RkTt6zWcACNuY6Y\ncLx28jWlJT9EqgE49A7yxRSjBBRrCzRQjyxg/pFdstM0i7KLPZQTUC2V9oeF\n0OFuSDKG4NBX6wllRZTCMTI+V7QcDI/ATJK2SFYCkkT76/+j2xzZn/GffQEX\nB8TLJAyMKTXs/OuydY3sWrynC4KxuHaEB5ubbVhiLUp+exWtWaFbaLOKQMgP\nJ8N6+Udx7fB3lydMmwVq6IN60XYbQSU2C8D/BgWhJIegIQb8r5sAEetM/SSg\n2Mla\r\n=ZFH6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCVtPPLZgr/qihLWfQulkqRmXRyUWJFNdZuJxVR3oJpDQIgI0qPcd3lqkMetTjA/GxVakltU/TsraOKlecDhZEEIgA="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.6b9e385a.0_1596576560580_0.8572062453017368"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.9a7e6d2a.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.9a7e6d2a.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.1b44b43c8.0","@material/mwc-base":"0.19.0-canary.9a7e6d2a.0","@material/theme":"=8.0.0-canary.1b44b43c8.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"162d034ba4d899bea7e421640d7cab04f0130e9e","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/162d034ba4d899bea7e421640d7cab04f0130e9e/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/162d034ba4d899bea7e421640d7cab04f0130e9e/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.9a7e6d2a.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-MBvYEXPbpdTiugQ++e6LsNEXKotNZL8CkDrmaOoMI7QZykdThWGsQ8C86z6qHbqFl5LP06yJeH5YQQL+VVPTtQ==","shasum":"53b5db7b8e41782df5bc90a7c50f31c11eb07c75","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.9a7e6d2a.0.tgz","fileCount":19,"unpackedSize":66787,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKitcCRA9TVsSAnZWagAAHgwP/2fLjeIJ+Rm/lqArXMb4\n8hjix9ElZq4d+eBDiwT7z//8T+bq6fjcLvpRHZ2BCNsEqW5JkBP/Ojowvwy1\n9IIDzTJESxnfZr1UKWji6cfrV6j/XMT29eA9KyBZEauLLpHQCTPFeKyEt+2E\nV2cDy5XX5le5AdDM1vLdSGEp3nqwKQu6Id8YjIfsCOAbI0fySA67Gs6ZxTln\nu1p7BX7s1Aq5CpWrBhoa5z5Cybfle/9Ae5aAeGZuJTLwMP86VqwbRkOoXAUC\ngC977AhqoK495VEXL9i1SzajkHaNWiO0DSu59pqsuVF6EP+Se4ZFs+k7b56i\nPWsSGgFoEKzrnoCW/5QjvnmGESwIAvLr2hg0XZsRnyXyeXqMzVgFiPqKoAII\nfSEyBOpYNmtQVz0HjNb1qu2xs9MqusANyvQU962SGnR27VE64dCVOJ+cCQjZ\nOY+H1r51y8lT1NABPnE+tjwb08r3an3jpVd+4rdpDmNnLlkV+YV9JiJA6Ofz\nDRDYxCoBghS+OLZWdeDmmoD3xKODn8pntqeg3NM57XT3Y2GErwJP4LWVdcD9\nkOzZVIlDW/AmS1r7f3kGLarQEqN/J3eY2cr8dfEb8yzW7nseK97+osWstmck\nS6nJ1/1av1JfrnqDW5+r6w1CvQUV6v8tcS9vAEaC6+6E8zcPr8ll8aMgS6ji\n/Nck\r\n=BDnI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGQSgPWK0zkl4Tjv/iF5LUIgLlYujM47rbU+ChDk/Q6OAiEA4x6xKHmxZOrwVEl1X8FWtTHKmoo4ghIEMI2cXza75X8="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.9a7e6d2a.0_1596599132117_0.3597871009935254"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.188f3f1c.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.188f3f1c.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.1b44b43c8.0","@material/mwc-base":"0.19.0-canary.188f3f1c.0","@material/theme":"=8.0.0-canary.1b44b43c8.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"200ab3c3186265d2084631aa4f47600057a574eb","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/200ab3c3186265d2084631aa4f47600057a574eb/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/200ab3c3186265d2084631aa4f47600057a574eb/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.188f3f1c.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-Pak1wsN2J4gXrXHbuzQTL/eY5XorHL/T1ee6Te1YwKMX3aL6UA5O4IlKmAHKDXjTzVs6Q2waFg5fIGYsMSCn/g==","shasum":"f1aea1ac7362419c902bc5163c97b6f8cd67799f","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.188f3f1c.0.tgz","fileCount":19,"unpackedSize":66787,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKvanCRA9TVsSAnZWagAAT2QP/jL6H1stgvt8VQEONCKA\nozzOvsT/DNQTbl/vz+Ne+OkASga7lMbCHQr9+hHtTzutqKdN4flBNRhxxy0O\nQKaCUz4OWtCm9nlxuY7kKSGHDezymRvZqnTLhuH94C8c9vViwDN1njqWJAHP\n73e4yym5LvC3/GXQTwu3akVE+ZyIUxRg2mVUi5FvCzcMWj6QGt+zfjAr2jYh\nwI+ivWitxRrvwH+pxZI7zwQ5PTxUAWoDdFEm3TD5Lk2vLilEM6NOUbTQQ7Gm\n/1xPi+9rzPofCkRXh9Dg9xFBMNpa2TqJgcZ8TdTrkqXSSR97VBa6LzI3sVC5\ncEcZUYwp6znvZBmfdkTdwuEh34daSyWkIZlsAqkbHgrweFDuu8+8LeaBlg5D\n0DuvP0ruLny7wQbrTbzcKkOXnEBhv3gtHeUZFSuOvHWX9wNDZanS8rjVZUO0\nF/X7vexP32AM/ZSzEKbpJYROb/ebuj2RfMQ5SRIpdOaniKBqR9kCLWBda+Ku\n86cSTgn4CVcgoCc99wQmDiRgqEtuC+sKAPTfIzQWCvNGN6Fi6icNhTTfze4y\n1BiEUC6x7BMsl9FsLRBx+OfkCMYESIRlGbsCHvdbPGNso3j16QZv3p2AGKvF\nMXCuquoM6QemzUtDUehMy78ENvMoQd9JBoiisCyivYWzGGXwE+mHIYyWSAks\njCf1\r\n=kxCf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDeOIkDn7IPRQtHFy9KgJ5BIhT1AYWqferQtoTp0cPEagIhAP/rXDTFPUGneo1s6I4ITcCmaBHvGBYAT7QObmm3Gm65"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.188f3f1c.0_1596651175266_0.9020595642528051"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.b6106add.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.b6106add.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.1b44b43c8.0","@material/mwc-base":"0.19.0-canary.b6106add.0","@material/theme":"=8.0.0-canary.1b44b43c8.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"9726e6593d779066f5b7158af254537ee9c9174c","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/9726e6593d779066f5b7158af254537ee9c9174c/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/9726e6593d779066f5b7158af254537ee9c9174c/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.b6106add.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-schKay0YhnrHPQmb9aDsjiQKG+Pl45ScB9bq5IxncbvalwJEomEeXs1pQRCLKAVVEUkBK0+PhexelrEEWtFzUA==","shasum":"bbf403e3b1d3e586e0b93bb5388d7b78fda557d4","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.b6106add.0.tgz","fileCount":19,"unpackedSize":66787,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKxs6CRA9TVsSAnZWagAAF2AQAIYIbHkz+vpaHiTHqkbA\ngEieBK5Ur2gxaBI5ZwVNpe+FzHy4dI3R3wVGvlK4/kPdjJt1NgGVM+G0qSEl\nrWAolnA/+Qc66PNYSTzvmb2IPu9sYCPgBNIm7NqpoSY2jjwvIU54t4OKvTkT\ndyZOZ5V/24jdRGJdHGr/QnJRs8xifI0fcMsvh6FGL7JvqWw9OWWoO1wtd7uh\n/qg7fWCeqQsCf5kdS2xlvrbqklDviIJQeD/pMIjhZ4liOptEXsiFnkUqTDUB\n2bRT9QvlzvtfG1ex9idpmXkWhQLCsonMAzbySeVH0H18zE7aEVa9VQFioBE9\nJ+UjkjDOrJVOr6/invXBSXez+elvi8zEJ9ouasOqCBdTnKd8awVhhaEc10m0\nj/Cw0IfuVqQJkcXCxVbZexRgL3C6afQP8RUyMpoACRKsQ7/Oijfn5vRqj4rw\nX+K3J0ug3zLSnPlEQWTO8n2EjrqKTRAlmSETykSrrImzHMDLLScoNMIIaN5S\n3RZD+p/2kOe3tN9pcyGWnLFSceTEjRuHHguPhW+8BX+9Kc9gMPoC0Wh0QANn\n8bmskvOnWoEWn8QRSuKGvImM4um8KFU3KSSINZDDBB2N2Au+PhebhqQ5rSPl\nrXcTI3cmeeFLHjD5S2DwQFUk9UsKMIN3BBNHuO1kt1OfKTIeYXKy2W9tQ71T\nTptp\r\n=BWFK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDUwyFAmpTnB2Mjy4/YV9hCM+O/2zH7B78URNAfN6O7hAIgLfo50ga4FG7453qQmLJBpWnaVb/lQPgj3VNDrbaIKSo="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.b6106add.0_1596660538160_0.4801223021666856"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.ebb4c667.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.ebb4c667.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.1b44b43c8.0","@material/mwc-base":"0.19.0-canary.ebb4c667.0","@material/theme":"=8.0.0-canary.1b44b43c8.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"6911337bd0577b48c85e4d3502ed5111b12a7b4d","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6911337bd0577b48c85e4d3502ed5111b12a7b4d/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6911337bd0577b48c85e4d3502ed5111b12a7b4d/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.ebb4c667.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-OgKiHTn/4DPAjvbSf4li3vYmfBUGcXkQQ12+6idcNTnRlJyP3ji7TTJqc3NlA2N8t1q66ZTDil26apVfUiMSMA==","shasum":"0efa6ced1ee2d70c2c0e0d4ad98645918fd43c81","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.ebb4c667.0.tgz","fileCount":19,"unpackedSize":66787,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfK0xQCRA9TVsSAnZWagAAyvIQAJvk3wnfimyksIfgoBjJ\nCDdyKhCUb7HDoiE5b4nuIpe4o2oaiPBnwey/uSiQdtnH8iv95crmxk5aSKyR\nftQtZJtb6tBkPc4xvaHNy+XBrfvAVjmF30ywnZ407oVdSPjFX8Zj0lJbcaGn\neqU0b7za42LFk7ZbpWLSW8KGAGhq1nYglWsBeXiDTL47X+pduOf8qEZ7Ch+c\nZraTzMAC5siwt/O5ZyMW8ELFb5AG/sXAmsSkWz2hT4SzEeEW+sQgUmkA1Z7G\nMBMsubM44aL7+hIpaGzWfsuSd82aUcaFofLdo2ZLS0H/bD9pe0CQznpTuer7\nuuwneqTMX46iK4DpdOYlrZsuOHpPpebwwAO0QKL4dqRz8h1rc/PHsqn+ux0A\n7y8uYeEq4+ItkYukQC4aP4XJ9j6BSYQYhFJS/Z1je7lFSj8dNATOFFsEaU+c\nrQXR26+LEyg2QVQdSAmOwLMzTXmbYEHA+abajTCTISUivdGdjtiw0bodqSmT\nkcy3jlcKXYPkxRB8egk9LZHUB/ab2Bpz93E3eoLGHRjRnOHrGMeFrwtvQjCh\nt4Ot+1csALgjybnCbYEt781ax4UPoQNJ8oQLDD+X3Rf0/TeH4+NF1UkzSnFb\nTMs+9kd8nMpTeq7Dj62gSmW29GQ369btPvO9xASR0SWM0DvLvuSdt/jD6Dcb\nLXG6\r\n=evhm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHbKzD+Uu9SsEcxaQDvwfNA56/q7LbjCxVHvmo7saGbAAiEAuJCrwLjqmsy7bLrP2frj48v1xUAnM+3Z1P73gm96EPQ="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.ebb4c667.0_1596673104430_0.21217568175575185"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.aa44289e.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.aa44289e.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.1b44b43c8.0","@material/mwc-base":"0.19.0-canary.aa44289e.0","@material/theme":"=8.0.0-canary.1b44b43c8.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"4d74632e3e1fce6fddaefd045c8f0b6f026b4e4c","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/4d74632e3e1fce6fddaefd045c8f0b6f026b4e4c/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/4d74632e3e1fce6fddaefd045c8f0b6f026b4e4c/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.aa44289e.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-4fW4vJcgEohEMMH6/E4a9Ux+Gc4+Q/L1Nh8+itSaJFFTO90IbfXyrffpYO+5d39tQz8jQaMURoqDWf8R7t8Z5Q==","shasum":"b43cf8b57f2a36d78baf4d7156ef414ef8af3d15","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.aa44289e.0.tgz","fileCount":19,"unpackedSize":66787,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLEtzCRA9TVsSAnZWagAAF1kP/jRBCQviur/YSv8t5DKO\nfp1pAhQY1I8B1kNYgsj5H7QKdJtxQucR7Ii6G5dSjPjXb6KNULRfOyRNLque\nlcjiM37qfqwvoNt9vRTcNCc2YT33GZi7va3Wy8VrQ62k12xYAgsuivGgClsF\nAOctG7lzwdOJ41cGAdHBgqN1Xp+NoBHF7pCiVVDAwGsb/fmshQB85LMbpql1\nj3679nFZYttEftSQ7VNGn/D2g9DZxFWEWBMh3AA5rdGm9USKt3mzRfXf1YNn\naQCE3GCDqyr6UmBtgT4zDSIyQTlAQHNWCs36KiGL8tmec9trqnMZhhx2qG9B\nFQAcRqnbqDJB4u6FZ8u5aJTMoyfJfTXyX7T9+01xHmHzhmqx+qSpk5jQY48e\nyvnh+Wz3khICun1DqPjgzd03ZhMEYL7YONgRDLujGaoCFtBcKFVZQZ3eAh3U\nC1d5wzn3C0G/D8KDrsyHTX+kiFmreEcKc2NcWS34bHEl2r/d2L7P84i/9U7i\noX7EKKVcn7m5VTi5BtEEV2Ye/SdyBIgAAQR69/5+D26JdZUsoX6TWt4eROlM\nHf5U3roOguDK3yNXdKbqukyw3tCyiVPIFRpslcWQOUswVtPiXbtdVGxLdOy9\nzfhkdkVBNozwN+3kBhfkEPnEm0CiIYWIfSo/b1eSQzcPyJsH7UpcMaUpAeEu\n6OiO\r\n=HPmB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDhfq4wgEk/zrFoQqxC7UJkDZ2s28sr12ISR+AZ/cnIaAIgN6w2OjXhv8aGEsqjJg1O4Ijpu4vHu9ErrREeG+8vAyg="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.aa44289e.0_1596738419142_0.6865257916487719"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.e6b0816b.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.e6b0816b.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.96a640534.0","@material/mwc-base":"0.19.0-canary.e6b0816b.0","@material/theme":"=8.0.0-canary.96a640534.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"b80bf3f3363af2f1b704d5fe2fe2852cd416b902","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b80bf3f3363af2f1b704d5fe2fe2852cd416b902/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b80bf3f3363af2f1b704d5fe2fe2852cd416b902/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.e6b0816b.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-IWV1uy18pPjEJL5H4j/MToHcZobCD7RJkgzUKxubZXmkLzKSSSRBJ+/q62eDP1JS6HmMKVNZXks2vScL3tlsrQ==","shasum":"0266ea0c9faaefbba0cd5483d26ada22699bb121","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.e6b0816b.0.tgz","fileCount":19,"unpackedSize":66787,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLaDGCRA9TVsSAnZWagAA4AQP/1rNf2wwJyVtBEaKef6X\n4H0Z33cYDpcEN0l402e4Tf9v2tjJMDCiSZjjjuFDSL9cpMrIYD9xQjkXCgRt\ngyHtAMPH+IiKtk9nhjYrNIsBiRlHOjkfG7YtaPQNBSVZur3tmYwWZ2ImOljN\n1+VgUcuxiDWl8KfhAGULS4J3KkdXb3suLUKQDmwOmmpJrK7Hv+hn3hQMuoaF\nGMjBSgKvwMPzievvJBQvx+UdvGl1AKgD6iRJsBe3vPpwDjqaUriieR7FNdmP\nKE5jVZ08dfw0CPf/KYDXgylOrMAh8vWAfULPclePATu+i4E92L93EAJXfmSJ\nyO5JSqlq8qz3SR8W+AYLfPn0UoiFzwHmNfuJN0D9jjwS0WXQFeOpfOIIAVsf\nmyocYhlGVwEucgQD1/DfxVqCM5z86DkLqKwPeIlX5Cvf46XrjN+WvHkn/4ga\nctRSIAgI/1DFdgzE8k0fprVISMnwdy0xXRoXpPXkUp4wwNdOQwdOlG/WQam8\nVN0f5XN5/pt6SdiPcXCxKJOLkya492iZ/5IFZb2+bVxU25Kr4iFmrXXbQsD7\nq9YYLm4cjc6oVc06gpH/bi8KHdHL23Huwl4+fftQvwAf6gxswGoXr1P1pqK7\noKXOzw3pmwhoSfrG3IJTNfGGcS6mEj9umQC90SI+1CesNW8X2FMZm3/3PPAS\nfEBY\r\n=vcO9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEqnn7fPVP8GpFxaLmLyXAa+S2G8jIPv0eNKgY6g6dvgAiBqdGcnGMLHI0b+AeCKi6/aIVqcQbu6OKeDd2DulfZtfA=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.e6b0816b.0_1596825797626_0.1018159088055095"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.96d15938.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.96d15938.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.96a640534.0","@material/mwc-base":"0.19.0-canary.96d15938.0","@material/theme":"=8.0.0-canary.96a640534.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"6e91207d87648ea038ff3d435537ba7b2014ec19","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6e91207d87648ea038ff3d435537ba7b2014ec19/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6e91207d87648ea038ff3d435537ba7b2014ec19/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.96d15938.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-yHp4X8TUeje7YtG8y+mbCfu3mlR3V5r1ZcRZj/1BgwSNbXT5ciF36VA1fFONNRuy0ne1VzoQOe7Utonq3DlDyw==","shasum":"3637cb3ab48972353a0735cccee6ad13bf9c20d7","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.96d15938.0.tgz","fileCount":19,"unpackedSize":66787,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLbltCRA9TVsSAnZWagAART8P/At76ns+sR73nh7jYlm8\nh75VCRkG1jfsjHzO0mDc9aF/RRd8ZQ0jpmsOvx44y1M4aH7gJD0JwdEp0m4D\n4LdtszF71bW/UJCZ9koFqbHGRcWHz0s1WMWaB2PDQa9vRk4pXfZabpgcs4BS\nH69lcrtvSaXzN1/CZCKonYwTl2/D2/3VOcQpw5Zvx3yags067GwM7ghGolCC\ntk1ebt1Yfokksb22xUgO4Doqxp/SqHno99Gm2xexaCeWBF2ikk0rxw71RIQQ\nrG+ohi9xYboVRqMNoDdn2ynoYq1SI2byq1TNN9C74N6s3uqmr4NNgcnCPhhB\nLei2IoPREFuVvcfsHiMaLnPrMWmPCf2iQoYVZZH+Gv0vfpMHkYsJN/mZuAdP\nFV/mLvJpjxxmd0KwbE/5119ndKA4r2pyqTJGNdVTZdDyepZ0joohGl2cgFrd\nwWVqYYpEX6WzkG6Nrt+SrUlS0w00B3y6xTt5BmFo4Q0aacIFLaSnlkly/+/w\nml4EOgcfAr3PPenFvrcMHH7Vu/tbjW9D7H3AgW77/rhJpxESAFi7RGRB7SXy\nRuLhL4rxHnd7Ow+qlTusV9F7/S/oKBuBANnErxnaDNbIKHgOK2oEsF+NsVEA\n4YrkMrM/OwdXv7XssPKdkaFXZvzpMjp/2PMTw7mYGNjyLsAHlYbdSd2F9sDT\n6Ovs\r\n=N2ha\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH8QYslqmR9DirRxk97/bFse257CABpA3wUHXAUccRmHAiBLncpxZZDwzj8wgKPTPRD76yLZbnX5OxWbJnSFAN+nsg=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.96d15938.0_1596832108743_0.5243292317691701"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.9d991c8c.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.9d991c8c.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.96a640534.0","@material/mwc-base":"0.19.0-canary.9d991c8c.0","@material/theme":"=8.0.0-canary.96a640534.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"b96115b555701f0a2fb8299279aa9dfd1bf6b4b6","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b96115b555701f0a2fb8299279aa9dfd1bf6b4b6/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b96115b555701f0a2fb8299279aa9dfd1bf6b4b6/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.9d991c8c.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-/BcbzYQhLHkdnqobFgyEBGrnwwNbbG4BXaz4VfZsnZ3G929TL2zgPCclE7ZpqS96dW65Obnw30GE2EgnU8Q4Mw==","shasum":"0222d7725bc2531496a43fd3bf241ca955cf3d44","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.9d991c8c.0.tgz","fileCount":19,"unpackedSize":66787,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLdDFCRA9TVsSAnZWagAAXrcP+QEVXNOg5LMjj0F1KvvG\nQn2RBmN0upYWxkBTan4kbnQ9IEIafCIQONUh7hvY9P7OBHwM4tz0N/9yp48o\nIjqPvRxsCx1nMrhiCTiVk9wcllEV4hAkeZ4y7zNrnZzqn8S6DsbSDin/djvx\nmX2rTHtypY9lH1LKRGZXPXd0g0DA+XweFfJFJXRoBymj/BiORnN/cZBNHrVq\nPFx7vwY70kKt6VFqJKjRYtdEHwwJ5TUwlX5erdiI51wDU/kO6L3X7wfCvlQW\n4EvIc7hPZw3YPg3fz7+YmX7ypwXLM8IHvByfylMhk3Ooy5Z3C2Kae+1dNAUQ\noFB7+h9zIhfXLopPCKQPgnPK7rkDYY1Ta9mKP/vX2LmJZwAGdh41bLFWBwPj\nE4FSWs28PwvHQQMhGxu562byabzwTI1hvNi7oXP0rnZW3hpPPZ0etEvSZn5q\nfae1k3Y5kJe5Yr/pHrHc5LK4SPEem5HlHKT2mbfoKejOqm+HBFmI16Tf9su8\nsPMxf/XSyK+6d0Q3FqlgBFB4y9L+iNPQZwVOZbn0R87z/Tn2bTwRaYwZoj2A\nSf0r/AxktxCc6LYKecmZv/PE34Pok17lURLzQl2OyFJ0tZhMPAK7i/YavASB\nLZHQmkL4Y7I0+FoxyJ70Zo60k5m3ux4LkbaU3tOZ2eviGauBX7TVJMCb8u0a\naZaS\r\n=0Cq5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCsbvV5Mbcrzta0mQcFqm/nDa+YfRWE/9QPu3FmE3J3aAIhAKnIqY5qdMSEgaIZXhBWQ+PU+ipMT163PkKbUEojR9pN"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.9d991c8c.0_1596838085206_0.36302598354547544"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.13bfbd72.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.13bfbd72.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.96a640534.0","@material/mwc-base":"0.19.0-canary.13bfbd72.0","@material/theme":"=8.0.0-canary.96a640534.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"801272b0ef15e1f90e0ba47c6a8d185052f8c48f","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/801272b0ef15e1f90e0ba47c6a8d185052f8c48f/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/801272b0ef15e1f90e0ba47c6a8d185052f8c48f/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.13bfbd72.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-L969Nq/2aYiwWhrBuADtjBp8pxHJKZ81LsGroOim9Uv4UDGI5iSd3eJ9VIR6nOYkoVMELggJGVyJOtLV1oiBQw==","shasum":"cb579a222306f98662e2a9b1cd502a9e899ed457","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.13bfbd72.0.tgz","fileCount":19,"unpackedSize":66787,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMZ+GCRA9TVsSAnZWagAAnkwP/3f70ETwqO8gSRW8wzZm\nGgU0HGaNSERUejHRV1gTMyj1NP5FfTaJlIRV5MLBc+SoT62zzyG64iFTjXCD\nXg9qTdDeFhwyvnMm8tUSvYXBWPA7WbSEGUtNu61jU7ICohYRjyV7nr6r8JCg\nfY7fLcpc6jTRdLyVn2tQFgnvGGjqfg4Sa2EFlbIkoQfPcCRH9/JPgdhCeoJ3\noLJr5h5OEMcBi190GTkx+ivKzBKAdjxqOh8HXRgqe7TGcQs62RLvloU+a7gj\nkaPPEpmDQjWskMJtWvDRSOh4SZZ8Twu7hGS4hGVKx9fTzwxEoVEUoY2gEKIC\nmITTCAOsvdpm1/HK2k/KsworHDu8WpHCz//6C9Y/S8bRdSm6vAPo6TaZuIkG\nBDRyaNGbGQxHmoR9zBjizs1ebKZifi0O5SL5RWveVLP0dEkyUJxA9MfQK/bE\nS6CPPolfoPa6WxsfWVLypJYS4hjC01+RsvrNI/ETC93iOgoSNBOjqMUs1CBZ\nCbf7Cs4ahtnfpHE0ZMh/oblLkejd5YbTDp/8Q3ZnbbRGy4rH9538DUlJrk6n\nIKfu9vymEuHfCzdknRwwBcR/KlUe3PydHRWEAYS65Qw44s+PDjAdLc7IHUyi\nu/xHZ0cxb/pyHZ2Hvf2NPKl8Uo3IOZuG7X563xDxfzV+q1u3Nz6iq723L853\nNpTt\r\n=RnHm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDt6Me4wwx+g/KRSSkcceoaWKbKc1ojbn4eEbRE2yAgJwIgEut950vAGRgHPWCd05JhVA4sr0NWQ9enTx++ZmKQOHY="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.13bfbd72.0_1597087622220_0.1457982603610226"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.30b1b258.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.30b1b258.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.96a640534.0","@material/mwc-base":"0.19.0-canary.30b1b258.0","@material/theme":"=8.0.0-canary.96a640534.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"e34fbf2f01b3504b83592cfdb8b30914bad24498","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e34fbf2f01b3504b83592cfdb8b30914bad24498/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e34fbf2f01b3504b83592cfdb8b30914bad24498/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.30b1b258.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-u4zXrpDQnAsEsIJs+GUY3j/PbMEmqiiUIfVPHAZG8cbg1Zni1G9asPbAColFTTVPqbHbKf5te8RGM+TDGdAueQ==","shasum":"f7077d87fe9f7459cded08163b6ae8e87e7609a2","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.30b1b258.0.tgz","fileCount":19,"unpackedSize":66787,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMajICRA9TVsSAnZWagAAcV4QAI+6gQTUfZfWRst1Ezvq\nuoYvJHeNnVhoIeQQ7cFq9ZrDCpTlseNqs4hhWgh9euAcgDe2sYiIcXuLcYpu\nes4G7RcN4Ftg2Vvw3YLmbZwDzlIirF2c2VagC6rDOS9IGTJGr59ZEv2TPO72\ntRnqzdF0NVzKSkH2T8ygXXbdt3/LKIUeEv5HsGNBbeZRue5i7X1KOyeqlUb9\nYeHkhfcqNUTJCRNNJFfhTu6BGsrcnncMkuc285h3EKdPy23oXDCz5jlqN6Ha\nrRilhC8wepiXui5v57Nvy0sklzALC/guJB27ZOtIQm0NpU5CbRN7ECYu01Bs\nQdqu31TZ9h6Nd0t+C6ntEUTvpinyzSx//3oLNfxmspI0f1L7RMfnPJIIlb3j\nHeRmhaEIQmhDrociBPTzvZ03YHJw6r8/3yQq4xHKiSHdlFktRW1XmjiT72tH\nyY2rePOtnQU0XYfnsQCESEbVyC/mjG7sHnUAQM1Sj1KID+Qqts8j5zxzwR2P\nkpXyoK0euX3k57dvZhlGEEG32RXz5aZ4JBm+d8Z218AGrBR74G694OdppL/G\ncz4y5DvLMdErnidELtCwpQqFKngdDmAlYVJM/UREK/GAV9uQFiccA7Rv9Elm\neuR5TVprQSrOO0GpnuegFqKx92axPinxhZ5fY46hsIlHzwTLBGveDkPd3B6e\nq/JA\r\n=9xe4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFTGQlwihFxy8O05a0hXMo8tgu0nRM3ZhusxutGsF+xrAiA+iF141C9zR1i6XSWMzjDhL5dzMxlth94rrTlk7glgvg=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.30b1b258.0_1597089991964_0.7207252442201448"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.1583e263.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.1583e263.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.85a5272df.0","@material/mwc-base":"0.19.0-canary.1583e263.0","@material/theme":"=8.0.0-canary.85a5272df.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"e9ee447b02f2731c33f126f2c3d32bc3f2808125","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e9ee447b02f2731c33f126f2c3d32bc3f2808125/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e9ee447b02f2731c33f126f2c3d32bc3f2808125/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.1583e263.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-WOd22rHQBkaTFu48oW987lZIh94aOYv62E0dqcqMgsmyvl73umuW33OmrxIW7ZFM1j6w/3bQ5dTVCFH/yfk/RA==","shasum":"77c6fa136e07c138f705de1e03251a94bbf701d7","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.1583e263.0.tgz","fileCount":19,"unpackedSize":66787,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMyVcCRA9TVsSAnZWagAAgCgQAJQBSkFw6cLFLP5eyK27\n8TAiElsUe6g7agGtzFMH4WA/N04jHBtfSSW4lFS1HykPzP5fOFDCCBZU9mjF\nY8h/olEs4ku3T1nr5i0aiyHxcp56D5x2+Q7hhFp4RJW3yoLXaaRG6TXrpkH9\n4Cdr4MwC0/En7F47u/kxSj5EMBC0M1Dc141aIupn6hTS69Tz+v53VD1ONidv\n4UQGGgxxxDWwWsFE7e984BNJWavbcc5KK7cEOGcZ0sq4yfzCID51bGuLrAoz\n3XCW8ckFBFOgG9KLROHlDbY51CvbkGvHW1d6OAwm+KwRQ8k+QtkKG2MymI4E\nQzISdgWGOQemR4lwNbUGj1VpKKomqu9YoP7a0HsvTsOYf4XtE/8m4oYdH7OS\nNkUkoKB8/jAj6bLZ/rqqr1yKQJIfJ64RexoSsh/BdwjC9o5b7nk4EAdXKGBy\noKVoZTB54u+eomybYaidFRmqKKbUZiEtCzgdei0yWGOboX8yNjJDMKpp0qcY\ngMGt7iXuI4A828+3NaWaTb/kFZ2LbtjBps05OS3huwrAMx0M8aSSAfnEQ3PJ\nndIBnkqQtjPfqwlhi6Xdy3Eq8gEfNllnY54f6/lGmQEBNY6P5WVOh2xkaWoG\n4pcxx9deazhBn/VaGh3jO9DNbGcuClI/KWRBtEI8gBhBmvSls02NE+HHmLAb\nB+Ii\r\n=UQV4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAG22WCWQn9AYeIL346gFHpvnkxIy0TNvy4Y+//YI5EeAiEAp8OdqQ4jGhrpbmImFwo96DOeT2kRAgQYpGdoIgRbXkk="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.1583e263.0_1597187420031_0.032325353126674505"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.fefb1a93.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.fefb1a93.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.85a5272df.0","@material/mwc-base":"0.19.0-canary.fefb1a93.0","@material/theme":"=8.0.0-canary.85a5272df.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"328a8921a50cd0f162f89703f12a9e58406fd111","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/328a8921a50cd0f162f89703f12a9e58406fd111/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/328a8921a50cd0f162f89703f12a9e58406fd111/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.fefb1a93.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-cfI/jWQT9N5zDvH591TIjXtQjmFFa1ytOrG/5K0cvfCMRs9p8u2259dzCNj64dzvkFdWAKlKA+rtyMv9bTjmiw==","shasum":"da264916bcbc46249d20aa2aee503b9510c945c7","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.fefb1a93.0.tgz","fileCount":19,"unpackedSize":66787,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMzbOCRA9TVsSAnZWagAAjZAP/3zviAgNVYpjKx0HwScP\nIOGwGfQO+dta8gJlxDprQtfPY0cVLNA9AZWGYeOTYA1sZJXVxaVSIYhwU7QY\n3BoCbG+P2MtbsJ+Hl990HevUHD1MvhB1EJgYk34ZvDIMZzIWooJ0tJ3M6nFl\nkZtvO2asUuzjIf0sjvr75rZfviC+zZcYdCvG5h27giLxLtjXPHhkdvryZY8S\nQl3hAXXY6mbkHaByc/raHQPgNgpPcMyzT1sMC6AhFCt9H0LGjdI21631b9xb\nNET17vPlABmVqEL5I1V5IvwJxYYKSZKSAnyaDaQ52Ay8FOIBameFwG5nF0qJ\nXe3rjTIIBbEs1SHDNHfjueMFHMk79Uy07hwUdKkVbJZVWlMqvqg5Bo7zL/bs\nm+qXRTY/oeIZ0TT9tQ9rzPdH3JBDtO1x+2qo75geok2kOf4yBjqLmrhKZVa8\nl03zEuYubt8rvuUrZKZD7WKPrtlsvEgDyu3RHBsZqj5IrgNda9Ud4IzZC5dt\nOs/hjj/4g9L1PMmfkYtkWSwfsGYrT5cQmGwBzkQuZiaQsVmSDfL3lxPaDNlt\nDH21b6ZUp0bKa4f5oox3VXJY+GYNCrM1TDH7ZrCnWsRFqPZVdW2ZieaQ3duJ\nFNdU+wS6I38b/giAMAnBI0r/kfcWDj4Nz6ORylfMERsd5kjDMn4U3nnI+VYl\n2QNe\r\n=0pXq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCqnesCeqB9ClPC/2g+RvnahnhfsEgKjzNwSfzxOoXA0wIgLszWO48cSkUoATfYm5ToyVBfLrPwDjnNlj+dVpALu04="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.fefb1a93.0_1597191885978_0.6652168320575236"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.1ac5b9d4.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.1ac5b9d4.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.85a5272df.0","@material/mwc-base":"0.19.0-canary.1ac5b9d4.0","@material/theme":"=8.0.0-canary.85a5272df.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"33bc5db0b752b7e0d3710150fbb0449121619692","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/33bc5db0b752b7e0d3710150fbb0449121619692/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/33bc5db0b752b7e0d3710150fbb0449121619692/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.1ac5b9d4.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-rSOh6KgsHGuH7/JJX88t8y+RDqlys4AROqm4iacgvc0tCj7CVUsugUbvV0oINowjq1CXR4ybTIZglwxenXMlMw==","shasum":"c9abe1b6b97eef5bb6d92e156c356f7a5a28d949","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.1ac5b9d4.0.tgz","fileCount":19,"unpackedSize":66787,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNDRxCRA9TVsSAnZWagAAx0IQAJjQ/Tfzxu4IIUnf7efL\nYj1nqk9ptgaMJmyk8kuIyaWUlXMvI8/BKRJ9ivyAwr91d/NXpdc6QGbQQsJM\nB1Tbhc9p/Sv15+SG1h3vcXiVcvslYvAQHcoDJhGzvxH7RTEb/9bFzIm9tJEF\nMgyxjonntet42YK2TmLaoBPCZ8nLiGOGcjIrbMY/87aA9o7CyMdJVtlxajhv\ny4Nbgg4tzWpyDV+JRDt52VqmzErLDrRIFP24U3GK+cN3t5MvtkLIeGfqJDHx\nYuIlvjo0/CzS6tussDR+Qc8ky3t2mbIaAfdnKifo6F/RAU1573NCPJteWdfY\nwq69bWVAnSAHPhaYFzj0z1IzzKUG3FKsIrZDVZA3fg8LbrgJhWOJbi2pm7kW\nrtP+RkaYqJbkhmxqTZA8ZKIh9RVYHNQcYMO/lsLHa3LUq2hZCskYMbCxp8mP\nT89fs91mvuVw2/PfFIYEjd9cUthwc21FAPlzZOYOX0v7F5MvHkq8UaRjh+J8\nK5NKtz30ZjCdQHTE02RSku0uEBykHfABH6O1Gl1PNlwTAKFfMX7RocDcGqYV\nQKW+6iGb8FvMVvPPAQGnk5sdCcVYqFx9zj3mB9rJZ9TGiKllkmCUhrCtweJf\nUSh2VanzeX2Ln67A0rbZvmPpiv7Z/CuCR0ZZxxWWVJE8s1Oorqb6eqbZkYXb\nK79r\r\n=zwQ1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCDtW8UTcfwKIxTCVm5GtPgrPCYP1qKY8RdP3k3+RNfvQIgOYl5aGNMKaqNBX0Pp374HbOa6VzLSD4kXoZ8PfbH4Ng="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.1ac5b9d4.0_1597256816892_0.6535449340786224"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.f17f5052.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.f17f5052.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.85a5272df.0","@material/mwc-base":"0.19.0-canary.f17f5052.0","@material/theme":"=8.0.0-canary.85a5272df.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"837a87ef49533f905c92ab0aa9faee12e51ea3da","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/837a87ef49533f905c92ab0aa9faee12e51ea3da/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/837a87ef49533f905c92ab0aa9faee12e51ea3da/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.f17f5052.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-OFLBv14Y2b8vr4ForO6+HiDaZybnSCOGwO71lqyIS0SwS+uCyvvlpZUs0vvetcoR7IcyT+VSQ0rKp/WbzgeGrw==","shasum":"888e171458e160fe60b86edace4a5c13231e7a00","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.f17f5052.0.tgz","fileCount":19,"unpackedSize":66787,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNXTgCRA9TVsSAnZWagAArSMQAJ6SgQnHrnm6ikGenylX\nC7tlOwpLCXZ2TxeqWHVWZTR7ReLTVuAUiPZ88p2sGSnXPse5ATvD3IGHGy1y\nI0PKIMwLQogcKsKKHcpef93HsECscn24jJ/2kso8QRgw4ceGjLUm7JLr8974\nPU7y08DhV0oBMJoyIDEw0kIVh3ac8b3IZil4t8ffkR71hIHiF+LtzJAIhiUz\nn7llwg85dv/PQK9qMhnYMOaf88PgAKVnkgPbj9TejZYKQAN13XyVZ3gupwOl\nuE1eG/1XBIckFXXbUcQclynPaaSNUcGks/df1DDRxz2AWjIon8PgAgZ2odDH\nHrkpZgM0gdtVuBn1MuVkPs6iQ5WcR/PTQMfGZBLJHHrUwgeCE25+nn8PEQU1\n/cI6cfUWkPF2QKFuRGaWPMIq6cKrIvwL/liEQ1MQ6fCiLqD3DjGCQooCBaKR\nN+87xdU2audA3NP1GepjU14fPTm27zlKXKESxizHGj4mEHj5WV18pOcZnZoe\n3M1xe4Upy12RbzKBmfFIt6cjaK4e2LcL0v0a0tXv3N4uP4CokI0rwqAAYl4C\nMvjYW3atMXHFlVWDRqGjJEIfD/+iGZ9WSP1ZkI9Q68xp0g+cbRQhFEEBiE0u\n6kyC2SmVqG8lRcqHJedr27Laqjp9wFQodXd9otuafWXW0Ebi/FgnafocOEx1\nw6zN\r\n=1U6V\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBpWUefViM3FHGLPcqkuoI7B5VfRu5Ay2zRbK7SPexdJAiBz4n7yEnyOyQYxKEAdBQI8gx0iaSyHNFY76/hXC10Vzw=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.f17f5052.0_1597338848527_0.5703061671377421"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.80b5d20d.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.80b5d20d.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.a1dcfe97c.0","@material/mwc-base":"0.19.0-canary.80b5d20d.0","@material/theme":"=8.0.0-canary.a1dcfe97c.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"2183b66216f3cc82a57427b3aa805795f18e0925","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2183b66216f3cc82a57427b3aa805795f18e0925/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2183b66216f3cc82a57427b3aa805795f18e0925/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.80b5d20d.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-hlAguUZRM8vqOOmQAitEGpE/DLdX4wqvw80BfTpJ98/MH15OH6hCesdnccq2xvObcqAnQh1U10GdNUMOAVQ/gQ==","shasum":"9c1cacbca6e876a01a5d55346fb18db60e9993be","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.80b5d20d.0.tgz","fileCount":19,"unpackedSize":66787,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNYOVCRA9TVsSAnZWagAAyxIP/3WHWdGgkhtPh2r51vTH\n1mv8pzZ0RALYFme5dPMsNJdjSsNnTmY/g4gGz4EwNhOTmFs/0mw/RwNFaUrr\ndrNq+/j5P84eLMC3XDuhdnVVQzxq4WNaxGj665tqpaCiGsGtZtfF4G9m7pEF\n2L+fqioqxBGj8maDn4Kay3be6qTIGV92pJm990mG0tP6s2ZYxZw6ojq8ruPI\nz4KPXtxDe2jncoA8mW3DhOPBNIPeJJdUjR0ve1itFqLZc8UBuJUvBs+nQj2Z\n+0xRrgzTKX8cEnVeDtucEynjANlmttdXTAnePgLgw5aozWsqJZNs4k1FnFyy\nHtXVDzwGgf52dlSmBBW6QqY6BEIq4jlvrr6e/yDIoNqXKuXpf5N7w2Dzh0s4\nTuNO1hGSAdMZTThu0yHF+NlvaZv39D2QQfuqiTCVclP3tnKks1JMaFRNO0Lp\n40g3hNoEKZtG47hY8wTVlvS/0QTzxrQrTnxNV4QxDjtlptyZg9TFpTF34SXM\nO2Z3220CI3mBSx2r40GZ8gSCjfQaQItEKhmxizXVbyDQ4ie4tNYquwnSU8gk\niWzwC4zyna4Cjd9qa220+HdrX/jSjjUfiOCAvT/DMHkIax0VRpGBeTH0B1i+\n1Xnx1ykswD+JapV2ozKm06GzoS+X6Vboz2AXzg/c9tkGc0upw9lWc4Q2Pfyu\nn0hx\r\n=oc3c\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDJfRJZhJEskpJqeVGGO6kc+ifPbGL33PuqVzY8SknpOAIgW2VE1DVAp7MlUdvNeD00s3gdw4VunNK7DwaN1gPPPV4="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.80b5d20d.0_1597342612839_0.25895409369782674"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.758635ed.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.758635ed.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.a1dcfe97c.0","@material/mwc-base":"0.19.0-canary.758635ed.0","@material/theme":"=8.0.0-canary.a1dcfe97c.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"dca431ba367368af1f858369557a0bc5db6783e2","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/dca431ba367368af1f858369557a0bc5db6783e2/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/dca431ba367368af1f858369557a0bc5db6783e2/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.758635ed.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-GwTkbOA+pbHSQIIUXILrWZ1btsT6394Lzf0zDDwLKQalVuqg40nUCWresNLiyu6wcWD78B7yCFPHt/twV9LkPA==","shasum":"8304dd2340d1da1fe5517db4d956c8aee41ee212","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.758635ed.0.tgz","fileCount":19,"unpackedSize":66706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNsbaCRA9TVsSAnZWagAAyx0P/i8FG3+amDYIA8GsMKfW\nsQsyhpMLSWhpZnoWVGWEUNMG34ZYzKkTARftJMDkipUV0CIRit/B1LvWZw/P\nv9xxKrDSJn9bHm6U32M6ZFfPEZJyFGCNC4YUQbvfACaqzYPbXDmnDrg6SyL7\nu5wrDpBQXcy9iXr4+GCGL/+iyDGWAx+n2GxBxBBE3LOcTtm5Oz33S1cf8afr\nehp7itX6wzGwa2DYbMnXjk+jKu7sLOF506DVX8Rw1WjizZeFPsn9k05aYqks\n4jf6vOfsaj/kXIfhHi1txY3uEhPoX5ZuVFBWR35jq8x4KdKNsdijz8/k6Ejn\nNAulAWgEPLMr+J2qhVwPpV7EtByGIRjMXMwcjPcsi399y5TlnHtNJU1tj+Ov\navWtzduw2DOX6q+3UHOP6MOaMQ3AIO0ohV+aCL0qZzJf3RyAS8RKnXjFzRJ0\n/xIEZi8gXInN3ueI/gyBDwA6MiNWFZvlX7ax5yw2BhMxt06ldXzpEFfhvCS3\nTjb0Xtnwbco0NhET9qtmKfj0LGBi3ZtRH9I4k+FPGTjwyWhqGxcPiL380uYv\nRiZngCag4J/iHKm7wr+RQ+OY7hHf8NAOyIyPSdo1ivJ9kbYK0lvx39dYy0w4\n2es3aVBJY6KszTh2AzYs/xtaMQ9JQfNBluQ0YDxFEvb5kmPrEDlitgx3ROMO\nPyan\r\n=etyz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICFrF6d3YNrxRcQDT9dfDTYJjs9CIPgbMcDt8IlLhw8KAiA8uFm2iqZoJlKRBkWPGuPp9AchFPci4fS5QigbaYHkGw=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.758635ed.0_1597425369624_0.8985058899378724"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.18d6b808.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.18d6b808.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.150f427a0.0","@material/mwc-base":"0.19.0-canary.18d6b808.0","@material/theme":"=8.0.0-canary.150f427a0.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"7eb789f1eb17355bf97652cfec031e407c9e2fc4","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/7eb789f1eb17355bf97652cfec031e407c9e2fc4/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/7eb789f1eb17355bf97652cfec031e407c9e2fc4/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.18d6b808.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-sIjIh3dW0DEQAtUmUVjBIzCVGba+Enm4ScEoYgx57K1TMl976ZwicMeegFeR6/fPi5QvePk8ZLwgoUw1aQN95w==","shasum":"78a27b008819f74a7317d641545f9fa73103ad13","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.18d6b808.0.tgz","fileCount":19,"unpackedSize":66706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNxk9CRA9TVsSAnZWagAA4DkQAJoFnveuWC1qTaM80eNG\nBnE0MGwqo3Cv+az7NHGQ0o4H9Z9bsT9k6Ob9efXuN2XKGla3IzYrSXya5KlE\nn2EfDar8XYR8dVU7kFld4DVGzlJUAR/5dlR5krh/CoiaLwFLTY/46MWh84W9\naXAAHThxEuOQhn+mh1fn66AF3jGHGCwUtLyq+PUOJia1FR/oh646f0ZlMjbO\nmkjUIAcMFbLKC4q1MSfdzbKJjgNjGHdPOop9AXwQ84q0G8r6EWS10wdwZH3e\nt8iUoca7guD4IhI7aOlopjqnmszIAOjlqnVUc0N0RAAed4GHA4JCDv3BojRu\nZj9UURftiYaLzQVVg9WmNvHEKmuPTzI9pX9DjzjiGP6cCj2y+GoLX8JIIeIj\n1i5inhTPBDOJtXL9XLV2xJL0z6dCwSSQdCtsATee/Rg8hXfHVP5X66TIVbfx\ndkF1My7o/w3o8Ti48e5H4kZ3XpOWqkthGiGlqLdSVuA6oTThzTTlr186V0+i\nELWvCKD/+OgKvW1FklGCWLF7kpHPww1XjoahrBqnAPEk/CbHJ8E/d7ZELDOK\nqnqlelUFekeBKutoRshqf4Y4lcf46jI2+PTF6NTsbHRXeVpXoz83mF7Y88rY\nepDQSPUIDnM1oXEPHbixUvnDtrtSCh63LmMDjUsfh6Vm/8iSmm2DQZODM9S1\ne83K\r\n=M0s/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCX2Qamm7e4hz5Ft9TAB4GgMqcNqJZ6BYOmVHf/bLWuAwIgTdpcGfWQmL8kKH0ahef0/eBfo3Baz0SGLrYGtY3dDt4="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.18d6b808.0_1597446461105_0.5868306462694186"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.5f8ffbd1.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.5f8ffbd1.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.150f427a0.0","@material/mwc-base":"0.19.0-canary.5f8ffbd1.0","@material/theme":"=8.0.0-canary.150f427a0.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"c230db638d0171f7a47ff1f312ecc123b9bea4e3","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c230db638d0171f7a47ff1f312ecc123b9bea4e3/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c230db638d0171f7a47ff1f312ecc123b9bea4e3/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.5f8ffbd1.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-vNxHgCd8gcxJ+BRTXrQEN8gsgec2UBLmeFwun0WFga+nuq79JddBL5Sknj4W/h9ujp29i4KlLBCPy8ErxjbI0w==","shasum":"3cbcb9f3b5e604635a97204c4216c6896fcc915a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.5f8ffbd1.0.tgz","fileCount":19,"unpackedSize":66706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfOwFpCRA9TVsSAnZWagAA9HYP/i0dVAv9c44W370H0kqI\nwQErVsgxaVHdCFdfTZ5FbtIe+ttTAgS9/Jby67rgoByU/DOk3cQmgUIOv8uQ\nBKB28sCWsxaTVwM+wWbp2u9/Yaf0FgCBOjPQSagxcMI6j5e7Eb8p8jFTaf7h\nFc4MMaxJ3BPR+z0ELWb1+RJsezxjLb4pm0rwB0ootQl0WUUyHUCqfjIelakH\nF4oVmWdgul5PHj96Ca1b9Oa4kVIuPJgmY48H5scmQyEGe+sKLw/AuReSO8Lm\njyqjDU4U74J7Pmatyina7bzFT2K0xQoLVV5Y3KB3DAld7Jvj8neWnD96zpNC\nIvw4yGyyUqrKhtxVZyJxMZiVtpRUINj5lTONfHsnPTcG4FsH8WqZS8PzlM86\nCMcdvDppImuw+yEhR6jDyR8gVkCwWmcFrBWHBmlzG1CBNdpJhoXppY5GptRX\nyg9GWRHiuxmS1KLDJ5BM8boG+D64cyWXQzn2PoxIz6EB0ENPIylw1qVdtLdh\nl9jhkkoyIxGQiFP04HX1EaPVQAyBAgDIO75JlMF7yuYf9/xx873tejZYtSIK\n9orUyQ+6tacspSsGfAO85nW0uYyfc0m055xa1JHN4tLzd6KjKTVwZjg/npw3\nOmVsK0tZtCiyMhnBu0+fIUea7KEADHA+BoNpap2Yfeu708KqALicWXku/6Dv\nyMDM\r\n=m7Co\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDkGPsM9avrOrfmF7sGV8myLs0WafAq7z0rJnFHXxgJmAiBMb2iS16noLDiqq2L2uvyIjx6JeKKuJSLhpwIrr8j7bA=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.5f8ffbd1.0_1597702505086_0.49929613250619864"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.8604d59e.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.8604d59e.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.150f427a0.0","@material/mwc-base":"0.19.0-canary.8604d59e.0","@material/theme":"=8.0.0-canary.150f427a0.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"6b87d240089846147032623e302121a478088f7e","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6b87d240089846147032623e302121a478088f7e/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6b87d240089846147032623e302121a478088f7e/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.8604d59e.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-IJ+IFIBwgzmT78enXJyV1jj+WbrIx/lGhQChe/hIoz/cVSOU3p61ihj4HoRWPKhFnNctxCzavZowdbDkHvUVLQ==","shasum":"85673ad7dbbfffe463be6a9af9649890a08efc0a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.8604d59e.0.tgz","fileCount":19,"unpackedSize":66694,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfOyiDCRA9TVsSAnZWagAAaRgP/169ZFRMRXAuY5Ly/Seg\nGmyUsHnnmkA4kbTwdXjoCnQ6V6r6LOzFrsVZw66NE5PwuBPTCm2FJXPNVLId\nt8dnUv+PHSgyqCL5BnNQFxTq7iat1jAZ/1JULYzbRJlYJjZMnkVFP1p7J5mk\nc1cqFcPrAHugtQ6cMjJuxV6u+UapRfcbQzANXpSDQ1W8MdDEerbf0DxmcGK6\niGC+g1wBAl2JKYChqmowbjYj1JDhpHXZ8JULN5NEOmC1JqyBx6UGRVzEt+6J\nIn7OW3z1VKBzwozimawMIyHsr/PRWuqORj42cJDdiKcGD8AUDlAC/KUUaOcp\nUypRw9HI2Hu+uOsbObWWx9z7o1sgR0t52MjadL0fa/GcczVOAbtZMDq96opI\np9MqJ+PBy9xWiPyzA5HgirLhyaFcJhiRAXyjCZ1bt3UKlmBeJSM40vfxbJPK\nYOPBS/nTsaj2MP1UFGkOJ6+e99YJkLYh8t84WU2YBCL1aAfCO+VfcMbmL+SC\nC1HjioV20H/5UR5owcBDPMOnvxqi6ePboaGWF7TNWpy8/O3poOZ0VA/Fi+aL\ndhLW8IwrTWPxc6WCXGNHtQs/QZxoK1ZbfvwN//mTBFnag5Mq+qu7LTsfrl2k\nnTDluMPJcJbc+bx9VW4X0PYKb8H2/9Oq5H3WnVXz+z71FHBmEWB+TJ7HdatH\n0u3f\r\n=sgM5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD1GnE4V46Md6+Juu0DwN9Uhu8l6/KpAJC2Sxk3cNqxuAIhAKopelWzabfWKuh5aUcJwlSgpAQFEkl1SqD6eUO08v7Q"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.8604d59e.0_1597712514994_0.9488379095915846"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.1d7d5e34.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.1d7d5e34.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.defa599a8.0","@material/mwc-base":"0.19.0-canary.1d7d5e34.0","@material/theme":"=8.0.0-canary.defa599a8.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"e5b1904570278e726a75457dd1d8c9a30c98669d","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e5b1904570278e726a75457dd1d8c9a30c98669d/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e5b1904570278e726a75457dd1d8c9a30c98669d/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.1d7d5e34.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-x6olUwwl+6DMwMGquUhkR4T5ARnPXMn9erBYvOsblAaWpJ3yqxHN7wKk3rtIN1HVEWAqK9r0dgozmxgyepkFYA==","shasum":"f51afe2ea838b4f0cbdffefefd1d0aba55486fa7","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.1d7d5e34.0.tgz","fileCount":19,"unpackedSize":66694,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfOyoUCRA9TVsSAnZWagAA99QP/AjJcrAnd+8e/ZdjMat4\nXAclIRX4ExI0heVBqXe9u5niIotpTUn5rPFdn3o9g4cRnwQ2bYaeR4aWDD2P\nBlkXcjSsVpavHj8QnclHayGL8vt4JgdHcJUmIUvVrVlhhEurD+cuUfVWND+W\nLVjmk61iCaoEoE2IWVeCc9qB9L3ZRMl1f8siVSF9c+zdVUgi2EuxT35j4s8e\ntleh8ooS7MqvNDthKq3RVLNFAmc7cizweBZk6p6Jtv67PIScuZoHnQR7Mp2J\nZ1NF+JyYHB8GQpew3zxP8zoCNF8OdJclppQy1xDEEyAboN7gRMxwGGquK+WD\nk5AtgLAS4uQ6x2R3b8adTsvr30EOWLc/YQvFC4+TvJtQxV793mC26HeO7nZt\nM30srpHRAoQ56fkJlK4avy7fcLhqxQghIW7dXxE+Z2He/QPJenvd4YOjjd3h\nPnmTFxldlB3rdiPjOnKpRFV0E5g44FM/mv9els2uXXYC92V6x5m/AcDrMrSl\n+wgIdr4qIPR1A/ewyoFfrfqxpdvvds4RWQIibJZSQsWeUYc3bRotkAOAEqJT\nl9pAyUJ1yZ9/JjjMppJUgmbo5/u/JESvK8+EYHdHoNsORuym13znI6K4lj5j\nkcyhd4J9cnyAij8BA/NDlG1eEzXpIUs0STcIqM/7qXWsm7svKm15ACs9JVey\nz5RN\r\n=e9KI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDsVsd0aeCTdGtb/iUV5J38Fl3SeDnTEyhmlW7XsKMDpgIhAIB8aZLjRzdVy2D0B4b54Aha1X6rFPTDnmCLQpQ0lIRR"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.1d7d5e34.0_1597712916497_0.7600559056559588"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.9cc95c07.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.9cc95c07.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.defa599a8.0","@material/mwc-base":"0.19.0-canary.9cc95c07.0","@material/theme":"=8.0.0-canary.defa599a8.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"48f9adf6b09d7b2532669f3bb466d2dbc3970990","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/48f9adf6b09d7b2532669f3bb466d2dbc3970990/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/48f9adf6b09d7b2532669f3bb466d2dbc3970990/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.9cc95c07.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-LDg8UaW3Ll3BU/MqEGUkK2JB9cL63Kn9CvVSMpcXyn/LOjWqUqpCM6KsetTuJ39D7T8/xBlgVV0W0B7DfKmuXA==","shasum":"d32847f1772b7ae8a79a1104c387d473b9b4068d","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.9cc95c07.0.tgz","fileCount":19,"unpackedSize":66694,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfOyvcCRA9TVsSAnZWagAAoVEP/1xQLSMTECWSUQfex7pz\nVVYIJ2Sd8l/FW9Pb10XfEg1Lej12XZCiH/Mm82QtDX4TZZbUUeXu1ulFRwqL\noMVLpZSz8CBuPfTc4bnBrKaizriCfZWOXfW98R039SWJTebu1P74QHOQBGTb\nXNG5S4WTuUvGuS0BzOwX9rJWGqdVMgoNh4L7n7V4OtMSP7LWiOSFGPh+zuri\nHeokI33uUONEsPiEJ9/49TFvrzYH0GblC/f/krDbXBIikMpX1hSVFnU1DJXF\n+a3FgdexpjldxdaztihqKZeNGL6Tm6Tw3ZYLMmJh6G5WUvx9XNB4/rCTKZMe\n2YZqCSuA+9cIL2GkMtFmiI0QsGFgkFhKtXn7q5ffuXxzIVulkc4cUwFYjXkt\nZAOn46CvrTqBvuLBji8xFBDfnCxpA9VGPE7GVmIRGnIWDN0HSdr7U02wNKk1\nxIA1D23kJEkpiInFKBAkDklGUoPlFLPSO1W4nHBxms4UmbqrlwMEV9oM9/Jk\njqaFwolfu1mM7PladGEjAr5ZyBfbBnIgeixlGScvt30LzBNHdhEhFXtqIkqL\nPCYhnMEzxyoWCrj/4RvyOwY5KvXaKcBami2Z0laxtR1UkdCxsY633yFU0zEv\nEJp380PRFrdj1HAcoU9eibGIi0v20hd6USoOMsBVKxu0hEV9zUcFe7+ZfugE\n4Ygl\r\n=kGhU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDXnQ9OJNE41c7FQlow5Tnczy4Uqg7jyjah1Aln8n4B+gIgLaryMe7UzFznWqXKCAuJz9jUPjSYcJ6u81Ox14XmWw0="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.9cc95c07.0_1597713371831_0.3603864584146801"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.9f65ced3.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.9f65ced3.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.defa599a8.0","@material/mwc-base":"0.19.0-canary.9f65ced3.0","@material/theme":"=8.0.0-canary.defa599a8.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"5aed2922c67f2ad7133772e74310e121b406dec1","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/5aed2922c67f2ad7133772e74310e121b406dec1/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/5aed2922c67f2ad7133772e74310e121b406dec1/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.9f65ced3.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-kHRMMmpTUb2j3xwJCn2T7uZfffjW4yrf8o2AHZwNSp3dmhdfS/BVP46aIIIyj6rLX87JCATFZPhvdsmmMC8VUA==","shasum":"9266b99739547ddf992f3ac62dbc5644fb520bbc","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.9f65ced3.0.tgz","fileCount":19,"unpackedSize":66694,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPDbvCRA9TVsSAnZWagAA3Q8P/jxQ0otF6Kc6LK1JoUP4\nlJwB5l5QWXwPdAlPrkhO0yr3l5Fs+7hVluibS4leesCxLn4HOlQdn25UPV5c\nXg2a1sJNaWNVz9jmJJDJKU+ZyFUzMg/YFGJlc7ZQC2ijlL5XXissjjvlLmqx\nizAykqwAAqTvCr8LtxrG+byYje6hDp83H/ae2enw5tbPEqTKxAZ9Vd42Hih9\nwnhzHjRlo2vgr6DqIfX1tew/+0P3H+0Ay35C9Dq4YbJ2DbTiTre7UM4ApSHw\nklDefjx/ouvX9kwqF3mFDRCMckxgpQGIia4LMfKAzYKq1NkHvUFS2Yar6tNe\n14aeQqHx9jYjrOeyxbkEvDb9/eP+p+PnVZjUnhRGDs9Mu16P1SVeHhTBxfkz\nU7YH+aHUztiTgowenXd+qnbtqN6TzK3ttfSiVywPOdYVEJKBMiUtBOEMfzWZ\nv65dvONlzwOeKg6rsGFjhBKoaXYdhmnSxS0SsmF0WbHmAQ/jDmANbXIXFsy0\naMxBGzOqiQUwgBbXLcT1a46NHdcm6P/Rjgpc6HvuQk68NVmka9A3DaJVtOkc\nPMCTEMVShUXp8ZW6rPlIgCoAvwAr+MAxKIBqNoShbAQDhQAQKVoE8DKU0Spj\n6bSP6GfXPSAa0dBS6tMhqcbLmB87n8PCEV1bv9M5JRJ8rGPizYIOClvD8Zyu\n2Xth\r\n=Mk9m\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDwg3RUQQ2eIosYGnCk+yj66EMbaIgZInb6Bi9dCDSrMgIhAN7Y4uAuIe65QUgG7U7PsYe8i24J/LKntOvAiR7pw6t4"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.9f65ced3.0_1597781739944_0.22788559077456005"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.5962b365.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.5962b365.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.66b8ed7e6.0","@material/mwc-base":"0.19.0-canary.5962b365.0","@material/theme":"=8.0.0-canary.66b8ed7e6.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"454d30885df0a3162dac8184409307ee571c6215","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/454d30885df0a3162dac8184409307ee571c6215/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/454d30885df0a3162dac8184409307ee571c6215/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.5962b365.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-etYIobV4rMSijOgQdpvb51T1ZFGbxUhSYdXVr3OWJIUtbDoBCEz0ez3t9a4M/wMObMMI9i4J65m/qDMY/TNvOw==","shasum":"c515920ef87f43fe078248f2ec800f65d54ec077","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.5962b365.0.tgz","fileCount":19,"unpackedSize":66694,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPYtlCRA9TVsSAnZWagAAQWoP+wTt83d+9/j7xgdqfsOb\n4fpxGlZMqz600QvSy7LZ3dqc+ZvmhtaaVTTbckK9cFLd/tmAMyhGAXgoGlj4\nXNL/N0flolsOwqBXGTiM6G0/Z8xAgxz8+4jJOsanjVWGialtKcUVsWCRzIdk\nnyzqP5q4C6Xlnf1kLBJDPLYWRNRoCT4s2xlgvIkvU3OFoOf7GEupyDX8hikp\nXYoc1MtA7h8a6SJWX50LfgX8WPEK5G6MJpl1LuWp111cXDtoq6cn4qYWIyLE\n67pWSmY/D/mAp5c1LRJOIzcUHVJgHGE/xNwtxiDEb3VulnWDbdZhAI9vyjSs\n/RZuMkv9EOQxsTHVMmknCXk2A9hRqm03VZ9hjIX9XO8PxCIHwg3r6LmDMxyD\nPKGwqxnBfrMVNXAf/H7AQmYMQ3DjfujkxIsoqcEsng3BvizHgJExBwPsp5A9\nSd5jLwqwZLt+EMuicLY6BymX3TQkW0S/o0ogAQ02F+jJypu8iO/e7Shh43CG\ndTNeQy8yqM5V9SgVTsYddN+BPZAXQDXDpXdWVHJ/w9LF6FAfw2n3SieH/YW3\nBKirPOPnlCuyplhjGkeANWdzVFGKIgyYD6CuHGbpcNIe+qXRVA+kM8nDX9dE\npTcZRuY7d6nIiga4ZFSAJICaNW2/HEEUF0Ufa0j4W90TEIDCQafOPSvU6+CV\nuyN8\r\n=MrOf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG7aSPb1pcruzLD1txBKAQu0rihelIG6xLanwMWFQEVIAiEAseH/GPI5HBVgNtijrIYgmysm2KbOejdDXtajsSBm7O8="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.5962b365.0_1597868900557_0.6255722209800287"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.9c9ec756.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.9c9ec756.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.da72839f4.0","@material/mwc-base":"0.19.0-canary.9c9ec756.0","@material/theme":"=8.0.0-canary.da72839f4.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"4c887788f2cb30e8b788a5cb0a1a13dcb78a0961","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/4c887788f2cb30e8b788a5cb0a1a13dcb78a0961/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/4c887788f2cb30e8b788a5cb0a1a13dcb78a0961/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.9c9ec756.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-/XWj3CWMS2HywCAME5PYWgF41EmcB60CUhlzL6eGBNZUlr7E2+6lj6yyCZtBLjfrb9HDGRzi1tIJ+1/AmNCcVA==","shasum":"bd544c392b13e02921de606c8a05d91a240ed80a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.9c9ec756.0.tgz","fileCount":19,"unpackedSize":66694,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPscgCRA9TVsSAnZWagAAE2MQAIvfcz7ci6DgZh+tbJ1z\nsPYhBE+nhsckhptF9L3/dpXnkFfOG7iJoBa0d+q3Ov0qvdPa0vjCeN+Pgaph\nTnBJEeaxUtknJ30Umx71wlM+3WjiAGDalNTDKnkJeoMCNJakUwsR9gXtWvw1\ny/DJzQZL+XJp43Vcmwf9XbqFdsMtLpVMowY2fqWxNYWqDcHDIgWVlQDUxQOi\nfDAPSjNF2DOomcL9KbWaCvIgTqurLYXSvcuD3c9iUTMLb4B5WVJZf/hoX0u1\npYWUN+mnArYf0xLR2C087dP8EH/7eNQwTjlXpa1yrTNZkEAibcykT8opry7h\nM/Z+arMpg7C39a4oohM8qPbiqDx9DLiMHXkcbJb20K8XiUJM/i4x9ENt82ne\nXPvdFCbT7pxqm8LqIT8wOFgaV5xKVmKGyRg6LETJyDs3ydbXNnY/QrOek3AP\n6St6wSf8Qrybglj9o9cpL6shnFDV4vsEjHXfpXc81KOmstBkABxjH3/qGDOJ\n2vS7qultbCF50iCh1E6RwmzyKlETPLyCosI0tSk/l7OJ0vIZ9iTUMDdfzygg\nEXbA/kC2QqhRlPb+BYVJOCR4936TfpsGpk56hXEF/ZfErHTUGa8js1ejyYRZ\nRFgoCofSO9Z3Cry9OzBgbrbq0UmgNw2Vkl8RwNwwSafy346XEwQDxAiNca3g\nOFBz\r\n=iCY0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICQQUkJSR7SNSjLLrOBShphllH67pP1uW5UrZoHaRXI0AiBDjCiAMpFSF01owwhXIh/FY4xmNMDz8orQzepPQ2F/5w=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.9c9ec756.0_1597949728385_0.9247333909534656"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.fa0ad66a.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.fa0ad66a.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.da72839f4.0","@material/mwc-base":"0.19.0-canary.fa0ad66a.0","@material/theme":"=8.0.0-canary.da72839f4.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"d4020241262a9309827adc8467ba4c499bfab71f","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d4020241262a9309827adc8467ba4c499bfab71f/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d4020241262a9309827adc8467ba4c499bfab71f/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.fa0ad66a.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-bMLUK+ydb5mg5jO9DznzoLpc12cUpIAUcd/Zg4zpPyTaYYth7DTpEQU3ytP9WbfDTBkGrt/OVyAgZ3Flq/cBWQ==","shasum":"14c001ca376de91e6f10ede2430169dcbeb3b6cf","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.fa0ad66a.0.tgz","fileCount":19,"unpackedSize":66724,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPt5fCRA9TVsSAnZWagAA2O8P/A/+DvDVugCVhBVbj8hN\nqzdXemVQrqgcZUYg1TMAbar6+bvsZ83l56OKD3SobjfhtWmstQD3ZQUHzb9F\noKSMXT4NKoMGVTjMd6M90Bp0GuMSaI3XZnBob4oFmzO3Bf/68SpIH5BEeOCD\nmSSkb2/32ZxvM258Ys+6Zbboj3ZUnM8uHzmbFTtQLtjrTRWpIxryl7vpwhFW\ndoGSlrDrz9fmJo9TGFv5lREbxXSBHGfW5soBWvKBxPQ+MI2KV8kjBpRwdMAT\nQBEjclyldsI5KrkQ/Q8NY8D3a5yddZ/T9AEZt5Hy7K5C+N9O3En66z6qIYcX\npK50qY2OTGTRrzob6Cc2y7LPAgLba5uYxIts36TZGyfS2qu/DnGQUGGG8xG1\nWErAmBn9OD3Lud/jmI4UJbJvGjbw2kiUvR5p0HSI6nBaEnh5E7yAlOoGRctC\nZQN+/YrZko6YQdkxnieDH9OBxNeiikwexpi0D4wHxxtVLDV8T8ln3IruRzOG\nbgUiLR+8RDj/OjzH+kMfFoTOrH1R0LhW9vnntxhJC4++WbNbSGFhGFOPGbMp\nDJtm1bus9IdRMKhZRQ5JPgOzZWnLGskXq6s2TmA3Yy6QZaD8YaF49GoLdYZ0\n21aJpEBz7q5/VOZ0utVJ0T0ethF/8f5fZtkxVKvojcfdBnUKTH4XCixy1TVf\nOR4X\r\n=dr09\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEn+pl0Yy1I5gwJj/ilM8BX1cmcWpH0R7WM+b8zGkDqyAiEA51p6nE/2s5g6F2i52XajWaeLDzfNoj5nOAA7yyQfHCk="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.fa0ad66a.0_1597955678902_0.6667227203492179"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.06ecdd6b.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.06ecdd6b.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.da72839f4.0","@material/mwc-base":"0.19.0-canary.06ecdd6b.0","@material/theme":"=8.0.0-canary.da72839f4.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"35a2331f3c8450d35506d4f0b54075d121a2670a","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/35a2331f3c8450d35506d4f0b54075d121a2670a/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/35a2331f3c8450d35506d4f0b54075d121a2670a/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.06ecdd6b.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-TfDCLKmbwheEY5P+npAceE4F6o1qLdW+UkOZvf66TsD0aCGLylQfoFwmiyn1x1sZ/5RMXtsqzAXRGMGtoNIRbg==","shasum":"e8fdf9a90deff9917a1ec5aacf316da5d076b810","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.06ecdd6b.0.tgz","fileCount":19,"unpackedSize":66724,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPuwxCRA9TVsSAnZWagAABp4P/1dB6p5w1Mo/hJIEhJXb\nocCIZxp/wRq347/SJH4VdDEduzmnj3r92Xj7G+Sh48ggWrxOPTPRCJjoTtGQ\nsLPQ2dnHScGwdjNddpV1S3UyLthv6aWmXfYkaxfHyQcCdeyDuNdC+Oj7dOcu\nqMhp26KAIgIMf/9OO2vBgtB9smPKZv8pNf+VTLVlxgvLklCdkpGFilqMh8dj\nR4eqV9w0PJLZx+WGrkj1KB5ekKKRUoXwvBu1g1ds4bzQRAxg4I/UC760bxZX\nE9C4IdQuiDDtTZk5Uxd/lgtM2EM8y5MXvtB2xhlOmmSwdvJljrNHYXBPtqBu\nnNkv8TNuwdLEqPfg/bgoqou4HtQ9utNhH3ohSfx3oROnLim9AWtlq7yN9TFq\n16QyQytnNNs9FEhrXkQerl+xZzpNDF4L1s4lRHY8JEwXJGXw2xZVFzpoMBQz\nxD+JF5XgJa0vtZkPBFMiBQZuDALnB1HIEB4Ho6YPgamc33F40yQZydQLfkOS\nWh8ZFJMpzCAqJUYI2Cgqdp5LjtI+eWGPp8tLp/s/BtE/5/Z9+cKUdpObOGsj\nQdWVo3wHpgqTCoclfHlWlPr1NxRPFRovy+uYAOyjQcM6YCVEkxMzLFXey8Ht\nUzRrmH4uhH8A3vP2u0JS3lzVElK6ONdOV2WYvucKlo0G2NXwQHT0g3a4Xbtu\n8Z7y\r\n=JIaP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDhTz2cu0Y6wYr5UGScmqCKBIAC793LBPtp2DAsqEJsBwIgaS0DQJM3R/meQtA/bcV0xn7rI9AX4MY2MUEY0DUPVbE="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.06ecdd6b.0_1597959216842_0.2621286288285867"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.2bca2318.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.2bca2318.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.95e4eeea7.0","@material/mwc-base":"0.19.0-canary.2bca2318.0","@material/theme":"=8.0.0-canary.95e4eeea7.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"2e3f0ca806ce8930df2251177b8dcedb9deaa8d7","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2e3f0ca806ce8930df2251177b8dcedb9deaa8d7/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2e3f0ca806ce8930df2251177b8dcedb9deaa8d7/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.2bca2318.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-qrPVLp/j2BSdnNzH3SfE0IP76POTvw9rUqebDWmdD+Hi73WoyrarmWcngdDqHlGozkopYQ/OKvB7VdZfzQWbng==","shasum":"84f1a15569a730fb6a79a423ce2725d0e59b8c7f","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.2bca2318.0.tgz","fileCount":19,"unpackedSize":66724,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfQAnACRA9TVsSAnZWagAAqLMP/jt8X0kNNarv3TABmTYN\nSvIxcR5yk5tIVmnzMADQ3kSKojsr+RJrskmH1aG1f3fJ/mxkNzVKtWP4au1h\nJ1CNiA+Xz1yt5J7XOHMrOoaU0IJdtqa5XS4GP0cDdcgfmoy8etLpzVqX/p7f\n2dfIO76eHdUrgwhrKDCuutSXjeWGOse+pmwLBZ1QqdbpO55z+m4srvCqshmZ\nmGC4frKeloySIfUg4mnGLgoxDVYXNQDjJ5W022X0S9Ekp1C4+sKtcT7t+Jb9\nDY3pK76VGdF35Kg/57vnscIp0SBLwZsn3lWcvhxDOReixjHEuS0k64gEVotg\nwdYL+J96MJPOvSnZMKvIW5guRzW8NAoy/g/E8VMCx+jCEYTa5gBrZ4TpYgXp\no6tI0QTa2B59qp4jBlSaNblk0GjcAyXhrJqAWm/cQsMOAkQCnIiK36mpFGYi\nZ7gfuiwNRFWVDK25YgXz02NzUqEHur76NVp4oL7uwFWmkF0sgwlwk9ciRO0F\nYgyxgcqwy5c/Z6ZINxtKzpdtDYsCzZJOAB/PoQoUOZnzJ1EFBNUauv4AMAV7\nyGveaZlrFsqRzOzzyqT/z9E/JMoaQfQnKQ1o4Xe8jIFfRl5QGkjRij+MftkV\nlDrCnwnObsi/bhQ12blbLB85PGHtZ9w6eGC4oGEcezVITk63htLn61PCz2ZZ\n+85O\r\n=6TSB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC7EWbmsS3fbsymdk3MCymRBGjwjM3abwEuQPW1ieYWhAIhAIGy26MaNBmJ8UGjiwOKcNmP5whc1eDH+aZwT9MQVQ+N"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.2bca2318.0_1598032320085_0.29483741277539965"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.6aa47265.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.6aa47265.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.95e4eeea7.0","@material/mwc-base":"0.19.0-canary.6aa47265.0","@material/theme":"=8.0.0-canary.95e4eeea7.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"f13aa269065b757dd289dd89367756db80da1596","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/f13aa269065b757dd289dd89367756db80da1596/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/f13aa269065b757dd289dd89367756db80da1596/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.6aa47265.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-FLsBX7oDBgKh1Ecv0J7nqIhh/Vaxofo7Z4COAcfpq4hfCVOAdlrlBHYeoqR6A2Jsvq2z1s67PIqm9v/NlM3EPQ==","shasum":"891f922a11b03b8a2a7733190070d0187897d1c1","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.6aa47265.0.tgz","fileCount":19,"unpackedSize":66724,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfQA9PCRA9TVsSAnZWagAAzcYP/3ibV4WRcL/UBSNymHH1\ncipEIKurUGVdirpizs3iOBLs+HrrwBc8eQMuoSRANwtn0hHyhX1D2VjCplCC\n6X1iq0SWSClJ3i0v4SwhueKxmu+xtIkGoA59uJrO2uAIrzNihGu26DA+Qha8\n0q04jiAMmx1TeD12Hyl0uoD5OjkbsQRllGSsIOEHIFA+304xNxcxyDBAJvQn\nJepDQXLJCgBCrdlQCspBbUFygNKZ1uFFerUq10uVc/RxRMJoAFS0Es9euWEZ\nKQMVWNeFGXIzbTVIJeKteHXNwcdp6YA06dl+OdUoDSfMfW4hBzXDx+R23pkB\nGqCk+LBAG9ZMyFyrNbpO6P85V1tMIdygtfQa5ThEYoPKVLffy/sM/VE9xnk3\nGsEFCADMpDyxria+e6blZCPQ4+ds5gTxr++R16K9NcKzxa36V49iiMN0rmte\nJSzbyNfslwTmjnsez9l+91Gq8skx7YIBiYwRs4aXMRwO9hBprUuZIiXdgH8C\nknrnGLD0x79f7LriwKuI/Y427liBNCVvsNcN7HArykHEGERL3zGtJ10rUrmy\n2xlb5mTgf+VCGrnfhGlX30dJmzX3vlITBNzdsK1AG/k1nzEQG9JKS3mjl6dB\nILnUApA3w788FhDGDu2ck2sGsAEdfuMfFHXdJ2ryg3e3KrdxyIRiRpnejGML\nK1EP\r\n=1D5+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCx2J0yNbg8D7OpjbANghB9HhzD/p6mTobh0MnllGRTkwIgZMsHAYz7/B0eGVa9zYYmFaKiBmwrlFkLxKozlhEei0o="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.6aa47265.0_1598033742598_0.4312940826315834"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.e7202a07.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.e7202a07.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.95e4eeea7.0","@material/mwc-base":"0.19.0-canary.e7202a07.0","@material/theme":"=8.0.0-canary.95e4eeea7.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"9c2f6251cc1ab7c3f27cc51409b86305fd50bd2c","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/9c2f6251cc1ab7c3f27cc51409b86305fd50bd2c/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/9c2f6251cc1ab7c3f27cc51409b86305fd50bd2c/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.e7202a07.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-RC++RSybt3JGNVQZ47qQwZy+Qblbz8sNDiBJ/0RgBhC6SShoR5Gurmq+zOMuwlbyCXsYLTWTyOqolWS8yy7Fiw==","shasum":"0fa80bcff0cb70d4915933c556f8d85bf529aa1a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.e7202a07.0.tgz","fileCount":19,"unpackedSize":66724,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfQB8cCRA9TVsSAnZWagAApicQAIf5iVF2KEOnKxLrHile\newyS/RlxUKcnfV5ZX/HrVnZFhc1IOwooKKBY1V204d0F/+DOe66/qhZrG/67\nD5Q6PGyXETSJipDWyLqg4vvfLTelItZWw1bicvK7y+RYnLkOJSDphNNrC30T\njQUvYMepZ6Z+MFFRGlEQQe3MjKOKrc0L11xZmGbyzYiVyUJqDKZKZ5INclAn\nm8mQFsGtj9jdMI+70FD+UUo7yRmr607fN17WKRZbOwPqBMmroTEWp2trx5/+\nuw6eAc9/kSvA8bnYaGaq9DYtp9DJTNLU0766KZ4Tj0MnPpv+iCFUMo/KBUQq\nB2VSrddt1N5cSsT/gAaip4L1B3wqq3xXAV0UkxWhNeHjKPF+sHEsGpEQmZ0f\nY1eoLrgSbtjO6YyzpF6u/H9fkyWwaoLSGDsIQY5DCs9Wr49nrl8F1TAUTU+o\n4TvDRMPgGQwP4UZVLYmU59VHSGbixEm9Z0vksd4xVV4AdpZfGDB+kF9KLOa8\neDrVtyhSVg0TOO3pdmYX+2omjMwNIgpBW7by/QOPS1QJQ54TeS71aE9fIQR6\ndgC/OgLWC+ZqLaRVTCMUCSbU5AVuqO9LBliGdfVzeuYbueSnWw7u1nJGPPc+\nYoK0bndOZGcTJyXBL7KHcszFviGxsfUAlDEV5gXO4pUZY2T3P4r0D6o9jSzE\nQYyG\r\n=HMVI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDeFLh45nmcHBDOyw2Gn/PBdzofunxDHm9Jgtni/SI+jAiA0b0H2lxTGhjfDxJUsob4PW9UXO/XkhBf0z5wv3eCvBg=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.e7202a07.0_1598037788376_0.560159576600233"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.f208201e.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.f208201e.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.238216fc4.0","@material/mwc-base":"0.19.0-canary.f208201e.0","@material/theme":"=8.0.0-canary.238216fc4.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"c666b3346918d8521008d20fa3c20b4cfe3ee481","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c666b3346918d8521008d20fa3c20b4cfe3ee481/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c666b3346918d8521008d20fa3c20b4cfe3ee481/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.f208201e.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-ZrRg/Dicl4K8Bjc2jYDFgyOOBTHo7JRotV7N/gVNcS7HwOo8E1KFus+q7vH42LzlkcHJg2frYQC1g7u2GvSM5g==","shasum":"7ae58bf6929d00161620d9ebfc446ea9e591e458","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.f208201e.0.tgz","fileCount":19,"unpackedSize":66724,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRA7ZCRA9TVsSAnZWagAAoucP+gNQ/vxwoBEnXrgaxteD\nX0D2wOZmeqQfBzRdWjNJXEHkJ13m8reoCuj9eE93miEE09yKY76lD+eGgIZ6\ncioF3HlPnGKOs0CNAQlcbrsWbqj0eqjcXDWcKKTXqUQ5gPkPtB4C30q5eNAX\nAblgR9DrwdscgXhITzSlbwPVBl514xGRo4DW1aLO6nJVqH271lFCH2kHXzYV\nR9Q0Ofk7dAtEKbW8H4bZD0EeatrxC2gYDap21QbMlA01TdhZFOtvR7dJQ1x5\nxR7kL8pk7CRlvYQbc1s/ekLcyxj/xvyMgH2CSeh6lrrPJ14MviRhczs/2ozb\n/VdmiJhwqln77C11L9dk5R0LJOEAaFNb3VyG/Rn1o3dFFbEhYo6pFBDcOHNo\n5FHeZy+qwu7Q3ieR9MjO5+uxcDPUCmThUqkAfWGrh9VOi5qcN9cJm5/w5VOP\nWli0Yi14pn6fb3czvA+i++qd0uVvUdrRekLQlxoACxSh7GXOj+4DwFrxlqSj\nhP7cO8NWw3N7u6QBNfhhNN5SMLv3bC/TuK7YaPoSTvwfDiak56YVmuH296KY\ndHI4QNdrfmg5xHQbzgc9Wj9sNYTKCjikcnR92LJxwcBmmHzEhPl6WU+wdX8/\nmov7/yz/LLeR1OH/yvDwGo+VPeWJcGzxRtXeijfDT1+XFhjTqVEkSuEjbxF8\nqgIy\r\n=yO1G\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICTGGH/DDuKuBhgh+pXNjzu1L9o+Dbck2kkgQMPnrP2GAiAiXQiyBrAxPGF+hTJmTzg8rKS8OyTONovIXFyTqnfnJw=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.f208201e.0_1598295768763_0.9531395600919021"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.14a172db.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.14a172db.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.238216fc4.0","@material/mwc-base":"0.19.0-canary.14a172db.0","@material/theme":"=8.0.0-canary.238216fc4.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"dae488440593f3d8bdddcbf01a3a6b5343d88761","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/dae488440593f3d8bdddcbf01a3a6b5343d88761/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/dae488440593f3d8bdddcbf01a3a6b5343d88761/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.14a172db.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-/kWcjxRxYIS9I1xMlOCWfI376tTQLVjE+t+QvRDcWjAPwjrjP7uqOSRCogKCbPPil0BYPQl0rNQmZ39aMoeYFw==","shasum":"54218f25e370348492f66e2dbc539cbd6b84810d","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.14a172db.0.tgz","fileCount":19,"unpackedSize":66724,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRWrKCRA9TVsSAnZWagAA0hEP/01whdQjz+MtwS6szojl\nc44hmq4+onBy5lOuSwAns/ExynOr/tbirLUqs6vpEEmxgwws5sZlVboBRTdP\noxjmTrzIK6PRNG8mr01jeUtUKEOP23AXtmYdoubzCsZCu/xUHj28QS4R60x0\n3PBw+RTUQEu7wL7fCuR7aRv1BeZUo0A9wke/oucc59ZxCF2iYEVlBVpAhULa\ns7B0oZObzonEtnket+4awebYZ/R5OR4eWjROYJCQzFRYx3C3SxWGKJPdNy7V\njmm3YvvkTyu/QuAdyZhDhL0ZvqGVSi8Wwe4yVntN9b3cVrgjNTqBdNTjfyYs\n9m4DKCeiL06EV81N359kTGfmqC6IDyy8BzazKUfbxV9sRsA+rjumgYkWRNDq\n1Fokn9lu+L1DGbbzhp3jqPIcu/A3Yf4ipAZ+yMmMLiVrOnv+nbmRSOMFBkVF\n2yZLfT6vOCTByDLWRHDWx7uBOHBUW62n8ZlWx37/xHIfzwFis16C4KPoNsUk\nFpmgVTDNvOJN8Top12x1wCWp8EONPD0abAcV2sVw7WyVeFX/4lHlqMIvqJGh\nI7xSpb43O3kmkO5ffgh3Z7/Pc2Bk6KsS7Vwm+qPfDyd85kveq+pKxC9C5D/m\nW9YF+WyOk06XeUprTZYEU5LP1kxABGgVHfhFoRuH0Nt4/uItoxqjGImoqvVL\n1bRU\r\n=94c0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD3CKa4hfjc1mwtNS6KCWmoJ7/tAWnzT3CK348k6iCN9QIgXRTtUGZTelPzBVEV1jty2+68JxQSI5SWPLPFJvOE3Fk="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.14a172db.0_1598384841963_0.863481718555271"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.e6c1038d.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.e6c1038d.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.a1c65593d.0","@material/mwc-base":"0.19.0-canary.e6c1038d.0","@material/theme":"=8.0.0-canary.a1c65593d.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"6629a242b77f90688959f5a54abc55be3a2dae2a","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6629a242b77f90688959f5a54abc55be3a2dae2a/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6629a242b77f90688959f5a54abc55be3a2dae2a/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.e6c1038d.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-h5mi+O6sNQOrModIBq7QSpEQQNF8nEnDqHaqhsQMWiBINku8WtAXOUk55CQssrJDvEyEz0jc32NZp3FySUUX2w==","shasum":"d358a2196c99361e563728e233f91ded274a74d6","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.e6c1038d.0.tgz","fileCount":19,"unpackedSize":66724,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfSAtHCRA9TVsSAnZWagAASEwP/iQTs/FaZV/ARxdBWadh\no8vqe4YIiOQR4kAOQlS1nETtq24nFyowj6qdb8BInaBWu45h0BdWt0gvGcnn\nJEFy0qJf5h4FQ7EKQyeu2DvSHx0RHkxQlAdDQ04VFr+8bt3BpQ5DXaPwF1Qs\n5xKwWhOhWnw8CUR/j2tJYrDWWjsuaWUG/huynrDJuzMiJEZLq1aRuC1c1Ydm\nzvsAYGLhFhtILUhEHu5HFspNbiZZYhyY87v+lVJNKkBgo1IZSMfVBz1zEtUC\nTahv1Dib+h8aA+QgzVpZgKdGegMh/9PgpaCpxRhlY5cvoLpSbcO9rZKBNlLM\nz+anrpRGTmo/kiS8/fMMZ5gVkT42N7MnjfT3w5fcgx/CWTMqYUvtcxJznaoS\ngCvpt0VUOxSFInixdgPbnpwTg4Yg0Gz4qS0PmU83US7VnHJZkVFZhVBZjjN+\nqnPYg92tf5YbYs0jyf3ITorOhBdYGhNrajtPIKa6SlucDu6vERghLdj987Or\nkPDuEw43sdwHgnoXb7C0C8NBYn38Cejt3hA+NBs6qwZlGY+Ve4s4wt1gO25N\nTDNhkLzSfPhaCL74bFAMQNZPg6aGmpHoS3Cc31pYhOn8XZYiH42SD/N9csXk\nb4rLleCA+d8PmHzjThQdDKGqMrSV2Dh4agEhBEU4P5hYlk7yfmZTOnBK36QT\npcb4\r\n=nzIF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFXIM2pk4cHKeSF+r2RHOhNO3mzfyAeMkEdeQ863cG69AiEAlFcoObDubidHVdOTdjzs4Y7mL6ANLCWvam1t+ry0Ew4="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.e6c1038d.0_1598556999265_0.2811301629839744"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.34012082.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.34012082.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.238216fc4.0","@material/mwc-base":"0.19.0-canary.34012082.0","@material/theme":"=8.0.0-canary.238216fc4.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"2df5ccd57b9ce1a3c2b3ddda99e7e7d8b185ef26","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2df5ccd57b9ce1a3c2b3ddda99e7e7d8b185ef26/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2df5ccd57b9ce1a3c2b3ddda99e7e7d8b185ef26/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.34012082.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-psVhNRJo8n1HHBrMvYJAeUxOpemRp/iTok12BarO1h1Eg6a/SbVaYuD1hFc8fPTUvcKcOOxVx5ARgnRzPgrshA==","shasum":"929770b61dd4de3900bfbbc745d887ceea97844a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.34012082.0.tgz","fileCount":19,"unpackedSize":66724,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfSA3iCRA9TVsSAnZWagAA7I8QAIEEz+p8Z3DS7wLnIsWb\n7KUnG2PyXC5/345wdgh9oetB7ZGOGEvGjKm8CN99HWSfzCRYio56cW2o7Xd/\nShmdTpEBbivoI4YE8+qD5qk2Jlmtrf63xyXij26k2LDQGvJmxs68/Zv4N0Nx\nceTRYE1+DkRVVqVoEEpKWNKS5ZuXN5V2e/XCJ1h6J0oBBJfAyQYag4r1oEOi\nWuphRCEWMUjXP30IpsHvdsz+PDu2IYazY4UV126PQieomDP9pn8aVQYBv2FG\nP7WpluBeJ03ZM4neXg2smXNOmTA1wGNwDO9h2aJ844d0StzvorvuQi/4zLxJ\nfrdhC2wFXqxsFLKE4ptgflJo17KtcGSMwGtGYIzaPgT+785kvzhZD1OU6XG7\nig0hvxpWeeJXANNd3haGRqY9x5iIC+hvG96BqqeJkS12sqNCMS4sGmNb7Wo7\nD7QNUmQeCKXL/s9Taxq8lwik482hfwhUL83jIrdtMDWCOnHEOY4Gzc45fV1A\n062nl9bualvRBQnR6JTqFXwI9xEj8uA4MRWENZErP8cDFLGecyKTfHeRhRsW\nvtjaoBGGzjSweFFiDhZZl1xkdzsGk+0fEQXCjrj7UUtA0/5JAeuwYapJJnvH\nJ5VzsKLYpHTf5YcFCeaL1pETLYuiqy7rxSUCH1d1+HLuZvyxwd1NjFraGc8/\neyPP\r\n=R+W6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDri5sIV0MkaHBiTF4w8Omralt0pq31E9/ph1QYKIm+8QIgfExwR3EE6GYwJkpasGX3GwyeDuNdvZagKDBArK2U6KA="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.34012082.0_1598557666212_0.0932535389886282"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.c073f7b8.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.c073f7b8.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.911014711.0","@material/mwc-base":"0.19.0-canary.c073f7b8.0","@material/theme":"=8.0.0-canary.911014711.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"e16d759d8a3de4908c04fd08603483dbc37b1747","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e16d759d8a3de4908c04fd08603483dbc37b1747/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e16d759d8a3de4908c04fd08603483dbc37b1747/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.c073f7b8.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-i9fhBwrPgnAsRDhTEf7uSJe36TgyDY+Hi5f2utxDfoxU3LknLDHSmNHZnloOoKZ/6WPrkbgHYpjSvk2NXKlhdQ==","shasum":"37333212ae3257420dd912cfe1659e0455bd85e1","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.c073f7b8.0.tgz","fileCount":19,"unpackedSize":66724,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfSTrWCRA9TVsSAnZWagAAPw4P+wS36YCRNg1pXD9rFYOH\nltfeCA9/9Kvn11mSipR79BgOFEyJ9ZFcm2sFhD4+mg+IjtPyMwwf/hTVQT11\nxgfVTnJ/vuZGDjvCtBPJdjGg++xx56yjOwfr8u2lqpt/AZRYDHOuXv+omkHn\nuTqKcoTQg1+g4g0WqyuQEWiMA/gjcNnsgHth0sPLSbBirAiNtIGoYeaScSBD\nTARkq/TSyfzwOZIlR4ZCbvCeVgTEI+vsmEwU9t9WWSAw+irJWJ5ksb1PM5//\n/RFodLKwcRm9q0rdK/+lp9mYxMDpCVWFTqDYrO61vJGL/b//0AkdGIHsnB6b\n3W4Mq7BbU4rS8u4lr9/1gh2KNlEk7ULiqzYKP/uBJkEojSUU25rQmU1A5/pb\n61hFTJQ/hbnuxYLFWc6hWlddI23sU6gEs3ERFrsYlw9pu+ok/0mTsNWkkpx7\ni+kIZTmGj3R5pIeZtzcSQv5zif/0kp/KDmohKEZL7N2/4hjl4FNAM6eG26hl\n0vhk3tWpdIPM9KeTcLqwjcJxASSrjzAHC+psi352mCGh8zGV3vtEOT5W4Qpx\n3K9/YPEnUE7ZEcF2cydbu537+EG20YaxGp/XM98hDzp5q0z1hN3OivXR7h/O\nkxQFHBUnkZLbZdIpDzU0TzTmtMfxPdrTlIkeSKwdnFl2TEwO5QdFfDCwGDo0\n0jt9\r\n=eif8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBc/e4SWVZZvHGB19z0vzLiHV2r1lHDSWF18M3ahTefhAiAYEiBAOx4MS9mQOyo8cRWd+Bhzfx/vqQ/Cq2t7HVFtsw=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.c073f7b8.0_1598634710459_0.8115710594739636"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.b7ae68ff.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.b7ae68ff.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.911014711.0","@material/mwc-base":"0.19.0-canary.b7ae68ff.0","@material/theme":"=8.0.0-canary.911014711.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"2065ba1bc7a6ad7aa6a2c0404136a31018fba984","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2065ba1bc7a6ad7aa6a2c0404136a31018fba984/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2065ba1bc7a6ad7aa6a2c0404136a31018fba984/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.b7ae68ff.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-0HIwud9scibnQTMLdU5bLjTlrGiTQ9LTiyWrXzEQr+MKRysJArskAi6NCN8M05vFDCuwDB7vYyZRn8CJUfyx6Q==","shasum":"d70c2c99ab5bb46829b250bd92eb0c5d12769b3f","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.b7ae68ff.0.tgz","fileCount":16,"unpackedSize":54191,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfSa7UCRA9TVsSAnZWagAAWCUP/i3LbwTjJikc1PeBqbm5\nADmeRAhooYnKOKpmviM0weqrtit6qTWr5J/GjRcyYZp87oZXzgDRi5M97rtj\nw2HvqmA+C3oWKrFVngV5hBvJkYiTUTX+Fk3zNB2vGI4HwGTuWDCWXccH2Jdj\nN4+RqQvSeXDv0a6clF/xLAj3CHE1Iu/1jxM75EfyH43fkKbvu7/1WMSf4AtE\nWzjFoM5RtiOZmMk2ZnuECABDftGbcxK4BID2vcNLAqL3Us1+uQdnMq+mT/2k\nVcRqCgEyelRCVaDuvsGKvNNb0JffZ//3Pwj/gsBNTi1UPyURIzsslAV8rlr/\nEnXy9h33z+7/lgQVOVnLrQl7//X8qT+EcgSxpMPK2ree3KnZAYhvCbVBTSUU\nrNRsTj0qSpdx5ZT2tTsHq8N6MdQ2GXjFWKBahse5iXNfJwYfi5IgZVJPbb+a\nnln9l8KZ0CXM9hCtUgOjGICXjU1xGojI5fZ40ZpOjM5ffvLoDkTo2h3PHTMq\nlsCjg7z6C1URGwrDKJXotSc2sL349pPRWjNIoHfmoLNAAa9nK76sD0VzDz9n\nRdRBkE7QkMCUHtlPSUk/LoqLzCOvD2A0gpxuka65INF56oMp5dDdr3X+cIUV\n6w/dtJ/KX5SLp6yWTP1yIa8cHyReuYtu3pJTRYbIV8+8VED/GiWcidYJHQJZ\n71EH\r\n=0+B7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEUKhqf/Myfz/6dJljesM4gDNg3J2pTevFFgQYyfrJAJAiBC8qnBasNuowSHnIt+0e45HO6vqTVKF++mEzm/GahB8g=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.b7ae68ff.0_1598664404138_0.5664574135177534"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.697e3879.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.697e3879.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.911014711.0","@material/mwc-base":"0.19.0-canary.697e3879.0","@material/theme":"=8.0.0-canary.911014711.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"beb4a106ec95684b6ccc8c4af64c083d8462c917","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/beb4a106ec95684b6ccc8c4af64c083d8462c917/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/beb4a106ec95684b6ccc8c4af64c083d8462c917/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.697e3879.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-yi/SEgrMqxHrPp7vQbpSac3m5h5lN/aaZc8Q21puFRrv/cu+S+4S2U9GPLzdDqbksbQlquprH7edB84bFO+ESg==","shasum":"981030e72e308e562ad7be62b8adbd32098b4523","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.697e3879.0.tgz","fileCount":16,"unpackedSize":54191,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfTuN7CRA9TVsSAnZWagAA5ZUP/09mGRVlO09jdvFp8Uwb\n70ZJ72LzP7kuA8KRpd0o3118GZu70OkPP1GlfKyLIdU0GqR0RjOtPXpojYeh\n9zJuCnzCItsVpDGXMCqGuo7FVrnpynZOhTALQKcu14XDD9+cXIXtItKA+iEI\niAV/NjK3k4ZIow8zNWBp+RDwIcT6HqV/njHI7MnT2oDrsHp3UJA0ETvsvwbu\ngEcIGJhFgm1ICKP1kTVOf31U41gjwf1SLMkH38fPkujZz7Ifua4xGqcx5rcq\nM3mdS57MLIjdYMvPefMxUurxLtIOZJ9NqV3OCh6DmlYfhx3TW17wTrZbkl8d\nCivQf/DxmXeMBaloLie5yf8CYQQR+saLT1PUA9cxQGTqawiHcN1DAt+oxW4y\ntta1owyisHjnATwSMyyYBGL9JWxG+/v3tvzvL0MxrdyyermzNGT1DXVa1Pi3\nNkH8nfd4j24QalSqRGkUZoW00Z5dRfUjq/qmbyCgkBxgS/psNGUd0mGnvO6F\nSuEnJW+CLOAivAA14uZ9QQJltERCrF/IKtYU2trTCpOEQqYPAlgr72S0l6/S\nmM3NA1cZ7w6ZBQEYfUvB43WWrYSpS5MHzZclD5tqDfiLbrtX3JMJ2nD5vSTK\nUr0pz/0mNr7VhC2lK+pqJ1KurPDmz/xvIYQIcTKCMgtQUkh2g7M6JLU3KNQ5\nez/q\r\n=pbRY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDmihvfPtHFEETqsEcceOkH6BgGA1LpgHip/9CjHYnqlAiEAlCnlcjRb7abCzB8TopLnqbVvp8ZXWRA/6a/tzAJz7ms="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.697e3879.0_1599005563388_0.5172069276789284"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.eafb7991.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.eafb7991.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.911014711.0","@material/mwc-base":"0.19.0-canary.eafb7991.0","@material/theme":"=8.0.0-canary.911014711.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"98841f8d9a2c624210fc6f0bdb87082222279e38","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/98841f8d9a2c624210fc6f0bdb87082222279e38/packages/linear-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/98841f8d9a2c624210fc6f0bdb87082222279e38/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.eafb7991.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-VflioJBB1r9CFqAHG9aBSVUxzNV/oa0GsMpXIXuK6uP4DIlYF/4eZW9TrRc+RY6iKn6C0dI0g9sPFN5BAhRaiA==","shasum":"13d248c453df67327e4353f003045d9654fb62c8","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.eafb7991.0.tgz","fileCount":16,"unpackedSize":54191,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfTwDQCRA9TVsSAnZWagAAOAsQAJ5aFthB5hhA8MSrHYcy\nvkSKpS0ABUwKnPMQCUwxkxhUH70Bajvk8DXjfJGP5LSt2HogM1yC1v3Gkq4x\n3wIhuZU/YhsGdnuUgcUgnOjVaQrYvGuXuTSE3O1L6L7KyQ5y/Ou1vFQT0Acn\nXFkn/i0RSCzU7KLoQJc6sz3Wp0yolsN2AaeAM1pwFTjxWs0tmCSrdR+EU4uR\nf9dk+QwMZ7ZR+EzQMPT5MFzsu4b0HkgC+pocwYShIV5qNQbrW+SlW1xfpUdG\n0Cs/bnkI2JudTkNjlYWqNZ2aBYpSRiF/A4i1o22p6PR2cTzErN/K50rt1qHB\nWTiI5CUBIzELVlIa6JXHMccaiD2AOBrWaBD6UOmtRUkbWoZLWVFSfD8sEIq7\nPMWniAyIutziMLEZv6Q1TBVt2sVxuFrSEUYrC7ehJ6bV+PI7o/37jMMvfzZF\n1VTShgz9NA4fH2Q/c2cXl2AebcNSkwNiJFIv+8FO1yPdlWm0U/7E4e7F4uSZ\nW+Gk6KtH8XiMeUbc2nnzNecqZfa2mF0hpPRavttNUJmbkRVdxZgdLOPaecKf\nTBlUcRiL2vERu0XYPJG1fuvOkU5nID8Df7+6jWyp+jp5ysb5I3n/NG0JRPYO\nfl1okBZv1mc8Kit3Z4vOcWKqbMq0jdKIr4kd02+V5ooyuhTdnBuJh282LZWT\nxDqL\r\n=33vb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD+8knNdjML/46OlytjsspTpjFG2Bm2JRzpbd2CgrIPfQIgaMeNkXDwIk5/0BTydIx1kE0LXXpN7Wwov6eCPG8vL9E="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.eafb7991.0_1599013071703_0.5526410985042367"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.606642ec.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.606642ec.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.911014711.0","@material/mwc-base":"0.19.0-canary.606642ec.0","@material/theme":"=8.0.0-canary.911014711.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"e02eff9a35c3b9c054d88cd2c45d44ac7d81db14","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e02eff9a35c3b9c054d88cd2c45d44ac7d81db14/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.606642ec.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-HQfdUyOaEFMKzKCeTbZLWZaL9vgF89GJ+qOiWKLuclKTjGjlIUcQm+hPuISh/I3E+97pft/h/G3t6LRS345Psw==","shasum":"81909474e2ff80c57a65d2d50a6bfb0cd00c9294","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.606642ec.0.tgz","fileCount":16,"unpackedSize":54301,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUBALCRA9TVsSAnZWagAALrEP/iB37Y7GBQRF4MJJQTyr\nTIrDjVJOF0yaxe5uDE4QgfN+mU5HdmT+sOjn+Oyln476dm88zqKcgYihkAbG\n+j1QjN7+H+YEZv/zIh901e/bMhVUWg33Lo04K6pyC98sdswOJYKgYtif1tHY\nsuGRcMVs4QR+x7acHPIAkQ7/HQB53l7wjCxb2/QqbEx26p7NxJW1S9aO1GJ4\n7TKkeQf1xKzuVf5SHte96X6YUUNyTeBXQIIVKY5FiRwZHTNYW7AFrIHIgNW9\npeOuESdJ59DnpdcnytQF6FubVAzkeMnqwoDlvlXZuWIsiSukBYc9RCSt7s3i\nxIcs9YO5OKXksLqeMAW70ZyO3HnIfh2t9V/2ZG/MptYLyppabfw862BL1Q6V\n0fjooE5ZU+8Ioq6gW1oCYUJGixcOHzZGQ+wCdjNVA551Ji7D+snT924zuQhb\nFLAROXu4KZen7m7dnrlI7LszX00vRgfbRIsUvF4T3xA/Tjs513Xo5QiVBdvb\n7nAkLNQfAf6GHPpyBuG78LIFHTeQiCOq9D+CqxMgMmiBmoHtxiU9X8AxrY8i\nRJMZRYmZbfzHFoKXKDLaC8wk/Cdyu+cm4h0ymIlwuxjEc8KWDC3I8rCjO/hC\niIne0LsY7O/TUwG9zNOL7KGnkEI1Ue5TsmUFzwYYchyHvQ1qrPWHAW1FOQI1\nyV2S\r\n=zrCO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDxdXhXhnhYC80e7m0tK18quUVbwsekNsLvE0N80vqpAAIhANHrb88BZWFgTun8stWF2ZVh1V8DRSb2/Iqy78Dh5X9d"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.606642ec.0_1599082507182_0.43324619345119264"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.ddf05c42.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.ddf05c42.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.911014711.0","@material/mwc-base":"0.19.0-canary.ddf05c42.0","@material/theme":"=8.0.0-canary.911014711.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"1733e660bd96fac32b417696613437f27b2841e8","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/1733e660bd96fac32b417696613437f27b2841e8/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.ddf05c42.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-yc3HO8qQgA4WxFfTGiaCUNST2oE5UpN7MrJYAhKsEjxAnbz5rnZgHHooJx4GZzSe499+zRJWv1ar8jNfGFUEow==","shasum":"9dc86d121a46dc0c1857d81c0abff3efdee1ec3d","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.ddf05c42.0.tgz","fileCount":16,"unpackedSize":54301,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUPUpCRA9TVsSAnZWagAAtLIP/j0e71xumXVrHgTL2gmV\nFGy8UVYPaL5PbMKvP+fx6JuwgFmf22k41skQgYTlhvfb3ardmQtWNC+u2c/5\nCch+AivDnL6aZKCITvp9nxJfcd/MQJnDPKcDi8Yi+3hkPSH5yScuHZk9Dw+T\nJT0hdtFbcAtDIqd+oQlmC3HESiqWwKS36clfmhCJK4jeUdYap146lcEuiQU5\n7fGAtIZkC79hVJXyjIyaHWFhTjN7UFf+AkOC9OxtHwdbEoQyEkUh1gKtZ7HH\nAYXiiHOz/zyRRSpACVjVu2HGMgX2bVvNglY5nf3x4sqC5JGM173gX32BgK5M\nxZVJzBl1m4m7MX9kKRJdWBEHfo8h8tUWEqtWqrqVvItWUb2SD+usVWxMvzAw\n9ye0TUABg4CuuThXUEHpuK9SxT2oDqHYfa+8RQ/y9lMsj3yXrBbVXboj2mJ8\nIdDzPBPMlAA8fP5nuP5OeyLZtLe44h7/ogqZb7WLVxGxM8sLAWshewdjx/mG\n9C9xnyYGB33kHjuNti/nlxsPJFhwTbS0H67997uB6cAKrSDdbvXEYbrjStR4\n5rZEy6cM4tjpy5PzNaBiGQIDOEdNNDlfvGf/3b3+O0PIKNO74TRtgmzMwpaD\naRfH06yNrq4IJTE1xi9KjjEsxO8Sb4Gsay8JoYq8JyhzG6EGx6zw9lwgVl2Z\nVlbS\r\n=5EOz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIACW4l/7qczXgNqK2NGz9Vw7LcmQSEeQP5tBJ1emWWrwAiEA08mFFQYU4gFCTC8rhQKVrUjKTUEvP7KR3GlicSJ+Pu4="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.ddf05c42.0_1599141161305_0.9668684527132014"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.b889e6dc.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.b889e6dc.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.911014711.0","@material/mwc-base":"0.19.0-canary.b889e6dc.0","@material/theme":"=8.0.0-canary.911014711.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"9c47011345ccf89ec21a35053b80a0901ab1d6f3","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/9c47011345ccf89ec21a35053b80a0901ab1d6f3/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.b889e6dc.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-4yTBi9HCAYK1ZcJgM84iTUI9uRNADvSHhaBDqdpIuX3LE8Do87l/GQwJBVI8LF7QMq/fYp5OARXJaEOsK9EXUg==","shasum":"a19332c3b926972a6b73c30c68cac2bd0efb62fb","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.b889e6dc.0.tgz","fileCount":16,"unpackedSize":54301,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUPlmCRA9TVsSAnZWagAASAoP/239NqoPIC865/MOd6aB\nrtKB9/HjKYEwZKWnlcPy2uM5+Cy526ZQmnfGBAaYJfIDI/KEGOhvy7FWCF6I\nsw+twJkQsYD7wTuVEg5Eb4Hty1mgO5ZHOiL657SPyENHlQnpmxrUf6Htuv6j\nKr76EDrfs93x8YkfsZcXX4gtdgtSBkHvPexPPecDumgSShk6x5ykuvNW1hNX\nJhbDp7p25UZFI+0JWiQfSNfNuuDong6l/0Qw4mHygIMjcTLqw63QaTrSc4Tl\n5yfFq1y1WhHwxAiGDagSkKkujg5jDfO9eRuPMxy+F7QhfDJK+RnUk5tzYCIH\n5gH6cUsNtH+duQCIZIERWuWsYcMuloSTd7TxxnUsv1iksQ6bUkkiXLbWQ6DN\nCQonZ5s7JhTOVNX5sjUwCJzx7clZ0ElBUDKBIiz9hzEd7h05rLRA1iOCS3sq\ne62BTQLhCO0wqKEkHO5r2BcR6PQ+sLlFMTtfSOulh+Vwkt4NLYZ4OISqFQhQ\nDZD4uV2njEMBOLQRqgx+AhBVcZf8KdfFX9r44X/S4as8CbaChnyx/xxuLwK+\nh5pv0E6CipWbIr2xiDx6SNAYkUrlOAkWuCbj4bK6dIkeAYkCT1F5bL3Vt70B\nXDBp/BLSUYY7G2f5jBMzUbOfvw0tcmfF4IKwa3r8x4Yvgj9VcOiBIulIPPix\n4FXG\r\n=BPWY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFfvIfJUFlQHI86JkxIv1TBKEOpR+wVNZdfK1B6S4+fBAiAsdxZDyAy/6/tU453onRBG7Qs3kc/l4BK6pk+Ui2bZLQ=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.b889e6dc.0_1599142245998_0.7845309822050908"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.aabeceb0.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.aabeceb0.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.911014711.0","@material/mwc-base":"0.19.0-canary.aabeceb0.0","@material/theme":"=8.0.0-canary.911014711.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"f699717c41dd2fd6f77fc62da010cecb621e6991","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/f699717c41dd2fd6f77fc62da010cecb621e6991/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.aabeceb0.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-yzmZlAY3TQIGvnfTv804Ab9x0B+1m1smqCvQ+ZoU97ZynVgCAjZWQSKPxttupaBBZxsq6p5dI+Nxa+3dcGcrcQ==","shasum":"4ba1343c7551968a058e23b14b9c39dd1d560ac5","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.aabeceb0.0.tgz","fileCount":16,"unpackedSize":54301,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUUqSCRA9TVsSAnZWagAAwKcP/Axkjk67+6FYC1NHa0So\nOyHNmic3590vKCOzpcuZDUFxUEfpQvQj4E0TyXCZXspkrsxga1/meUHX6s6s\nwA8AuPebxIIoR/1cpAdmQiOiRG5KG0epPOpHNnT1lxRgQhtjxtlTBdN8c/IC\nWCORArBmeBawZ7YdLs6HnHfXKQ8NmPyBmw6scB6PaUjEiv5h+NjY9vqCMRfA\nxNh2M3+WbSIguiblvh+Mn29CxUxw7GbOz4vfts2cLxtztFhrILs3yqu97JXn\n5391snXrcGT67tGIlTdEG3NqB54fQ0BT7zcb1YsBgoJ4V33BiAPFEYigZ2xS\no46z8nfNFd5GTMBzNGjQAnQt7rsOyx5+dk57VP9Z6qKBbs08sP8nSRQRaN1r\nXzew/JslmHU7WZp64BVMxwghNcXRlxdUyWlLJzww49NLBxRECLGzJgx6dWpD\ntdSHQOAl68DKcnNf1xxIAguifWVoiqC6uzEX3FwnNH/WwL22kTyjctMP1SKS\neva5iVO3ZJfsslnQPBj/4WhRPj5ftmHyHsu0+4CMoGjDuWd0vlfrg0LLLSSr\n8e4cVVWvTiKzlSuEl7N1L7jQ6eQegAyONZxNSdgVuZKiGxLaJIZolWTlGEZz\nqiRgLYfqiubILmKeuCK7UlSNeqeMjtDftWm08UZJVwnZU/XEWshmXhPupm1y\no2ZI\r\n=u46L\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDUlxSQk/b7ZQ2VQTjrRf6qReAP3ik1c9omb7b5WX9LKQIgAyS40sGwa2yYfdpAGpwXZ7nh6ciQfDPhOx3SubyWfIc="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.aabeceb0.0_1599163026314_0.986008579098159"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.d8cca3a6.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.d8cca3a6.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.911014711.0","@material/mwc-base":"0.19.0-canary.d8cca3a6.0","@material/theme":"=8.0.0-canary.911014711.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"db99eec046a418490ab66f7fa667607aefc5b26c","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/db99eec046a418490ab66f7fa667607aefc5b26c/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.d8cca3a6.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-UTtRXbHl5x1xd2eJZTY64H7VBZUOgGygBS/4dzsDQno+jdSgT1wLMClNXl9Zw+EW4Ty53wsh2Hai2h7d1+M6kQ==","shasum":"e9fdcb37c39433c27e7e96516d4370b873bee8ff","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.d8cca3a6.0.tgz","fileCount":16,"unpackedSize":54301,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUWCdCRA9TVsSAnZWagAA9H4P/Au7LQZhXURtNYptVd2T\nBxhz4MwXOI9F0Y8CvMJ5g0D/5VCWd5ItTpJpgUE2Uk+pLCpMa75174Z0iTKY\nVZeCFqye8gY0/6J+FUi65vhdQRv7G+fjTI5TTBZgiJtgwU8XG3UTW1RL30fb\n8j9IrbEA/uudS4ZbS9Asu69PyUQjUVeo2Zsb+O5NRWcAGjEtopCuPtC+0leU\nmGJR8cCQQnSHTiZlE3k1id+7+OZx2lZjYAB2anpZ3dYHvWU0IkEKOVF2Tfrm\nRmCtQqgXDYBmbHwAgNLXgmQmfG3kJ5g6UCPXQbhzo2BALekmwHRYIn1ajg8A\n7RSvpxnApgfdRp7eUJE/xxPJd6xCKtO68xPautsA/hUm5B9WEX0gUBi7IgLG\ngwzrr8ZwfNGu3ODx5CCn7yrhGOEZzPxExavCH+fDKDdJY6zsAlGeeoljG8sc\n2qFafBoC9kMNgsRvoc7eC0wsUd8iWSvU7eS8uqAQRx5XsDQ99m+hPMpM6VRT\n6ncbELwHu4ZD6V+RQDWSe8yl2gupJJ62patGwWfj5BhWU4Q3T3hFej5vOPlh\nEhGZ+dAvByxTl7Y3cj9P6Yq28W1V9UZtPmN2gJGJPRJ3j0pPLiUzNbw9AIfp\n+CjORL7rwkcHNizKiC8IP7kLeJnODrKJxWiAiU4kBkrkbpc8QSBdBEkAq3T5\nW1hT\r\n=lySR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDO73tgUD+BbZw2Qoy+CZqMO8NhC1ADeUnsDSzpufKQBAIgHOafJ9xF/6j3lbVFS2rnfKadEh2+fVFBFFJmRvODmh4="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.d8cca3a6.0_1599168668408_0.009320899623776358"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.26d34b2e.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.26d34b2e.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.744bfe5d8.0","@material/mwc-base":"0.19.0-canary.26d34b2e.0","@material/theme":"=8.0.0-canary.744bfe5d8.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"52bb6b8fb277d5ec6b66932a0683e4f2fdeac872","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/52bb6b8fb277d5ec6b66932a0683e4f2fdeac872/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.26d34b2e.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-1giesNsxBoT42KYVQOSEgTjPwiyDdWe4+Fk6iFbRJWbyTat7qbNWIaREAB6rx2iKw+oLhsujpxNWg4YMJkXLhQ==","shasum":"3eb081ccb44fe67c90a8cbd2a1c3d5590857357d","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.26d34b2e.0.tgz","fileCount":16,"unpackedSize":54301,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUWaLCRA9TVsSAnZWagAALuQP/RqjUskQZzwtb7liUWwu\nd/a5M+qQcUMraC0TmHs+IucmJ3FbgNbeP9ytuS7yDLY6jOPCysW5043xzySq\n6yqFW23UciAdMgv/m6xCPizp0GULBWpQF1noTfUmISktUMLY0r/ZxCJiSKxk\nkE0WuwE+T7JMNL2pxcPmjM2S0CruEOitMe9IjFzt/5aA2KMJvbS5iyXwMH+a\nJtWQGIrV+WSdTK0yunaotPjT8/KGNOLWilrTo3kTPMZiJ9wgralTpYn+8Hn5\n6HqwlOujlQDRCGKJJDC88yPSS5RzoGh7YNKK46NSo/YoXSUWih9Acp8g2B/C\nAj6aF7Ceepi6XGqZoJXtZOR+bY1Bu1V503liqWOUJ4vB3FaHWh4pDtYQEGpH\n2OBI9xL2UVNRB8UP2C9auTyD3ftHggGl5LfdKN/uZP6FWuctIAfvDZbG9+jv\nc86AmeD/3UdSP7to7lxlXU8CW45UIzMT/V2xgL+eb63pUMptbjhBaZfXNRHx\n9Z+scWpyzgbgy39EEpE1NBhnZHEJklEpM3vI7irUmebQPHx4tLtu2esdmWMR\nDmE34/3vukwj/g8l0xmGek7S3MCRO9HH07iYjqyEOFrR5jl0gJkaJCS0NEfa\nrARdBWZjxNiNmcvdmkvjSBRoS0m72Tz+/xm9ttHd4i7iGnwbopwniQtGAnm9\njQFi\r\n=+LFw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDm0G7Q+weHeW87ZVLH3xZ1aAPxt1ASRMH4xeU0d8H6+gIgTgrNmjHdcma1XLv2m4gIvQfroVzbjhRXwXWHedgIjC8="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"acdvorak@gmail.com","name":"acdvorak"},{"email":"allanchen@google.com","name":"allanchen"},{"email":"aomarks@google.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"bonniez@google.com","name":"bonniez"},{"email":"obrien.test@gmail.com","name":"bwobrien"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"kenneth.franqueiro@gmail.com","name":"kfranqueiro"},{"email":"lynnjepsen@google.com","name":"lynnjepsen"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"mattgoo@gmail.com","name":"moog16"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"williamernest@google.com","name":"williamernest"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.26d34b2e.0_1599170186935_0.7731089829428612"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.a1c44494.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.a1c44494.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.744bfe5d8.0","@material/mwc-base":"0.19.0-canary.a1c44494.0","@material/theme":"=8.0.0-canary.744bfe5d8.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"ee68077e51a883c9a0728019c33ed96d4563758b","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ee68077e51a883c9a0728019c33ed96d4563758b/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.a1c44494.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-oz4erh5vMt+CtQcBW/pkH97fX4RZOQ0N+Fxey8zoVATMDMG4qSGZWVdOxlZv3On31HJUGG4LEIOHF7DVj5zuGg==","shasum":"5805d9c98eac2be7bd70d3a5e11d4f76702dc064","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.a1c44494.0.tgz","fileCount":16,"unpackedSize":54301,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWVIBCRA9TVsSAnZWagAA2CgP/0D1nWMe0k6esjD3MiQ5\nBn9CTY7xDgi+grt/bKwvoEq1kzDMAvJI/+5n3fogsjWDP4oLJzlfQ734uo2f\nVHsdfH5MzrkGBm2OLaAbIBXdJXf6xpb8m8fL4ty/x76GW2al36cxB6hy1Kpd\ntZSkTDd8zpI15R9gmqqeAF9LdjM8g7kTISspV3Nla/0hUQpQPXntX6P5yAgK\njpcH4++QWWPKNZfG4BM8dirGz5rsGXeNXAMEj96xsX6pNKLWampDmZAW1bkg\n6Eq2dOq9if8CQqRbyft6PdYyPBHvqjEOzdMkQXCjpSt/iQwtIVgDWdqr8kHl\nsJRU17enTcwj6K5r0v7Ye90K4axvZRF42+N8oshFWYcg80Dij+sBhN7vUgAq\nmv26feoKy2V2CkzN6QR3uRjpn669sucyuTVVodF3//ZKIgXPwfFYBtG5tdIP\nOfFhE/tRu0rJbmpJOxwB+FR6WpjF+jb4w3Giw0N/xHsFa/gIvPhZZ3Wbp76x\noRf7O9FJ9YEF9o4S5gFXVKp2MjZY5QEsMFrrk4IeDkELaU4KrcsJuSLP/1yl\nmZyxMse3cx8eAAyNNbd9y3/XBILm5n4DpJLodk0v7WXEmnkHvbzo59oR2G72\nXFJTbe1Ca2GRBAASLyIwQOUieSc9W8t+wK8okIZ4l21SnseTGL2wdG4NOyJ8\njVhn\r\n=WJ6c\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE5MBQDF1qMuYSsTh3gNKqJ/cpyYkW+M6Mpowa82ucQ6AiBtZxKyk5R3Jay6HgBI4J7/RjxH9I/VyytBmuQ3gNfB/g=="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.a1c44494.0_1599689214452_0.4980336831101755"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.be1cd1e9.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.be1cd1e9.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.744bfe5d8.0","@material/mwc-base":"0.19.0-canary.be1cd1e9.0","@material/theme":"=8.0.0-canary.744bfe5d8.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"e4ece959ee320d67e92b5c9add79f6f7eb4b2be4","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e4ece959ee320d67e92b5c9add79f6f7eb4b2be4/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.be1cd1e9.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-UZVB42GXSE3tkI8CffuyRqZT4tjZFjTFfV2matJl0LQ+rEkdA9U1mndl7jShKqpbCCfQoNhU3AxAwEH5K/t/yw==","shasum":"192da6657951448800d915cb98ada8182aa22a04","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.be1cd1e9.0.tgz","fileCount":16,"unpackedSize":54301,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWlcCCRA9TVsSAnZWagAAqWIP/AhingUygNeIbUuXbJYG\nnWYHUFkk8ZZF2jFWsnE1zGS/gdR5wloKjQiPRXGYuMcOP9KpWGr9N92uk8wA\n2w1HQeajTB+eUSFmMrnKq6nSAfAwjVuGHG9idzQ0zeV2RQ1fiNI1A65jgM5o\nYmjPJXKFECZ+f92ANgu3RcyrZ12wyrcjvtvOYCXSYE53c4ihi1Ak+8LGrWzT\nLBHblmtxyZcvU+fhmUezP05EdpNCPUIqc/Zn5Ps3D3NeCi4RALjGPPX2KjIN\nM5VHwtq+2WunqSvncnjFlqgYbGIihFp8hSFNg+OJAJ5DOR4vJEByclpV+dXT\n8v0FI9CE8kbOHEdtB3UsdzcQ2zRco1sVmLCkLOK4EEdqvfMI6lOcwOZv3+yb\nS/aqeGtnKCLds00xxKqhAAAn9S41i7qzy5P7qSt65K0WWnCVepk3mQ8OmbuA\n4C1F8I+Q+cZo9qMyG8Tp0NG/oPGG3PDMpVSkQ3jv823Mvjgd7wBxaSHVFMUL\nz01O/4gk6BPz8taW7IuyReH0NM1OMnV/8GhR8/G+fiSRdxJVa1fDQ/YYpWPd\nLO8OYW/8vr+ZxPpPQLsznv0jigWqgyBzScHUkBgV8g6l3G/tAgm36Kczwjpv\nZh3gcZbzUd/Fnfjm+bLKMLdjmGk0RWn1/1JU17TdVpJBZbP+cs36AsPYpiPe\ncGe1\r\n=RS+U\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAJMhcWE9hAJ973eWDdc9UsrRsSbUIod5XKLwS2GrSezAiAC4hTUyHzzrEVv7G3N+M5LfAopKjLLbSfPSItXZeDV3w=="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.be1cd1e9.0_1599756034252_0.937516259169624"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.f094c0ce.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.f094c0ce.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.744bfe5d8.0","@material/mwc-base":"0.19.0-canary.f094c0ce.0","@material/theme":"=8.0.0-canary.744bfe5d8.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"de510bf2f44db6ede47942c88abfee6266225354","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/de510bf2f44db6ede47942c88abfee6266225354/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.f094c0ce.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-alSUfFjuXyBOixpNrf23h9AdHJwKYfz/t2ffpnx9ST/LrA0utFvrBHQwFGKcHF541EfGzgfb4j5+tH+h5CBioA==","shasum":"9de5576b68dc37bb134e5030253071410026680a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.f094c0ce.0.tgz","fileCount":16,"unpackedSize":54301,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWmP2CRA9TVsSAnZWagAA2dkP/3K4N2MfuIEnStCpWDBl\nQpP4dW3rQQ2nQaAQiyPqCLn6B5HKQ1BUenXZ7vpSN+cUB7+bUXWaYNEzprQx\nm5Q1vJ0SvGyBisG/RzyZU54+YlpIKTJ8HoPPkRdG0H3PE2jaqT4KmsHBkzht\nfytO83OJwGpzd8HTZiuN3TPRI9kqhTAVGi9xQw72kNn1vUsf6tP0F8v05vrF\nhH9ix/gc6F7fueO8g83dz++M66nEskkxK/euGEkiYUyDO2BRsG8UchjHKYcs\nIMoPZMPC3o/lDsgFkh4BU79+hjVo03XVBFENKRjpNDFbo0BGEg8700op8AS1\nN45XvChlTSeytVb/U39d30MggDwO49qniAia3YYKjb1AObVzFbSo/RDhZAe8\n5HkK7IApNRgBv4KqTrzSP4bztd5d1oFh4d6DNej9XqyL905qWZSI7comLY/Z\nIPkRet+Qdm/EFjmuiojSAdeuy1PEc+5L4DijUx9yNF1jvloMoWc0waI9HZR8\nKvDBDpmX4rjHJgRzyHdybd3y8qxwMRc8EkpAmylolrmj0Ebu/3mSxuoW6KTv\nSSlXRBiNvsm4tm9/48VvcwJfrjZQEFrAwWMLZJf2KQM8ENq8bAXEtLbj/DiQ\nnWqAyzk/iB3F/WB8MP7YhydUlnM0AP6o3JZ4GNpfwcOaYqmjI4S93woFAoju\n9cvO\r\n=rGav\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGuSNzpicqNe3tRCTIz8N1r5e9nuUSdDcwTL1OggHJ5xAiEA+Uxps4KdIPlhFt1jeEqeSdlKZE+DZ4bAmUYuh0MRdDY="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.f094c0ce.0_1599759349502_0.8296409781083876"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.c1261e7d.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.c1261e7d.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.744bfe5d8.0","@material/mwc-base":"0.19.0-canary.c1261e7d.0","@material/theme":"=8.0.0-canary.744bfe5d8.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"d3ed845121c57e24ccb397b137eccd91a179c1d5","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d3ed845121c57e24ccb397b137eccd91a179c1d5/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.c1261e7d.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-CM2aQCCIv6ewZaYjYv1P6U8TbYLAmxCHE6c4PY+m696bIqB/T4sOQwo2px0Fhn/1c/tpxSWjevrMp4S+rYGIaA==","shasum":"e3d92a16594cc12f8eb66f9a5b8437f8d90e27af","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.c1261e7d.0.tgz","fileCount":16,"unpackedSize":54301,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWuAwCRA9TVsSAnZWagAAH6AP/jplMgqyVUER8MlQttuW\nMO8NCLLO9enlcLO+m61kxSG811eNyDn+P1/CUAk6fdhluOjTCCxSLE/HhlWQ\nBznqKnqdpG7ziRaTkbHQJTcQwhADJFybAWG1YeSewbz+xSTQGt7/OVqXzbZ9\npUUbznyliErzBsDUoucLHUY2HMymyMENRhWoQMYtYoWDTYclmIDspIx0whK8\ngJrkz5q/tCd/sbks++btV5S8BFzCSPLYYSey26r5qOxFUNL3XCa480OS3P7V\nBawnVI2lSwRL35MQlfCTR00GtcuC3TitlEN0psxHJ06Lt/DbSaXFa3awh3wC\nImgobQr73HKAtl97KVxXdEkaCIBophgH7GwlEDHURNaRS2V0928iNL3C833A\nv2ZoIcKtSdIuFa/iWywzL3Na/VcOAjgmpJbotYgTAJ6t0+g0d7aQ2PhUNEDS\nzMUcUZM1rMe4t7qIep4VrH3QWrG/6wJgA1jKNCXIpg5t+7nFGOKdF67v71qS\nIiFHDND12V3MHDnFa7ZHHLhm9EmOUtiaaIolxy/EGqWbjE9EfuD8yy6GeKBL\nupinmkB+wxuZlA444shh6lGURRpngi0/cX/1r6AlPF82+M/vJmyMolOSIT2o\nPMD2FIErPH8/+NpXzIo280CFt+w8vam8+ITOoCbvF05CytcAQw3bVTieJsZH\nx8TL\r\n=Ys8A\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGo/UudBcdLm0IOkjoxsR8mBUa79vgXiDgWsQWB3VFnhAiEA9RJrLmKqgXFQ0ly4xz+89cFqqW2w8lW6Qs0rxAchLvM="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.c1261e7d.0_1599791152255_0.9228975498765752"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.9b39ed1e.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.9b39ed1e.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.744bfe5d8.0","@material/mwc-base":"0.19.0-canary.9b39ed1e.0","@material/theme":"=8.0.0-canary.744bfe5d8.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"8fdf88b38d36782496195681d3b1d340ae36fe12","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/8fdf88b38d36782496195681d3b1d340ae36fe12/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.9b39ed1e.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-gva0if6I/HkXyWdH1bv4kNIuU8rzOmarHdaW/7MylgHf2ZSVmFNuMtqE9aFNs6w/0p+WTbTZSjGPk9BNDfjIwQ==","shasum":"37d5c2b7163f04093a399dfb38342cc20c5d979a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.9b39ed1e.0.tgz","fileCount":16,"unpackedSize":54301,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWuBoCRA9TVsSAnZWagAAx6sQAKHoPuWAwmfKe6TLWemW\njlQY3ls4kClz6F8lDXvMLnnm/+1W3pIyHssCjCAHuh2rkI6E+JSfjDNbo0DY\n1jbI718nGwB17LvkZo/0XVW+0oUVirM+KkE0md/04PkQ9wDG5Toi3/6Kecyy\nLRErIazZaDuU72nCbSr0uTddXnqpnLNdda37Xg2N6uJI8EtMcvoHqNnpm3oC\nkf/qpvTIEmGpR+i6nDCwR0Ss+FhRn5nvlsP2+lWnMjJRLj5ylGzN1CmbyqnE\nXn9Ef60xALAa6+kZpCboOxc76GKfz+ehxNLVxMeBH97PYldD9E86wKEFOH0i\nr4PJ1KrC8mP3L/JRP2GiPP5zfIEaJ9RHZXR5BNCyp3ZLVLKsg1LuJTTd8qSM\nyr86aIxrCsQwvnVKQeeMHpc5ICSEvhews6huyVPxMn3TxHS0BJXUExtWtG5+\nvkrXm0RM4sIUMNPDSpZjqPv+LM/s4wQ3uWqgFJV3ZeKIeBCHHfSi8Ui1mX8Z\n1JYpOwPysc+TkAyDH0hfwUL4wDHbdj/ZE1k3z4YX0urA0s8Uz/lGTbyDZrTl\nLIg9DMyM8zJRkViUAgdKE2Doyjewlh4uN8AzN2kQTOhPCo7qtTlAp74ACwOC\nHilr8OhVd8fEbTdrge3CL8P8D7ul+zMEQbzp+SXHAAmfsJW6eJURO/lobKL5\nZjc5\r\n=Efy8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDguAIU2xW0fYD8OGNZEuDcKAvXfDUO6uui9B1w4OC4AgIgMpzCRHd/lnMWH9ALY2pJjxqGbdQ+Q2zlacngpPrmI/s="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.9b39ed1e.0_1599791207952_0.9067628105903374"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.e67214b3.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.e67214b3.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.744bfe5d8.0","@material/mwc-base":"0.19.0-canary.e67214b3.0","@material/theme":"=8.0.0-canary.744bfe5d8.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"9d09adcdde4c822614f34fd4c8fbf1e1b07e558a","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/9d09adcdde4c822614f34fd4c8fbf1e1b07e558a/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.e67214b3.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-I6KdZRMtmZhuJi9LO5rJ9J4XHwBT3knMpzNYTl4bxjbMr9OehiMAKu7Kq2i3KJ/MeR2oPd2NC0KDareJPjNYuQ==","shasum":"9a5249d681d8dd2b20b6be8c894a44f6a8d6fd43","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.e67214b3.0.tgz","fileCount":16,"unpackedSize":54301,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWuFrCRA9TVsSAnZWagAAO/MP/1YLgtBzVpnFSvNbfrpv\nQZnAVtIartKniPzeJxYWi05r1A1LolEUT7Xpxi9xcgBOsBPplnIxEO41xxqW\nVzXS6jbOFrXL6Swh95E/f4U6LjOcO0m6euN+faKe+/2VVSlXUEcEgqlmBOdE\n0fdULf4KMT/4ZdIDB14g+rzUYtfn3Govfg4024zfzgLbdI/XDqWg/Xh1rwNd\nSxV9BAajsFeaGeYBw6tP9rLBQfoir0Sn4GCe00O1B+hh7uV8pwPu23ihvaFw\n8D2BWoNERVZJh5YG3VhdIEsGpa2FSXWNCPJI/irAL0jKw7HE3gFuDx1zuukj\nWE1BdjNOSPD+vmSrHeXyi78zzZdY1oz5ikG67P3LFT3VXWrYVN/u4gLEzMBk\nkaq5jBwsLOIDVGxHCn3fz0ULuHrLfjEIEvLVSEGvvkYXsStpbx4yM6OYDAuc\n27F4bP0rdWEcAEjencDEB+ZWZkassLI/WDuZ5t1qYb+4eFhTF62OJQuSOor5\nSaHquWBSDzdFS0/tGKQLP6Ff/umioiHx5X4bTSU/JH6fUOWxJhar/QM7KtOv\nKQFSJqmy0mWtuSrQy0dRJ/nSev6aWRrlyo77joWJwrLbp5L9Z+Ko+itQLUEL\nXgzqa9Vm1HDj9BueuHhQ0tDQqhRPU4r3tYhupCjrQyE6VmGODES+zSMCgTSV\nljI/\r\n=kq6K\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCp49lIy0uNXkU+fFP+SxqND75lbzo6ywRjexTYwn8rVwIhANFrSw9qoTn5RM0PVrG0Ot+cgHhkD9ClqnrIz8Zb2NZg"}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.e67214b3.0_1599791467515_0.5510518880018476"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.36f5da28.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.36f5da28.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.744bfe5d8.0","@material/mwc-base":"0.19.0-canary.36f5da28.0","@material/theme":"=8.0.0-canary.744bfe5d8.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"eb828fe61bd1e331e8d6f63a24f6e78d58858a93","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/eb828fe61bd1e331e8d6f63a24f6e78d58858a93/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.36f5da28.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-WUsm8Im2A4TmKdKluO6ARGz7gOeYvBUdlX3q8IKU+JggJRRj4I6aR7hCNOzsTRH2fJfhLWRgpRgqB1PlSWpGew==","shasum":"29df93711ffb1355211b22501848b3a3786159f5","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.36f5da28.0.tgz","fileCount":16,"unpackedSize":54301,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWuILCRA9TVsSAnZWagAAJAkP/3yLsaszEPuXCz+c2xFe\noKo0XKs90Cy1VsEgOm09pW29eIoqhpHCd7+9At9gGdfeWkpYqicgsloOsBjC\nbPIzxI/3SdCABk/WkLDutyh9Y71pGzwh3PI3J4U7xLRrBy5OLm2S+xnkzeoH\nxS1PoaH5wpXnM+ow8hH5ujvcAyBGvj6tUildgGBFz+3Rz5yl0uL4vO2KYzoY\n7PO/RR9flb3saShUnvLP6xAYUCpJJCEGUrRcXBCfuidGGjz0am0wq28QWB33\nwsUtbOk8w2Ab7Mp+Rfw0mmk6B/icvhZHOWuBIIUU1HCzC+POdOaa/nq9All8\nwke3XwUHBnkqjZdfyvm1pWrlGD+RtxmJltJQzg+6kX7saD+4XwsB7cKYUxNR\nzrXZnq1yp8V1oyygKrw42u4drtLoKnc0VaRoAO8A5JVTzR80ixfKbcm6kcSv\nu4F9Dc06gStr3n3BW8oQg9yl119agQl7qqk1alNn9PeOdhc9SKi/PhKPML/N\nSTGCdOF81DnGnV7XSuFfVsze1Phd/Mr4HD6OdqYfXTOxV4bZPhIoD+c8mhbj\nLqXbvdrGFlzqJE6ACopl02eQxL/loWnparbeNdIU5bTcO2qezqLVXT0pk2r9\nZgJufiSfjUxnRLcaqBTfUkzHR7cB+O3F6rn35e8XOV2rptd3/6493sPVcH3H\niBYk\r\n=nxa/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA1tmvm+7dKNG4QCRNtBuWfqbvGvpQs41TFsZfuHEJxiAiA0ZLmegGCb3CTTI/l7W7jOgl7ntl/D3Sbe0buP9Im9Vg=="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.36f5da28.0_1599791626676_0.9325230524094743"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.3babab12.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.3babab12.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.744bfe5d8.0","@material/mwc-base":"0.19.0-canary.3babab12.0","@material/theme":"=8.0.0-canary.744bfe5d8.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"3c0abab82c4079d265dbe68e3b3ce3dcac8519b4","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/3c0abab82c4079d265dbe68e3b3ce3dcac8519b4/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.3babab12.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-9uTFxjvZ3Co6cMImBBrI7UJe2rzOPTuc29BHQ0CueJhvS1wQCJis430VKLzroTGBE8CNOrlH87AgxBiE587Gcw==","shasum":"25ccd11cba297196fd5167c1a1942ffd03f4fda8","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.3babab12.0.tgz","fileCount":16,"unpackedSize":54301,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWuK1CRA9TVsSAnZWagAAGG8P/2U8Fawe/dyYLm+nFiBI\nzAkETr/5Uq0GOW11xjYBmz5eXE+IiXCuuL7xAwWMkMRQXtQ5BGMhP79Wc9g9\n6OfiZ+uDug68fVhfovSIDqOXJ+KV8jRFfab2IOfFUFhkqxOuk/+0oS9qKJZV\nyDrzM2/a/IB6PXloW/tUYCqeLqP9Vh2+vvOSnpWq7b/ygDrTb+lEHq9mBq8x\nG64anTu2vWKOO2z17jWq+cGSdlxcU+SFldruV/40HOPCDIe2k6jMB/sePGlH\nCieG72wf05Dr87RAghXa+dk3wf7CrfT/ZdgctC+iv6t755RTminAxxbRhq0C\nomPhiJIkBh7bS0u9EH53uOrqzVs1fpnDQ9PWTf6rv8dvOLjl0Y/h6bBiHWr5\nr8qXMctg/gvnse34lwsy3/AtAsRFJOQ4dgzf4ph3y0XAPtF61tU5GkBk0T5k\n4sBgkgT8yN9diZhMlsqgcIv1jMv3xFxranrOU6POatrIoneSi69JiTwo+rYp\nxV46LqjH5giGIHMjIAtq7YwjOr4qAnFieLEFPFOdLYdl/q7H+IW0U4JHKOQt\nngsyzj719WtpghfYr1ukBWZt1bajqR/rOpr9SySjdkjdtc4kM6gQ5bCDk855\nyZHdPwdg8K3v9PVgmrOr0cjgrD+zY03bcnhFQFrS3oDcR27cRK1g4Hq/WxiM\nF6WL\r\n=Kohf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDYXY1X/H0UiTrYViZTSg+MWCmsi//YTukXMdlQZ5OzDAiA0RJOcVL882//rGHeQMkEZqYLKOXaZPVn824yD2tPF4w=="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.3babab12.0_1599791796964_0.9598857892667887"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.a4481e6f.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.a4481e6f.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.744bfe5d8.0","@material/mwc-base":"0.19.0-canary.a4481e6f.0","@material/theme":"=8.0.0-canary.744bfe5d8.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"de37747ea53bd97e6674642d17f239407a14ba71","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/de37747ea53bd97e6674642d17f239407a14ba71/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.a4481e6f.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-BIx4BUOvr57tUPujBuYQb+sYg0056fQmbPbetniPOd+aoMcW2tBMElaX+zWDYoV+ad43n74hpmM0i+MCjQjK3A==","shasum":"7f051ebe256b7bff7f27b91c53f29dd26a123d0b","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.a4481e6f.0.tgz","fileCount":16,"unpackedSize":54301,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWuWUCRA9TVsSAnZWagAAtS8QAJQeWp3EKJ9TkQdpDvqC\nlfueQoN5WZLKmpX78D0cDdcfoTtlOie5T+e5aJwGkvsgFsK1m6+xFJxyIu+n\nmeqtZ50t2FRhWVJuWX6Svqtw0PipF1wX9qtLTCTex/DMcyzzaUbhLKSr7nCm\n3ktfr34qsK4+IOLDsV9y568+DZ228hX7E/4m3/3thU6QW11hfbhh7Z6XVDq/\n9Ohb8tqszeFKAf81byBv6Lw4Kh2s6rVxGU2o/6XZofmAfyI3hK869jSadsO3\nC5tPGCZU5swCqaijMKJwMijOGzF2RpsRukDYnT2wiG48waKCw+bG67gEeF2d\nVeL6rl+p7zC8sXVfjgdR9pZ7rzZEt4Fjw2E1WZfXR/Q2yN5NkUOnTqSrSF2z\nY8jMeb22StxoYZ9g7/3T9UoA4GzcWfO78OXYCM4Q8m8tKvoZlttsu1VxFZEL\nuM6H8A+wroK9jDrEjs7hEVs6HkBU7jTRbXUrbdoVRkBTK1MJIpIG7UYL5qu1\ny4wXAhl6ptw4wjBzimJgiACQxwcoOsvD3MFZQijiqCU22IuhW5izrnP2oUPa\nW+Zwhs3XfR7wA2qt7XrO+3wFHRUjCLgxeLzhuOjCTxNvofLmLg6Jr20xcr4W\nJW+sAzdxRsqKGW+3avIKUBLavwgREQpq6mQ09xCyw72x90S9A4uFsOaQEaNW\nU3cn\r\n=6PT7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDfq06ExL7VBFrOG3CqF4hB5T5mBKC2og5X8DxAvEOZAQIgQoadmsPN6u4S43IZnEXQCC4wol9VhXRUcz0144INcaU="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.a4481e6f.0_1599792532159_0.09792996523465458"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.a9177836.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.a9177836.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.744bfe5d8.0","@material/mwc-base":"0.19.0-canary.a9177836.0","@material/theme":"=8.0.0-canary.744bfe5d8.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"172468b3d6a388a8fa5360f5754a4a7dec5b878e","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/172468b3d6a388a8fa5360f5754a4a7dec5b878e/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.a9177836.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-XEk+iy7I5w5h3sC5spFHsT7TLAlogH0+V4yrrXtB97vSoqbVUZnPJhB4tkkuBE3ENI5nH/4zwLtCS8c/SnKjHQ==","shasum":"75c9fc75cadeccc593b444c31fcb041e274ecf3e","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.a9177836.0.tgz","fileCount":16,"unpackedSize":54301,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfW7gWCRA9TVsSAnZWagAAWf8QAIxPhgiqhhYB5D4t0gQv\nEJxQetoJIHZZRDc3Pf+nFeWbCk7MuqiFVkVUMpJZLhwTP7+1sOFo3IJhpA45\ni8SMyVdgaX/ck542ptNc+Q/iv+aQPa/9oeT6cAKyNfHC2fyIcIoHggXGoQq+\n6ZoB9Wb8WQlA0tm9fmCmqDx0uyT4xzmlrsIbIWlw1fG8QRqVwQH0ZW9vG8E3\nqXvAK03yRuZgqERHyxVaZE8djq+DLppnEjB5KVNi86CKfRDh32Ih1oZlG0ov\n2rTV1Nhs046JX1C5EbKMUkaKCtsojQGdTD7SpxxlnmMP/ffKpbPaLldiUFc7\nsl1x0umoVAarJUYPLwvLg4xILWW7zToZ+KuhtB686H03QTyCwbFWN4MOAeaB\nCQggEUIa/dbUuYSBgL3F9mFwH+v6/BT8ntYicrA+Gu5HmCCBzTvqtgHJ+Qsa\n7GA9BfLhzsDfT1XUizCUWC9VBJ51AIDerPoH9w03zgDtMEiqE0Fk+sIOF08i\n1egxFQehnJECCnFeYPY2ZcSCu1668TwzbiXOWbL0avYQUXhjdPcBYQ8AACmp\nHF5JP0c5lFgiqmOwaIrRXCVXJwjcagMfbF7EaG4RmlLMkXzXVWpGmbx7Pi4g\nVoXPmRFjfAaQBr0izMAdiycDpEJsWW87Grq2FViu/7Wlu7/C5b8CAxg4eGr7\nras7\r\n=3PZ7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCdqkkozlcpsYsen1s8BGDVu+pIWQO0XcEd7SBDl+PdcgIhAPnT8txlYPnMs5ZlD7BzDA5JGiSLc0zFk5z3HDwdsZiB"}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.a9177836.0_1599846422299_0.9765447164163175"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.b102a3c8.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.b102a3c8.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.319bf66de.0","@material/theme":"=8.0.0-canary.319bf66de.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"devDependencies":{"@types/resize-observer-browser":"^0.1.3"},"publishConfig":{"access":"public"},"gitHead":"6e9858879b6405bc690bd677e308d5197c609741","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6e9858879b6405bc690bd677e308d5197c609741/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.b102a3c8.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-x8y8sCD3Jbxjfrk9Go2mprtZ5fMx9g+mHX+pHJI7jWXV8ppSk20ULWiQbtsBXjFq8BIi7e58ACIlfG58XsMS7Q==","shasum":"86bd5ff47b0f01383cae0c30fe1a0382119bbb8e","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.b102a3c8.0.tgz","fileCount":16,"unpackedSize":66648,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfX867CRA9TVsSAnZWagAA0rIP/3nwB4oQO4LuWE1FUmYZ\nuInzFk977Ti2yrBUF//rYgzXPOCbozhLWTMtsWBUO3Hedq81v3e7cZZrpERx\ntN32gb9NXh+OxFZQ3LI49HRXi5l1C3ZskMGncocSj48zOJTMiu5Z7LTVxA/D\nYxa5EeVqYUqX/KsCqoASefPSJNIrFLTSSYCwRB3txDiWHaxtph3ATbHDsmwl\nyMB6xNtWQ52baHsD19h2r3rZ4gxjwN/A1+6YoXEbA5M4/nk0G7ycNSNe9xBs\nrrr6n+nROkIusnVHkj4YJt1pg0zIs8pkwxLjHG0B2bNAh5M9cpmpDbxfrOFg\n40AbtAg1h4FvxyIaKQZxJWRB12wUTGXGoR+Lps58/IbHCP9X54ZtOtJYXPE7\nssh8lRbbk+XDckXs1IYF9B82mKahclZgdfKKD6Ix2cvsywNLKpOG09oZD715\nnuFCXZY5Q8Qla8FQmtKvrzoWSGhrA1upGOrECSKFdbsU2bUcKUXW3YjmMg4G\nEp+pRin3Fe0NfoCpWlyvrFJV6ZevCeccZjbDDLtbFwzBgXZzVHXgpNXUZm+H\nkAikYaeR31/FXekETy5wZUgBTHQNTRZtaYRnZoosK1boOvznf/oySLm/NtBy\nFy3fpi5e2eiSLTtSxWWFpCKH7SUtX3XEwSQYYxqnj1UqZrueaUZLJnj6IZmS\nqRBc\r\n=vawK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCFHyF+Lcb0V+79dFPIe8WgjKnR7G31zYsdMCLBdi3iHgIgDUzwiXEQ+A5ej4JiydzZstsjifsjn7gn1y01thoo1MU="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.b102a3c8.0_1600114363035_0.07668503831305129"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.a7fbc707.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.a7fbc707.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.319bf66de.0","@material/theme":"=8.0.0-canary.319bf66de.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"devDependencies":{"@types/resize-observer-browser":"^0.1.3"},"publishConfig":{"access":"public"},"gitHead":"02e804c299cde57ab03b33a403a43803fa9868dc","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/02e804c299cde57ab03b33a403a43803fa9868dc/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.a7fbc707.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-K91FJYMunVLEkunQILqKF5q2kfXad/y3gOsvAykj1ksVrzPNizhao/Iu7y9GN1C06zFci/mQTEVxMhhZUfa1sg==","shasum":"638f9848f71a30a58175a4f0d41da9c683848884","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.a7fbc707.0.tgz","fileCount":16,"unpackedSize":66648,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYOYpCRA9TVsSAnZWagAAG/0P/jTP4NFO1EoMjVRTF5jE\nd9//DhIuPa7fp49lULBJTdAS2zzakxwevx99tWmutXEmylt+diX/FxTZkZ5b\n2Ng9OKmAG3DhRhNDaBIEYjBXq0hwAtUKDFJqd5n/ctYrn42tEjiLcMw1S8YX\nFkhZnSF6CV9OdhltvMPXtirCTB6W+69f8UPpa8T4zSz+25OfGjLORh3/3hC9\nkChS0mlvmxxPy5XGdgShFcfK6sDjMnnyljAATHrUAh8arV94W5nHs1LiSZgq\nrKZ69ZKXIryNu6opxvkFfhLNrYY+VDVnv8ACFadbpP1bvCkBDAapQm9SlupR\nwZ/W/xTRZBN/qA7vIFzeaO+UjAK4lC8cHhp86oelRivIBOdDgT+4eLM2bUuo\nD0Of4dXOaNOS8oy1+KU8no1DQR+c5UZGTdSsAs0lEyvGh0yh/5hP6Zc7Xqvg\ncvCKM5/lDt0j3hxXU/zOBhflIK04YrGP7g2a3TqoRu9hxGv3Xa8epoovt80X\nC4gkE7kp/4QZQje9o3Bkqt9PyJjrbx8A7uvxITWJNLwakBJ9mXJ0xOzWE5DE\nPQhub/QMIAeKYx8xlvLoWV6OQpiS0P7UVk+mFRfGJYM0OMClg459eDjRHueQ\nL74tm3dcWwmbsr52WL+GiMVy8RmvLYi8NN6bf7mu7LxFIiQ+AV4X6ZAoJfsB\nZhcC\r\n=N3p7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEFzgEDos0O9PbzXivHr3KZDqWVFR4PbP5JLZwJLDgUZAiEA8BxaFLoO0ueg6z0LGreVRZ7ZojiANroNnQeW/HtkmRs="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.a7fbc707.0_1600185896767_0.7901094308617063"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.ed6b8660.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.ed6b8660.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.319bf66de.0","@material/theme":"=8.0.0-canary.319bf66de.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"devDependencies":{"@types/resize-observer-browser":"^0.1.3"},"publishConfig":{"access":"public"},"gitHead":"1367f8f205fb56c27d6146b261ef87d62751f903","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/1367f8f205fb56c27d6146b261ef87d62751f903/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.ed6b8660.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-Jsa/DE5QKPCuKISNgL4fR3ayRQnpmg7VF5rtrJqY6xWCULRpnOxdJ6y/Q2sYCPj7y/979/urCs8fu7Bao9IX8w==","shasum":"5fb988531ca4378d2504c8b62476b577718a841a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.ed6b8660.0.tgz","fileCount":16,"unpackedSize":66648,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYPjBCRA9TVsSAnZWagAAt9AP/ileuoC4RSFWnzmZ/n+H\nUaa/0ksAzqDw1p1xiMtaZJRlccZQdvUepPaP547WxAxfe/oYwWhH5jqgz2CI\nZ5hcrHM2SNyml4TMjD13qeQqZWW96n8+mW9D7SxhHFewc4xrD2wo6riixR/f\nwVZLxeWZ7OaCiWV36+7TuAyA84xshu96ymB1UkZzIb4+LXFwzezDU9I0udn1\njsfSMf6wLX+DMzYKCCFiBZ02ZowGL/3LoeLtlGA8OYCRx9sTUvgzolx81N4r\nPoAVt/h96WV7WmwEosJK2i++7pqvvsbUMeXrVomdbraqUTyxavrY2BTtqPJF\nymutdFgvoFMo6F5h2CwBIg88LAg8lJdc8z2/qBV5aNh9C/obh7B58zl5NYVV\n582/1bVd2OQsyaCjb0urQu/CGpeuzODgpAFVEWTrjCSQr7UxQcR/21lUWZZp\nSzw2XPU9T/i7ifXtoCSduVyexUDVY+A65swnbpsf68EusKadQ+TI818bR+5T\nsl9krUrc+DKFTpQje/7IoD8DpmkDDkNO5tKsLEcrXbRuOawql/x5sQH/A2Gv\nckzJIJ/D9e5NIfoXHFzk7Wu8tflBrqA75wjvcitrNmKU96suHWDJX8jzqNcu\n5EsJOKkH0hEcvz4AMzQ1+L3Us4B8J4Cj4ZPURvUAzVMnxYO66w8xsb8XPaMs\nnTmU\r\n=vRjx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCM3DMK5NITGaJ2aI5YYWH7qvosz4Wh1c27AnbZ7RHoNAIhAOjk026kpiD2XMb3W3Ab5SZcdcmsac7EPdZDb3pYOAFs"}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.ed6b8660.0_1600190657176_0.6486443320405493"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.9c2331f5.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.9c2331f5.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.319bf66de.0","@material/theme":"=8.0.0-canary.319bf66de.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"devDependencies":{"@types/resize-observer-browser":"^0.1.3"},"publishConfig":{"access":"public"},"gitHead":"59f9c402cf61ed25b9563e2c228a24b4fb13e1cd","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/59f9c402cf61ed25b9563e2c228a24b4fb13e1cd/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.9c2331f5.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-n4nLHRV9eL6vDu/9+iQOSBgIOJ9uPGtQxsPsCwiPtgH8okyxkxAYGrf7dDOW+WLA0R+UPfYj9Tx64O0Xv/l1+Q==","shasum":"d289d01735c294c47431ef5699c4855fb837050f","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.9c2331f5.0.tgz","fileCount":16,"unpackedSize":69095,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYP57CRA9TVsSAnZWagAAV4gP/0sFfP4PE/tzLanSDCh+\ndBeixqjqqVQfbKx+c8ht+iCJPAuHhrTBl3ptGMtKXrCxCLqNzJ/lRkE8pzLH\nT02d5QzOiiOdYltq7HXXWA5LYzyvwEfkWcaEJDgrCjkQqvPopqFNrZtL4bVW\niWPmM9tzSwiLreiR0ZhwFLu9CJ1wD3lyTVX2RTrEr9Fotf4hCD51ndQe/n8e\n+SlyvRYL+QE0YhG3ccWsMJIeUglrl/Tra61kdNXzmLJiB3plOaDqpOKYn+A0\nTB4KzmLSJlrxkehwqZjxHPS2ph4p80MRUkRivKnKM6STzMaOLCscQmaHB8Zh\nNTMUAbBrfkEpQ6cjzQ698B5TSmkW0hEsmmspg45arsCeAejbRRWHB5euQqbg\nwrmAqYkM/tXGgDaM1IicVp+Zqdg4igDfSc9uqkAG2wMF+2d0HssoBbacjU3N\nVwXeb5KrbXzRB1G0mbEBuE44D7ck4qHekW5mP+ZgR+kW80OM+oE7F4CgN8Ku\nwT34fy34bwP1jZFjEX2Or0rxIUOowicRbOGEr4KKMRBliIdqD4zknk2oAt0a\nanemzrTIVfOAGQKfRw+cn/jSyqVcAo39rpALVW9EODbH0h6s8DaSanF+/tB6\n5Z7alZmW1gShIsSd8mcESa8uIW7g7HqLzQZ8Y+OeD5wO5BRnmjMhEJjGMaNU\nUYuL\r\n=xBWj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICp64+UdTcvw40Fp6UfF7K5qiu7f8GLbZwXz6I1a29udAiEAn3BQxZ0mDIm32NNjqab7w2r7PsJ8QhVJ+cce7sWOzyU="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.9c2331f5.0_1600192123499_0.7910571505953123"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.63a5f088.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.63a5f088.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.a831d4799.0","@material/theme":"=8.0.0-canary.a831d4799.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"devDependencies":{"@types/resize-observer-browser":"^0.1.3"},"publishConfig":{"access":"public"},"gitHead":"e26f8baf20e7e3a7056a6b95b14cbd94c380a1a3","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e26f8baf20e7e3a7056a6b95b14cbd94c380a1a3/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.63a5f088.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-yz7uIR6fUzWAoA0QPMj99U+jpBla8rHYOgm8EUO6rpZXrp80pHX00RqWVYJ6gKrY0Ugi4Pt2QTZWxKprbvgDnQ==","shasum":"3b0260bec1084aa510de4cee1716f35d6f601f2c","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.63a5f088.0.tgz","fileCount":16,"unpackedSize":69759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYoWJCRA9TVsSAnZWagAAYUgP/A4mKNzhXtUWerLhD1ip\nETTdiLH5OIcOQfwlQkfCRRB1J2X95bSYRisto/tzlfhce+D80qfFTT4l37P+\n3CuUCYrn+k1+l+bleYbyCAe2D71mAL3wEgXx08RuCwLcAxAcJGtzECUUWaNp\nZlFo6LFhpy1TIMNVgzVoPEEV5FJNFsfNgpMXhCAFmxWXmeWXW/PbmX83q64/\n612SkCKRQO0Ds6cNIiWsnoYanxZMHwwFiKoxbpPAZjMUaaUQ8eajZAV5zC7s\nyhWUx2bzghpGqnpqehVuE+w6las3VL1TeHp0v5NQ0O3rGP7nXc5lJc+tIJcz\nazYIfgSuL0mY+cO6N/bmPoVs0B1tprCmrzPHHFT4ATaaEJJ5bXTklMSoecu1\nn4bW/FFS+ZdgORWYmuD9A2VX6zlcQJpXHq1vXF9aL5PwiD8b11UwOz1TrQcT\nMj2Xh1XXcaUzlWcXVqdZtO6lLMG0ZdN8G4kt7FSUp9lNvHpdfBHzxCjnieP4\nEkbwLoNt4FC89YS3De79+SFtwG6vIttG8bF0/mlQaYRoolVyToUuCZX49+U4\nTQ4B4DjPaoJRHRuoTlZdKBHVSyvFlrO0cb9+5sAmbf9SFD3q3vGmMYem1PgA\nqDFODeoL5R9L31HeinfRsuXiP6mcN23hx1eeog8a2YRHSPsZ4Yurym3rOzmi\n0qTJ\r\n=t3SU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCr52vVPqCiEd7HLynL9OdDR7pLHUUi9rZYq6NYcHAtKQIgIr7Nyyjg2hHFdCro0+W0jW0JIjRBgaFgkD43PIrlRMc="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.63a5f088.0_1600292233403_0.7913093865639351"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.b7995e49.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.b7995e49.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.a831d4799.0","@material/theme":"=8.0.0-canary.a831d4799.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"devDependencies":{"@types/resize-observer-browser":"^0.1.3"},"publishConfig":{"access":"public"},"gitHead":"18f169aac3491f89184c2463a837b86dba845e82","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/18f169aac3491f89184c2463a837b86dba845e82/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.b7995e49.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-848y3X3lZmzXGfFFDmFZ97qveK+vSh2KH+L6svfA8cf8Fukbt4aj9G23kIU1gFsvv/0PJdBCsEg+uxT4Qq8ztA==","shasum":"af995b169b0d8f383844f105c55bed526af9c990","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.b7995e49.0.tgz","fileCount":16,"unpackedSize":69759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYp8ICRA9TVsSAnZWagAAVpUQAJmH069KmdRmG5ns0qkj\nX2UncdWZ7/SiiTfEzPjP8f6ORs9WZLkfrDDdl+S441+v3YVQ3T1noANHeX00\nz5NWtfrg13+3YuBTSEUafQWoGpGpRLUn3Hxo3GD1A9fCpb7481AnzBXMJupM\nh+myKg8vzS73TSET6vDPwKb9Nb+IlVOWhZ0UGbXBuMDBnkf4oMTbjlxgP0+F\nkEDOD9s4PtUOpBiVZo89H9w+RUNr3stgXhP9oPjElVHzwL3eFuN712Ih1RJ1\ncUy76Q1FxUKCcKW+dIGgWdqIW6gWIjVu0en2wngcjpsFydgiB+uV9/JDQpP9\n6AYH6G9lsEcpR1nncND3pHKAe9K8zKOopQDMEgnXTdRzT0Q1axWqdY9aAMPl\nqFfTy993pzaG8o2na+EJgNB6xpIuq8xkm/ESbmmkegSEpBSIwggxAXoqNcDy\nrUoGr3S1ISs5oZHfBxMj26SK0PSb0uUw9GYmriQRy88A8iY1tjr5hCCy+d0e\nHjJCWFZO6yPsV8fsPjt4XqWjLHhysBd3NjYljDi3vzeYuPv4j/43VZA9ksMK\n6Rynu6KErWoEUpeU86Fff5IATfQ7V74LN1cA/vyn+7LUMUN47Ldr2Urrds+m\ni/GkxzQINzyJrNOqgqJvI3QQGZ42oqvXqKaFpQyytobm0U57UsgCg5UKHVVc\njgzS\r\n=Plv3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCJ5a6r9/W1N0EtVtAgQFMKpVricaCKELDKTm8T5Lms2AIhAP/8vH2RH+F+lCHnhsSmBtYMfR5RweycV2xJuB1/tZx1"}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.b7995e49.0_1600298759893_0.23718995625780326"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.0da3ec97.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.0da3ec97.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.a831d4799.0","@material/theme":"=8.0.0-canary.a831d4799.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"devDependencies":{"@types/resize-observer-browser":"^0.1.3"},"publishConfig":{"access":"public"},"gitHead":"5f18f76403ebea15763db5e696b84d6d20a3768e","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/5f18f76403ebea15763db5e696b84d6d20a3768e/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.0da3ec97.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-5k9dt/wUBmy5NEZVAHLKxeXe9rWS+aEC54nmslNY9GAeKVqC6yESluP7WzPPSEtYyDdCUzPqgdIJd9AHzeEFOw==","shasum":"29d4c57e7f5aaa13f56dadddd0842df0c4822476","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.0da3ec97.0.tgz","fileCount":16,"unpackedSize":69759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfaSRECRA9TVsSAnZWagAAqywP/0Mj0J247dv8kdJjupTj\n6ZZf1bXl+CAv2HVAnhC+GuWjNkas+b2itOzFNVWBRFygh+v4HJ8P8N9P6+fX\nixSzNLa5N7TYaid9bvBj1916Z61sIZj6qDmbJ1fCKi0w/Aq/ztPo1p76IApv\n+Ssh0aDIHcNCQH6lR2H6OY3vo57izACZihnebpxq5i10t6C4VMs/rOtAHZrX\nwnDYpMtSiUdf1F9ChJ2ScJE1SYkNBZaM1RZ8GqtSY7MmZYbfj9hiq7FOxsxA\nEZKYy7RDJfce2l0ArPrOEwK6QwqkiJ5cWYf6KqevfNX6NYBMcMVxmoln0OTJ\nWvM8REiFT2vJL5tqr6zMsjqW4vxHF5YraQvIjfE6HMNRNpbp/9/Nyys9ugwW\n6v7nadydSsrwCsTi30JDZLijgKqYoHW6ZCvf47xrSqmWu7jKvgqozxD+He8s\nKreyyE4INqBeLhyV7FCLBt2i4dlpBOr7Jh245SeuFvVV1BI2r44Dd3FRmNfC\nkegQlR4OD/+ESbG0ZEkhKOYSJ8TavMRULiBqmnpniLl1NP/b0V+vXBLxnvJL\n5re0FDJ8BlgwlQPZVOUn9zYhVcoNZ5RZEghN3WT+/O9HWUhZ2g32l5vMwMoP\n+Iw5jYtBHxNjbp3OwfyRfGTgvg/tKFcEA+hKJZ4ZYnHjWKQ+4JmyVQLb2Xb+\nrg2m\r\n=UkAM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCMqnBTwOSSJcyO4P6JhUlDr8V8lfW9PziMGsAuwO3M2gIhAP8k6kMq+G92uTlXOFglLpCqkSqGVy6ZqoIxxvEBAqEH"}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.0da3ec97.0_1600726084252_0.24151685158008473"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.a0793c96.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.a0793c96.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.4e5c350c2.0","@material/theme":"=8.0.0-canary.4e5c350c2.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"devDependencies":{"@types/resize-observer-browser":"^0.1.3"},"publishConfig":{"access":"public"},"gitHead":"4332e148b28dc28d9b324306eb18987b31a80ca5","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/4332e148b28dc28d9b324306eb18987b31a80ca5/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.a0793c96.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-jzNP4984NpdDyDWHu3+pQC6y7pEwedqBxLhoOqh8WypT7fXwdR0jsu38ncADUrjs+kXqO7XnelX6aFh40PDTWw==","shasum":"f706c95bddfabd2b409d54536650afe6d03d7fb9","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.a0793c96.0.tgz","fileCount":16,"unpackedSize":69759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfai57CRA9TVsSAnZWagAA9HUP/2HbXApkL/Sng2LXnVa4\ncWI5DatC7yrPqYPXWXujn6Ltsnw8eGlV2lEEoURXNrtkQCCCi7sSFNKMIuaf\nhtD64JoePebFu5HHIZ2GjZaDQNElMpX7CRtwKrk6ux3hWkJqvcmL0d4ucwVO\nyjFtjm955mTf3j/AT4cNsq0PZ9H98R+VPuoNzJoUzCngJYidi+PJjWw3fffD\nuJBTwb0ami0QRq/M55cw4uY7TA8yROhjsX87URbGturL9kTU49LmXb2rjd9B\nxKjfxwWl+EOElvMGXcF3Up4rnrFCmNQOD5fH/7VhmIJL2pIgE5+GNG2x2kYl\ng0ij7UfJE1prVL2f+fi3HOdtzaq3qhm6QmLUD6uEXUhr76LLkRXXgy2+EyU1\nvvz65GyIqSzOcho8qTM+bePlsmP8uo1vbKERX0+zcSq/8Np82V7dGd+ZfWfn\nFJZe5HdDBFy+HRsfOglE6r62hv5Wl4MS9F0x2ZMH1krzfOIE/CKjxo2XBqDi\naW4Sc4kspVUm9D/X/OhC0LREPT0xz6NLlnklEn2raqsZ7K9aDY2hpuUPh/Z+\nSg22EZj3g6UCM2TrJMoFKg52jU5mSgqJlkhOMcjvFFjcNgyFFGlQV0CIBM5m\nWNbcjpMT6PU4oJQoWJvmjrhl52EZTPs0ihfl9KJ98JFcJDMs4ryWnHRGRyzC\nvEwb\r\n=oDp/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBjAkOwzTCxkH2Ck6EKNxKI3t6Bsc9bMzJiLO6cZjC0UAiEAqBIufXeYWqwjLxp4qeNtVWCdalkCnxTw99BWUVhPVzg="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.a0793c96.0_1600794235036_0.6118050800522394"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.06998a3e.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.06998a3e.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.4e5c350c2.0","@material/theme":"=8.0.0-canary.4e5c350c2.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"devDependencies":{"@types/resize-observer-browser":"^0.1.3"},"publishConfig":{"access":"public"},"gitHead":"decf3423597b14fccc721d29e0ec911320eee3a2","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/decf3423597b14fccc721d29e0ec911320eee3a2/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.06998a3e.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-AsZV0pq3Bijrhq4DbxUDYo4QNSFAwOe5I8xfZGJ7Uy7Un/37uA9JwtXcRPSQvmrp34d6pOW17zB0Pb+EtyHMAg==","shasum":"a8c1f8ed6a0b1a4e96c6b60d7ff29cfc87249366","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.06998a3e.0.tgz","fileCount":16,"unpackedSize":69759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfakGICRA9TVsSAnZWagAAWtEP/in4ZsnxRhbiqxDcCAWJ\njLZu3eTxxBVnW3d5uI+czJikLoCTH1zKNqo1BPPzILuCojh6dVbi+lVYlmFP\nHGgLgIdsUwSdyVEtsOZlCF+9V6kQtzz4Dr4pbEsMygxzL5v1dsZhS5z/6rt0\nNdti1nkK6CnPiPM6F1aCWFEu6rrZXEekffuXQzFSDguQyTYCu7nhvz7RaUjS\n0Gd2b7XhmHOfTSG2Ni7oM49tceLVCr2ChOK5IT2rIHTLaMWG2FPq/TuNpqcR\nAvNsW34GAPKmMMatHuUEq7YyAELZIePRnfwPlQVUKtUKZ0GzEJqqQJfYqClv\n0lvJhr8CRz6PcOJbtjsVW06XTLJTZvp6guVdhJ1GTHqp0BbCm859bUoQd7u2\nec6BdzVD0OhXcr7u3kwEBlNdsewEe9OS6HziE+FB0HK2BaPQboENushH7foT\nwxNCF/umzXKRc8YQWe04+TNtX14rW5c99HvTxj9H1BzKhhaz+Jps7O64dhfY\n9otN5gouFAaUyWCN6wXxo8esOyJV0a0/nvVVpTC0MvCC7rYC71A4h+5kaWXe\nsvxZslslLg3gGFVEilJepN41Nxt0NezKmFKgcaS3cdLbHuHfdFx5l+w4EWnW\nFdOrpavXiYNYcPOIxibyQCcbcNX1LanO4sZfCDgyQT1hCSLADjD2rAaY6sw8\nwPYa\r\n=4baK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGC8BTIDFdgA1F2StKS9sZL17CBdzKT0VTTExElGVDx7AiEA93njVhJ+bravTDSXAnPFLjyzUA0d9zyUr6XmOC0mLZc="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.06998a3e.0_1600799111875_0.08894661109083724"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.3484a90d.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.3484a90d.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.16c563ef7.0","@material/theme":"=8.0.0-canary.16c563ef7.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"devDependencies":{"@types/resize-observer-browser":"^0.1.3"},"publishConfig":{"access":"public"},"gitHead":"9a495a0451ae2f8e95b786a624153a7b57c4760e","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/9a495a0451ae2f8e95b786a624153a7b57c4760e/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.3484a90d.0","_nodeVersion":"10.22.0","_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","dist":{"integrity":"sha512-Vjjf2s48Crd4S9ypJWwF7o//mIzY3/A0IzogMUwq6upr05iWdchkW2De1pv+tql1So1Ami2DG24M5WTf2gX8xg==","shasum":"606374544664be80c842895dd665a64af856b3dd","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.3484a90d.0.tgz","fileCount":16,"unpackedSize":69759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfanS6CRA9TVsSAnZWagAAZ6AQAKLqztTE2Cd6Op+qHW0t\n/FC3MZ+crjkNn20p3N8ahEV71YPxQKTkZTOw8nNNBFP+uKIcBwUh7GGra14R\nt9jGoOs7GlEW69rzHqfUdG5eHBMaudvvMfTNTZL9espCrQKiLh/9jvtUnSAe\nTyItw+sZat7pnsPqs34eSbm0WkySCq59sAxacycfl53EdnqJ++seg0lBgp1y\nXZRdJAWzq5QRgdMQfX+elhmV+MtERKU8HynusfZPDwSpmPNXcD1rvme0rNGc\nZG//jHhy9fxndiMyU1kPZtoHoswEXJzrapkJ+TV80Kynjtfb3gJQnvh6HVwo\noADvhCDNxRZh+qe6AnTnCcksA3zfRk2FnbEtB09P5ena0MU+iJenP/Mau9JY\nUt0W3OBlri+HVA+0EI4LzgEq/DE7NQYvxMuzFFVLamgg0a5lxGUzvrKl/CHd\ntW3mIlQb/GvKLsjLPl8hwvphk7E9v6UVydSToxcCnurv6n+SqTyJCjWmxSM8\nHdt7aiGeUW+VIU2JwfcD52Vh5eb6dJiJ0R/fohsO4qbUUk7SZmx4G6E/SZBg\n/gUUeM/CwNHNlmR7dbX014uunV8Vysj0hxhyyJ2qvndkLPHYus4i/lipdJCE\n0MxjdJXrFW6/coJRIUNiuJ16xClZLtvQ3LliAf6KHlg4XKI4luKtcyzioBLZ\nyQ0F\r\n=cG1g\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDbSFn4hujs3pF6vkehcS3Ekpm7lbg1gIZxHXTFKqy0nwIgY63w03JlacirUTFSofNJo4AcaKsPQZG0BBzfWKrKj04="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.3484a90d.0_1600812217662_0.8137702305063803"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.3f99af40.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.3f99af40.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.16c563ef7.0","@material/theme":"=8.0.0-canary.16c563ef7.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"devDependencies":{"@types/resize-observer-browser":"^0.1.3"},"publishConfig":{"access":"public"},"gitHead":"9c1a716646d54bc9aebac750a99d1fa752f60d9f","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/9c1a716646d54bc9aebac750a99d1fa752f60d9f/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.3f99af40.0","_nodeVersion":"10.22.1","_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","dist":{"integrity":"sha512-vW8kcD8iR8e5fikfmDNb7V52MEXdDXuecxj/HRTyL6c3jM1s5T/9UkDlogcJpu/kjqkDhjTzy5nFDnHaUSdHNg==","shasum":"b2855905624f71546059a3ac59d417f6633d1200","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.3f99af40.0.tgz","fileCount":16,"unpackedSize":69759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfbSnMCRA9TVsSAnZWagAAh0QP/3H31dS5Nv0BubhIb0xG\nkMhj2n1vIeUk+FSIgdpK8T7MTnArKcxJrvx0gULqN4B09SRdwICmnBDpdGJx\nFPzkHv/dDMQEkYnq64y9NT3Zx+zMIm0esAMUjeNvJuKj4KKxWkDREUVoiQal\nFpTbVqFkXJGFRdFnX9lBq3RcfxjVihXUGcI1R2wngAqUx5Yo2xPVgE3a1R4+\nxMy7NuA9MtS7ujh3S78XrS3CDTpCNzgAZUgjALy/OQYOiDEjtMNRYBnZdysQ\nckpNHHfxYtXOLzDWWttB1RWFgfwU9EC9wUOJ4WNVX920goBGLt406kJBUnju\nPthyY2VjS6KMJn15hGDy9512xoO0WY3nr2igmVzpKNlXqWvw3M40W52d7Luv\neu3TEQGJlyazpa+ZynTLzNnrRG3ug3jHf0KL27Fll/fwktnRw8HgRJVAUz+l\nHs0p5578G+ZqoGpLZCn1/pQN3Q8BXy2Zx4LDN1VKD3BkDbX/iVaO6AD6cgQ6\nOZT5p+I5PZvzAyVQwly1ZjA8V3Y2Vwx00EaDkzw+KkAZWVe3e+9V7Q11gVEY\n+Wzo2RKQKXWzPRz7C5MWCwJFizrQeEZSj3ssIT41a8+X3QAryLDJpNIpWm/J\nz7HYXVnoafd8hNdnqcYU9r101ulirB8ylyt1Prfzz0u7vy/cdJHTkYt/07EK\nA0wI\r\n=E+DQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFCLXC0GQSbFK9mPQckDYVq/mnXyVx5fQAbKzTTLk5K/AiEAx+zd/QxF/LL77w2sb2fMKSROVNIUSIH68/oZsqAExWg="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.3f99af40.0_1600989643795_0.11634673363043202"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.72aa1129.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.72aa1129.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.d4cd83a85.0","@material/theme":"=8.0.0-canary.d4cd83a85.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"devDependencies":{"@types/resize-observer-browser":"^0.1.3"},"publishConfig":{"access":"public"},"gitHead":"b0de5dacb779cde3abc9f66672e5a936030fe63f","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b0de5dacb779cde3abc9f66672e5a936030fe63f/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.72aa1129.0","_nodeVersion":"10.22.1","_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","dist":{"integrity":"sha512-dj6F0axF+ZOkwrFaClExvU+iewze/L6PxS0Z9k5dQoCKb8NtXmNXTXvRnWilV0kdAJr8SIjHKAt+vg7j/l4Jsg==","shasum":"b0789bc23ed605e763076e3b52d4a58c0e4daf3e","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.72aa1129.0.tgz","fileCount":16,"unpackedSize":69759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfblvfCRA9TVsSAnZWagAAV90QAJQzjXoRVFtIM+Pb3TgD\nO2iWUJdcoRLzcwQ0juwCZj/i4gpfakkXP50rUWRuAynoU0E74FwF39dL0zKq\nImf7fBEycklMDaQ1x0t0pO0gJTEkFR/DER2QHY7nvAaKzbvXWHA7QEi9ogRU\nb/PpJgjvUS7LKQCAoMo+EwttOOpcpzn5nlF2Tra1D5BCQzuCb94ninXMyb6s\ncDnK8jcAPZoZKgUewOtoCzIRseCg63dnfUO1POXwJKg3OFEHChic82oQDiSs\nbMtuwuCjwdOta3MFEfWfOUlBkvmwH4HxiedBHkqIaBBo7wD+5S5Inwz3SEAT\nj0H+T1WCjtqg2oGmS/LFmFd+/6r/nqaF9TD7leAajul3X3t+T734nmEnsDtk\nD1a4LqIcend8Am09gDLkugilSv6ElcJfviqryDw47Gw7iItrP7X4kGHYK92q\nUlor/sTGdQ5LwafBq/GdD7M9/Buq2MHT8N8GVVsUC0ig3TkqHTKXy5bhWUDE\nd+nuqoU9t5hj2Hq5qLLhr8C3gZsM0aTksmk+CsVETqQ4JmlFON9mhWOYxUEV\ny9672kJR1chk26HKaRir+SLBld+2YGI3MHXwdA/4GesjM8wg6xj7ZC+b9JXz\nqzWHH/DvbNu2Ffk1kF1I6zax0Z4xel4wyBaDSPXqNQG6FaUb4AUAPgIs+jHX\n9M60\r\n=FiZq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCbnzkG98BlgsPXYY8vAlSbi+M0ZIXvwZ0bO0PELum2sgIgPn9aIJG8wSFR/ELLm47G4PDV+gMmGxN1/kuLxxj9Z8g="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.72aa1129.0_1601067998479_0.38545812241902433"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.394fd3f6.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.394fd3f6.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.d4cd83a85.0","@material/theme":"=8.0.0-canary.d4cd83a85.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"devDependencies":{"@types/resize-observer-browser":"^0.1.3"},"publishConfig":{"access":"public"},"gitHead":"f7ed30422433da24768cee2e9ee84140331af4e4","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/f7ed30422433da24768cee2e9ee84140331af4e4/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.394fd3f6.0","_nodeVersion":"10.22.1","_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","dist":{"integrity":"sha512-5iGSgk5LyBQ1aNeq/bWEEOzMiNiJ5iAuEh1TaHAOUG+ABcZf2HVmTykF9jpbQDFldCOW3935dIxd9dmtzJGibw==","shasum":"150f34926a0eee1f285dbf1e314000f8c70cf054","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.394fd3f6.0.tgz","fileCount":16,"unpackedSize":69759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfce8bCRA9TVsSAnZWagAAlBIQAJBhaZJetEvVFandbqkt\nXVtcjX2EYT08/1Ah4T+TKh1prI944P2zShzXkf+XbdRvoND6jI1kL5mFYYa7\nj8qVbzRL/qnF0axn63PFaXXlgy4YNo0suE2Uo7P1F+vgc3FckWzfjYcldAKU\nQHywv0OgcVF3GXt1am0WOPBF7T2AoAFEFsFaOSLrGZuf7YqSTUQ0kSlKNuYQ\nRDk1b2v+48yoCeZM9hg2iR054dRAf7Wegs0YRtLAAO9oMK5+10td9sxWroNr\nRrXN4V5+QqObj6w5kDY0v0DQ9uA9wg0N8c5P/dIa2tO5qWWOzEMc5X73nO6W\niRSdhkqBmTHGVvTqfk4B/a3T3O4Soh+oCK5fQQIU7Qnagmm/Yv7jJU8Zrqon\nghfd1Qrn9UEgTZsFyi6RXwHqVvAbZeaz7/O2xnJ5Mv5XvchCdKtsZ4pKUW9J\nzdUCgULjRb+W0MTwIMS69p7rt4Z2hwtEOKSkKSUDrV6CFMvuhDnJlaqa18PA\nSrY+unqLA1hsb0TfEtqdRj/8CmUzWfJF0YXgGvO4uSMbauW8S4GCLSkGi+C5\nMbH6/QWnASIpiyPP8kp6TQQ7ZSn191YyaF1vtSy5E40Gtvhe7XAy+BoNePPh\nS3pI+OuSBPPc/hTy0WSZoAZGNgRR3V53Siyj/IF/0KFCJ7a48qrfmUA03LKs\nC1bD\r\n=Yc/I\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFEHoJGBdIgthoCy6gEX5PnwOgtlVhMNFJidMaEHrOIyAiEA3jq8ddmhBTb18dhHjGQjtNHZufg/sl+SPtksO+3jnfY="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.394fd3f6.0_1601302298715_0.652888743265575"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.347110f1.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.347110f1.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.d4cd83a85.0","@material/theme":"=8.0.0-canary.d4cd83a85.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"devDependencies":{"@types/resize-observer-browser":"^0.1.3"},"publishConfig":{"access":"public"},"gitHead":"b51682018a9a68b95f2c2cf2ebd16682dc3f2e22","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b51682018a9a68b95f2c2cf2ebd16682dc3f2e22/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.347110f1.0","_nodeVersion":"10.22.1","_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","dist":{"integrity":"sha512-Wi0o834XLrF8swMRMh4ZPR9xPaANsbqHPhCd8sz5abNWbKfBHFtCFLie8RsJ+fsxQra75Nqtidvh2lME8AwXrg==","shasum":"4d6b7de5e858bb4c8dd28573d81717f46b0165d4","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.347110f1.0.tgz","fileCount":16,"unpackedSize":69759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfchQhCRA9TVsSAnZWagAAIxYQAJfzRcFKwlp4KdIgozf4\n71o2iXSxLzYEjXAma9RQmvXApXPGE8mW/gREWafY04bo8fB8DFXmwC6qVhLX\nekVDX48S1GDtR2HK44X0UEIolD2BJRHpt2LDy4Dk4nMownAguluz0GW4GFeS\n/TpuJNr/m/cuZ8SJ7h3j0nsTGSIOeOqvcruuO4Y43MSxfRIr2bPxd0HLHYkT\nAr3ogpZm/fePc97DDtIF5w/nddBWK9w7jsV5Y8sc38HVQ5+ieKX2mF7PRJmL\nZtsTTe+Oxj1banSJ2N+W3gjZV/pfwuhDcpHuOP8RJqUjrvHIsMVD1F6VX+4m\n42F3A/8sKEbJaQs+KRHVIggZVOuiFX1A8SGwKmtWtertk/LyfKx9ImwWtmtT\nPOJcmF2r9l/E1T4vbu1xfFJ6ORnxanttI1HzSH61CWtM8TMoVfTdSeMBd3wY\nvETdYojmSabCdrLECUFhpda5tQu0UyAmePNfAUzPHanY4lFeYaEXTbfUneYJ\nZTwa03GYJDWkjbfNctkQYBd9tzSRW8Zm3rwporeMzFnMwMtxYwdRyYms5/z1\nPQJBdg4JVcdOed6eZ8V0EL4DQPBbrBMafAKYJZKprd5cX//uJKjBDEeEjeTl\np/cqDRVSdMcXtELcjM7yCMjpjEixWRK8P4K/UyyirCS1ZwEG6guYSSUF2IZq\nulAj\r\n=/m9I\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG+bmeWQhuUiq++FsaiY4AaMYcHw3HEkjOxTI3EvyYnhAiAv00XbeFMr4y3cbxzZ0v3s5KlXeGZ8K165UjwH0AQQhA=="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.347110f1.0_1601311776772_0.4810197220307546"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.5e330bb9.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.5e330bb9.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.d4cd83a85.0","@material/theme":"=8.0.0-canary.d4cd83a85.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"devDependencies":{"@types/resize-observer-browser":"^0.1.3"},"publishConfig":{"access":"public"},"gitHead":"edd7d263d4d4dfba81c2b086b08b2be10b533b2b","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/edd7d263d4d4dfba81c2b086b08b2be10b533b2b/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.5e330bb9.0","_nodeVersion":"10.22.1","_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","dist":{"integrity":"sha512-+Dgtq9rcBeJFmE4ILL7t8qx02SMNjtSn8IaTHwLB9SOVrnCiZwYtBN9tCKRLLCiN2Dhh/yPwdL0J3OgpmiDYKw==","shasum":"59577e340de12e9fca945f740b4d3373a6cb7c30","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.5e330bb9.0.tgz","fileCount":16,"unpackedSize":69759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfdQAHCRA9TVsSAnZWagAAm58QAJPsz5wQk+qTpGUnZeE3\nLdMVDUdUTk0/V1DpH6JGWYnsZWt3AoMXQNPZwhC3vVFCHCYJ17sw8iiC8mK7\nxsq0umDGtmd/g6pg+tYijzraHb2gz6xN/jtR0ADATlN2Ky21L0s7u1ehbJ28\npfklavcAnVesOr1VSzU0gtYF4M55kEvD1sJtlkjbJGTnPZ61dinHSB79Mufe\nKiFmyagCR6h5HSeAMP3h1Mlo+wUiK3s406P4BtKYBqPhI06bKkDIAxv1oWKB\nxivKTfvXmtwps4/fPo/M36Fb+slRlswGdo/qIzKbP9oy7h4C23pwFj88GM1R\nD09fNB2Qs0jqs2xY3W+NVOjHqqhsbiZ9tnMYrO2U6JZHv9Kv3NMjYKCouF7I\nbT2LcosTBWcO3YsckEYt6AlETHcHV0xSRNb3YYq4ETmYtyXdb4HKcjdDb90B\nC8N+IQpgVgf6lFdst6pkyDWbVpLG6uEOlvrQsAsjbNaxDX94diKvFQ/mANfd\nwoO5vKvgNKmAuHmkcW/PpMNNZEUxjm2+n3EY6CyXKdWmUefeHncYS4KvhiWm\nwrZGTwg4rI0F2kY9ttXgG2gD+Rfx8i6yTIFMlcCuek3fQ/K6XDs9v1hxNyAA\ndPjyH8F3tTl+xp3ruzTxpuFu7DZE+ly2TnZpCCvHWt9vs8XlIaHuc2oIXZ+c\nYZaX\r\n=wOov\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDkH2yKx/AHeRTnS5NN3+OZ3t9Lq6sX+pvKRHPxATjasQIgBCN/XD/mJN/M0vv31jDUrH5BlOTTATr798K5Xk0c2ms="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.5e330bb9.0_1601503238845_0.8948478406812541"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.30b9e3a9.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.30b9e3a9.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.38ef4501f.0","@material/theme":"=8.0.0-canary.38ef4501f.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"devDependencies":{"@types/resize-observer-browser":"^0.1.3"},"publishConfig":{"access":"public"},"gitHead":"1dbc47f1a0c4601e30ed5a9eb0fc9f9b56564e1c","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/1dbc47f1a0c4601e30ed5a9eb0fc9f9b56564e1c/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.30b9e3a9.0","_nodeVersion":"10.22.1","_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","dist":{"integrity":"sha512-unQ1ixrWfTGzOny+NNWfj/EkOrvtNaEwL3nKuGuWXPRSoBHVeFcqxnjkJNm19tq+SCKwCDPSS5uVIN8hjW2OxQ==","shasum":"07a65b484206ab07e3461739737db8210c4339f0","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.30b9e3a9.0.tgz","fileCount":16,"unpackedSize":69759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfdQizCRA9TVsSAnZWagAA1/QP/2r41Dsh7UVykO7zfk+r\nGxISych8aSSv4xXAGfnJwdRe12n/XRUxMIvklxFD3ozgV8DFbYX5W3vLql1X\n3cplxBTGiIVQZQ3gBY7I+C3LPlTaqHn1Dl0hCp8GDADMU4Hd+r4Pf78aIzYz\nh/CVXZL6GxtJiJBgglYGy566tNYs6w6yEgSxFc/PwONvAr6DpDj7bDfGpc9K\nKZ3Q5X6kc0HYOAJfCBLyCM3rGwdN8iEfQNkE3RBB2CqKFEDUW8+3yT8sDL98\nwRq9K+33k63En5Xmgmu+TQuH/M2hIlnLbKeb6TX5ywM6W+HhojiKaSAmr2T3\nErfxtxFZRhLtDF8tydfTa4aXXVo/TTgywpCPcfYesrGGvTZCqEkvYhnb36aY\nnZIBnXgQtkFVTplXIPANz4pB+t+rY7bfyAnrUMTSgK7rXM693/y7njkm15M1\nuV/wF7NgV5ikiLufvcPxdjxAdRHj68r/qwJ0vvlZvsnDgXNVZ6NshzAJ4Ywv\nMe51DZ4Eqx3mTPOvnx+HJepfRx8C054pPl6lktNlniAn9YHFzL0icgEInPib\nqvejWmqGYeeDhC4DFcro9aWVInfOWosO8gb6395WhvJO0DgxSWFySixjYeBF\nm5ckLRBboM9lWpfKnQ6zghl6Gug2WgaGYQuLP2SEy/pY1GYRJxM7iWvKhyvl\ndGt2\r\n=tXMH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCa3c9aZf6gCiIO/xXPMKKPccJ2r+UwZnoaiZgwpMxYvgIhANrVnhZsrrktt0Bb8V3Qjw8Cl/DqjGU3LCEFEZBDD3xT"}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.30b9e3a9.0_1601505458562_0.06810819864132545"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.7bb04b9a.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.7bb04b9a.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.38ef4501f.0","@material/theme":"=8.0.0-canary.38ef4501f.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"devDependencies":{"@types/resize-observer-browser":"^0.1.3"},"publishConfig":{"access":"public"},"gitHead":"f4137a832374dd43b862ca8a4db665a59c1a70f7","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/f4137a832374dd43b862ca8a4db665a59c1a70f7/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.7bb04b9a.0","_nodeVersion":"10.22.1","_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","dist":{"integrity":"sha512-QFx3ieyRvTSpPJV3rgy8dZ2zpO2wIINqDQ/Wafgysr2qxtG2ybY2LTxKlh/8F4o/75lRWAwPpw+vGZw5Ual2hQ==","shasum":"9b3fa999e740566e11060451c3c18cd6236795b8","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.7bb04b9a.0.tgz","fileCount":16,"unpackedSize":69753,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfdmSrCRA9TVsSAnZWagAA1YIP+gM2dT0f7ftpRw/gOOW5\npC4wozjneGvNeBFTAsXNB5H7cFU/dRYA4UC1xxARsGOMh/L9+tpTdHyGqWxc\nlac3tPjWR3/0X/SQRykhbp0zsTmG856tvQEVnggwcorlbcMsvmkJIfBb2iTI\nBoQ5SEHM6au6mZN21TBECanOlCaIYONVvl9mloNIyOyuoSp6sZ2ZtvD4Csb5\nKQZFNEEG1sxtomIiGA94reeSQ+PEEPB1I6VTKCvxyulwN2u8JZZWyvOdgtyP\nS34Gnx3vQedeBBmxy1XRXGBN6/v/zy5c1w3phB2Qkce2RceMzUKD5alPnIVM\nn6JOqiPA7rJZVa6XpNS8ZtUmCsrmFBw0VNKZ8NwhQ68jV/Jx4J9ecjiPP7v3\nK2hGtsKfrlmHofKkymyLi3jdcUp184s1+NvSfDJUnjDi9V9hviIw6djXNnDR\n0sGM1tj03lAOeHxxCiRvbwQrsG4KkNHtbVs+KJleQuZ8e22gYj1xgiM1k1C+\nt+AJURpKi4RKLes2h5FsJqyGI2TDIb3z66Qw+k7Qi+0k9B/cnG7lX7STR/p/\noaNw9GcrnnmfaYiRqIRZO0hzL+irhYZ0JhCuzR8KrCQ+NkdSXStRs2IcwnSa\n6wx8+6HWexiK9kpuOV7ThqTsaQK/dOmylA0qryIjSWjo0tqvWMgi1TDhDoJA\n6G7Z\r\n=4yT/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCmGTCT4cjUwAV/WPOREtOM6iY0WQuO8ytFz5NySi6EWQIhAMQ8868QMAHoZcSL5om0tXQj6qkoB5eBXa0Jbt6KuOA3"}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.7bb04b9a.0_1601594539424_0.8570780388664696"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.615d861d.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.615d861d.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.38ef4501f.0","@material/theme":"=8.0.0-canary.38ef4501f.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"devDependencies":{"@types/resize-observer-browser":"^0.1.3"},"publishConfig":{"access":"public"},"gitHead":"31f7a82757513b3944c605422e6c70eef13bbd54","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/31f7a82757513b3944c605422e6c70eef13bbd54/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.615d861d.0","_nodeVersion":"10.22.1","_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","dist":{"integrity":"sha512-UO2DnV9ww1KRnLTnqgmJCbdu1WORdjrSoUGXvWl2cJEuxA8r2pg22eVXLPokk2JAzCFV1eWK2n16reXDJBzxZw==","shasum":"f1ed9f654bfd831929f64f4abfe6fefafa94d355","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.615d861d.0.tgz","fileCount":16,"unpackedSize":69753,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfdoNECRA9TVsSAnZWagAABmQP/2dc2vykznJXSBMz97sX\n5ik0qg4CAXNcchbGM+p3gWxkT2VXI91xDKg8Kl2OB+O7zcH4X66y2l35/cRe\numHwoNrWtKgsYV4mWhD35dnxPiaYqOOfVr1I3a2xDBV+Xx3PsTP3yy6D3Rsm\nqxpAYZxyYwYiFol5fOJepH/goi6I1DhkwtYx4nCND+EuxOwcxujTJdDnqQ1o\ntG2Pf05+BswHbBd79TJ3bwMRN9XdNqNh+eDuDeIgIUjYNFXq5yg4vSrii/Qk\n0jsmhJYrGwcPUNezVxmROxn1P2SmbMtuP031MHxS165BT6d1CPkx94FbwV/g\nFaDYt4XTJhdc5uI56I2Tl5RDo0+r1diopNkuH7il/1rjWPF1NzpT8BXo1MmU\n1QJ2sWv58z86ywGDR9FQFlY6Q4pl8VoI/lyKgna5Nt74djz4MLpFDuelqYT6\npqCOAKlrCw582hJWFkN2u5qAZuVT2/YlmikleXZYreynAEV5jxfYaLaMFyq9\nnOxKcTIqVdGm3G9pDfrusWhS97XXQ6Z2sLlmw1ag/rLspNgfKE5FuCFSKyjf\nTtton4IAyoYycWQ+JVfHftgsEgN5XohWM9uBTEEdm2vQuZbEyBDmAQQ2yY4b\n8tVOowhe536eY7Z0dON79ohB+gCWvYXDj67BgUFDHect/3D3KMy4fWhTaBr7\n5sf/\r\n=GEQW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIETt2U+mAcHD8KSUlgaQsKbSP0HrliKfEZT8UobftuQ+AiBpYBVNh0G4y9lUFdk+gArrbg0IA2d09HLsnlBBwbkiaw=="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.615d861d.0_1601602372260_0.8009131453946703"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.af110e86.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.af110e86.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.38ef4501f.0","@material/theme":"=8.0.0-canary.38ef4501f.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"devDependencies":{"@types/resize-observer-browser":"^0.1.3"},"publishConfig":{"access":"public"},"gitHead":"ec4508e75df333e18bfc60188de82eb9e90a6d01","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ec4508e75df333e18bfc60188de82eb9e90a6d01/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.af110e86.0","_nodeVersion":"10.22.1","_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","dist":{"integrity":"sha512-r+30mEQP9tDPNOkJ3T/PAXgKp9EE94VK+JNR4l9FgGtB8EN0bsGlrx+Rz6En9NGEJlOyhy/7WQA0ge96MNoBPQ==","shasum":"cca9f1ad701e5759bf4d4ffbba5e1263c549fe9d","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.af110e86.0.tgz","fileCount":16,"unpackedSize":69753,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfd7yECRA9TVsSAnZWagAAR7YP/0OZ2kz+uyhN5jDKkNLF\nHofxq7HbpJ066ULLb0Tlouq8WCCm64bMxdJq7QJrwLe0zpYuzJdXPabLU2ZM\ntk6Br6IK2drSTRloy0aAApMMymSWKS2NBST75HNr8ISJCxX3xsLfHjvltqDe\nBGCMfj5+SoV/T2uh+cGDqqyBNahB3lS8XC1vCPz/BqHrU9y3xRrExsvWzasB\nBxzx9Cr/hbXMgWGIz4wsVhsF8RpthaZCHSqt9SkgWT0RPrVzhTcPmgbHZfy8\nT9OUlKOC6InJluqvx5JbMcIS0mbPQAbgFKqq3GtAUH3uIiCL8NfjkvQlpXlx\nmGXVNLW8nN4hi1sKC0ft5wy8Cguu9xu5UAeJQkHMIplK0/k+znXGWdA6TAj2\nQKsE6qN2nojtZ/8kavR47ibYawgj/RQzi4DIaKoR4hfH2FS19D+2i4MQYh93\nnllKq9OgrbQFLLdpPURT4CJs70XOkPdjwXTRNo59BKDKfGLtPeA7HgA/muFk\ntfT4GVWHYtr3TTMwHZlfMoVHVHqxH5HXr8sTdi2D1GpRck9AQb7mP0Zi6BzG\nsgrZDwQzKN015bJRpHQxY5uSDWZRjKtCFY2Qv5s/BgmZKSP4J7bUjyVcRwKT\nsswYnZBElvzWvh3JXu1HVyAD/brYdjzVNxu41pLgnZx/iXx0fjzyxbt7xEiL\nDg8B\r\n=mTjK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD1hZLtS/tCsArgIQiMZwTeafAT9riQTQQ1/dq7NhWfAgIgT2stOWY6KvKcEcH/Oj7hQbVqB3K1SnHyc8njz4fx7Qs="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.af110e86.0_1601682563216_0.770810677440545"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.89d27ca5.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.89d27ca5.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.774dcfc8e.0","@material/theme":"=8.0.0-canary.774dcfc8e.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"devDependencies":{"@types/resize-observer-browser":"^0.1.3"},"publishConfig":{"access":"public"},"gitHead":"fbe5db689dbf4abb9f299c85581f7fb95f80ceae","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/fbe5db689dbf4abb9f299c85581f7fb95f80ceae/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.89d27ca5.0","_nodeVersion":"10.22.1","_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","dist":{"integrity":"sha512-xj8XcUH2iSRZWaMFbDDCrklQcrXOR417vub09zExE6+/enLPdckYd/neFdx0Qqb++iBKxX/wWrB0X660WX8Y9Q==","shasum":"a98a3cdec47e1d4bd937de716a152a0cec0c40c6","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.89d27ca5.0.tgz","fileCount":16,"unpackedSize":69753,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfe8fMCRA9TVsSAnZWagAAXJAQAJBBmIuk3NMRICvS5TYW\nVHvYRrChExZO39hyjR7cChbw2qOMl6zIM9bcgs/Nkjg9oO1KOwDAsSuSYjxS\nj6kTKurYiGvig1XhLLqU9LRyTD0HHmnxTR4kQh3rukeyWIwp8iDjvQRzkTQ3\nyMYjofpDmq1OmdIf2SlvQ24VByyD0+DpnnDYFrULhNivaKKg2/ezhfICWaba\nxqIr1LR9lYoLIZcro1EqRtGnIVzS0izj8XPoeCXqRKF9IKIkGyB56SurZQqy\noTUJ5JqhqdeTxy8UZ2XtNyqtFQQdfL2lIaijEpIgTNQiHUdFH58NFi377svN\nLbis2mz5wRWel5nyXnO6CwB6kFdwOjLrliLvE9Ylyq6qPUCWosuwfg6DLDiN\nC9DhRWwxmowhIBmtuDMNWecyxM1psY8lWWvjJ0/e6jKfeHJzZW68ZZRYrVHg\nm/xrWN53sla64uYiTudeQCtj/y/qVYbAJMnvIs4RXlR6rFyIaEjp4ckMMLL7\ndN86X7u2vixKjwRp8iA9jCT72ksNqPl4TTfcpTQBUrKd+YSbi+aUcMBaIQYj\n5MCCyecG8FcZy+0FHcOzrLQJa+ci2WtWNifceSr3ozGsGvZiLU1M8u5eVJdG\nC1YAPpNTQDW0dt7yYgRG//oz4JqU1CDSwEkoCxj/qirv4Ie4bRQ6vMaGxp1x\no4kI\r\n=j/cg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICNjWDjmuuv72qxOd1qj/o9wwLL5TM9zG3cvD1E+NMpTAiEAnhJsdaF5OIduGJd/tL/nSz8UOuatVPhcKvkQv4p7V+o="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.89d27ca5.0_1601947595797_0.590805307398709"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.9ef2e7c2.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.9ef2e7c2.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.774dcfc8e.0","@material/theme":"=8.0.0-canary.774dcfc8e.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"devDependencies":{"@types/resize-observer-browser":"^0.1.3"},"publishConfig":{"access":"public"},"gitHead":"05ef0de8978ff84725428953056488d768d115b6","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/05ef0de8978ff84725428953056488d768d115b6/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.9ef2e7c2.0","_nodeVersion":"10.22.1","_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","dist":{"integrity":"sha512-5VcALNtm0lFnD8oMo/KhuZStPw7VrP+lwbkWmMRS4N9pc3NRFn6n09VHbq56HNe4PTtXa/LOKHHkMiR/vOWFzg==","shasum":"06160a257c954d129d273c464bf5e7ddf9a1f045","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.9ef2e7c2.0.tgz","fileCount":16,"unpackedSize":69753,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJffQhBCRA9TVsSAnZWagAA2CcP/0hGzd0gmevwKYFF1XlB\nhySVAY0vAMI7eAJ5/lo+98ekIl5NGudrWvwNMB1HX3iQJWNawoucSPUSFph2\nBZLB8TK/5rDgo53Dxy+5DRig6JwrMwOcq9O9yILhfTqohOMYwkEy1iGEjqLb\nK76rHdxYA94Q2P+vWMW+0ZZ555qs40Es59PSAUitDfuoovglUTVC3y1JINqQ\njVOxNNQAjvZSWUB4Cz4RtoPvUCfTdasm4G2ivbPxmX+o7NcWfQ1G8LowilyZ\nug/UJcXKWsC4XiObtho4WivI7m2rOlfzDew5zoy6ogsHo3LrmNaswTJysO1M\nkPps5otf8TLXxjtkzgoaQKFMLz6D7N1u/HPJdfHVh76ikb2oFRSEmyiBhO6U\neUcNboiESMUX4ONiZhIsioaSssBgIkmEAZJ1GgY1bv81N46JM2aK0W200qPm\n0qHeyyKIWUTZ7PPMk1ArqMk2wfwHQBWNSchPbcTzrGdhpBDtN6h1AqfMR8r9\nujWArvg+jIuTbN6WHipAwy+KfHZD0d9CncBDnH4a/vWn7lRe9COk2lSnfQmQ\nlIP/qtOtd2Gr1MIdQz929ilxJafu9WkSypUN+mOV2v1F4PMuDJMPmUjqh71Q\nO8/d86L3O7T8Lo3XTh/fGTpTcg0Kv5ZzM6N3kJchvwUZ8nBiNKyOLth/aFm+\nsnVJ\r\n=c6lA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCJCdinv4VNn1OuJ/P0CjOzN4DnUdLJHxj5S5hgyc+53QIhAJrjQwzpPguza15G2Sk16ptB43gOvY1yHmdKc6nMwk9S"}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.9ef2e7c2.0_1602029632784_0.17306697511899438"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.96c8bdc1.0":{"name":"@material/mwc-linear-progress","version":"0.19.0-canary.96c8bdc1.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.774dcfc8e.0","@material/theme":"=8.0.0-canary.774dcfc8e.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"devDependencies":{"@types/resize-observer-browser":"^0.1.3"},"publishConfig":{"access":"public"},"gitHead":"1107015eb30f3673820101dee6e42cd62841721c","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/1107015eb30f3673820101dee6e42cd62841721c/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0-canary.96c8bdc1.0","_nodeVersion":"10.22.1","_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","dist":{"integrity":"sha512-v0J9Zqa+qwIsuhsFuaJfoFKI0PWvv2QtBXgKBTW6JvK12UNkFXFK5hcJY6fO4PDWNcaJGpLs8iDHMpu57S8Rpw==","shasum":"86b7957024d07c7bc8f7fe48b8775188c5f7afb5","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0-canary.96c8bdc1.0.tgz","fileCount":16,"unpackedSize":69753,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJffh/tCRA9TVsSAnZWagAAGbUP/jzFs6ZS8hdNnB++C9zI\nwE6sPW2pVxXwAKVPfxKuo9lgwlvNGDUmiDpgUro8gUfvUyv15RZxdr+R2bor\nPpob1nxfNum38V7EwUKwjaO4mR+NoGdjq5Puu2JxkO1Ja+7rrVCszP3r4/10\nlh3e3CMLYzKViVseJf+X4wgvLRJTaAyHlysNWPtRpP+Tr7BcjRi1+mHbgww2\nFIJQSxtdzx3YDKdspovcyyFjFNfjhCzrJimxOWQjgY54ZT+EEBc3b39kHcTr\nVgSd0fdwiCXjbmuOxipHTKBptCuRURAgbQ3qUGQNTNDsQUpRr7ZQYM11HS4G\nuFuLDOhd8mc19OC1qeHL5Mq+njKyenpIo3y8pvO7Vh7sc2WK5hRe08gvS9fk\nljzx4nIvmF9x1lRcsaPzMNKg1XXgV4n5SvvQA7ngf1pRnP6fdhtKR/5P8uyp\nch3ajMQzgMqQSy0Z0V9O9h3t5IGD/8jbVS60S6dFmYaFdmOHCXMltiumtJMP\nDR2y4pKePiuz9Ay68AEt+RQfFQtfei5x5anR5XE8wgkF45uPV5Lw1EdUuku7\nQhr0bKiMezf+GIIGdhqCboypoyXJfO3hNV2l9wbkKmMf+G8yretYlfTaC6R5\noJtTsf6MEA5FChc7J93r1aW1WAv7BYiZPYKrNZnPv6G8oxIqegmniZfMOmyl\nsIv/\r\n=exPT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDdF1RUB8W/yEtWFg+WTfQcmxMzVqtySayMTcBvd9DftwIhAMdJixqjLEzCEeed3Qf1eOhNCp0r0/ZIA/hOHc2ZCEzO"}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0-canary.96c8bdc1.0_1602101229259_0.30326232778222284"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.6c21f034.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.6c21f034.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.774dcfc8e.0","@material/theme":"=8.0.0-canary.774dcfc8e.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"devDependencies":{"@types/resize-observer-browser":"^0.1.3"},"publishConfig":{"access":"public"},"gitHead":"367e1d2c78522b5c85dbc2693548d691c8b84d59","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/367e1d2c78522b5c85dbc2693548d691c8b84d59/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.6c21f034.0","_nodeVersion":"10.22.1","_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","dist":{"integrity":"sha512-10RKWD+OJqZFVrib/NPZlhO3TCSK+svXxt2gaMvQN0TBQI/1gM4WKgV/yqz6vSeyZW7s8oyrixbKtHb1sWgNXg==","shasum":"f1e50f53df352d4bb16bf7f0c458842f15a1306b","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.6c21f034.0.tgz","fileCount":16,"unpackedSize":69753,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJffkFqCRA9TVsSAnZWagAAvRAP/3a26ACx7MeQ20/Ii1Wa\nPjouxIbtnJK5AFesYaKDlgGYAMRPQo+rs2OO7K0sWh/Bu2xoFC1AlWXAkJ86\ndQ7EhXWILJRqxFLnzvXOJp6Tpcpf8JWPXa0VFGjMTx7dQOpLHgDKm3Nrm6gR\npYQsncGO9YaXkiV+rbxCw/7LVpY2c4oAb8v1ywbWtablcPBch2dCu0xfZD8N\nE52/XEd8yM/swyX5Hl0DyH7gdc/MoPeJ1q7qtzW53vxgoQPFA7VJk6g46n7S\njoASB2aC3GOBMmXXsNoDoTPZ2UdjTmvFrW3VsbV/ok94ro5WLV5JavmC+pTX\nEGlfs8AkA/Znmp+ZWDiadAxjzkMlzvak5W+ccRzEHVDFKBruKjWLGFJQIz8g\npkmGmFGYK0ZmxAx86Zm0DIwKNwISD6eZ3CajoKFtgQjyBDko+j0NDisL3qPr\nORUaDYLyk/5kEfooZAVWCoKMR3+i/xU+u5lrpI2ogFWSTPWwZGj3fqqdcDDx\nPbYFtN/BEannIDdwTuv00+I2pB3cWDrZXl3t0Vn3bpM/BvVyK56bGAiJfGwZ\ncREibVSBXwfYPp9uQT/1hsSrXs2KHqI3Rw5we2XkKr0MaY3dNkb6LxGRyiOT\nHxFWufykTPnRT+LhYWccZeF6kh5RnJ7xYfyd4oAQrpvIIGzDCtFGH3JCtHUn\ndvob\r\n=cNJ4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDZ54xTu6wKRpeSx1f9TUVsoZ3UDP1LOttADDT6ICFWFAIgDhTq9kH5kQc7XYBgbE+DUXDyqZWPujHB3eu1z0EItX8="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.6c21f034.0_1602109802036_0.5751641387718367"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0":{"name":"@material/mwc-linear-progress","version":"0.19.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.774dcfc8e.0","@material/theme":"=8.0.0-canary.774dcfc8e.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"devDependencies":{"@types/resize-observer-browser":"^0.1.3"},"publishConfig":{"access":"public"},"gitHead":"6c21f03466ddd0381aa030eeb2fd8f9615a3ed73","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.0","_nodeVersion":"13.8.0","_npmVersion":"lerna/3.20.2/node@v13.8.0+x64 (darwin)","dist":{"integrity":"sha512-5QNmCNu4rFnqMhkrl+EwcUM0ApEb2kmMWu0XYXaAn89ocAtcs0sMX4IdD121NtDzUQRxZFVZ1K2Uh54FXbm+Bg==","shasum":"0061c63e92435cbaa32e7c9460d40fe65261ae41","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.0.tgz","fileCount":16,"unpackedSize":69735,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJffkIjCRA9TVsSAnZWagAADSAP/1/2jvzvzW0VRKdhCCRd\nXZLuM+2zInStRnV3Lax7QmoYlFYLSURyFqbQU70x1xzfe/Ph0VRFWddwHc1G\no8jGhofTVE4Q/qWJaixGLxsKSGQWIDNEvMsTZSJC3s8xUzH96Iy7g8jKxj1s\nzJStqzUuepJCTLodNzpn/pKcmTGSVAiDXSMMmvOQCVHbAUPhQNhVNG1P7NoG\ntdRvLyADWDIQvojCC0g/k8JfD/lpHGZ+YPM+UTIn7y0392BMZGgR5AE6eqxR\n1Whpcmek873QDYtv+56pcKYbGHvX6CRA9QW/DWTWDX9DusBOgSLnbMMCfdqM\nCTyB6QWDEiyaThaYTk/Mn9EGtcNsi+IylhtlusGn7IHCBegldae98s+kYpTl\n0tJm19oZAxv9mZuVmRJUmbMqwzgIih7QJXpwx8J9OzV0IY9d4kLiaAxcuat5\n2SOvexLVhTrqBR087npFRCAAA9EE8l1FoVIyRnI+5afuMUqvXHyzEyeBvVwm\nnWUjauGH1KlLauwIGZ29cFjKMeq05dtrVHctqtBupKRNCI2IMEjb0O8ijwnI\nTsfVRrz0++COlgndQ+2zEw/vbOGhtVWlQ14NTHw3GMC0TIOxA3vH7iFMtiCn\nS/A4tRZ5rOriBP/DXmw71g/AsqbWu+Zy25JW0rQtvkONGFLC7PcSlpFGjR5G\nFhim\r\n=NTdi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCMX2v0E3RUroxir/x1b2us4gsbMxLnr9NT+tfkjKfB8wIhAOuIvHETJ9laDc9JOVCvvyi4prd27eOS9vEBArrlibGV"}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"emarquez","email":"emarquez@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.0_1602109986577_0.7295907545431786"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.1f026aaa.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.1f026aaa.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.774dcfc8e.0","@material/theme":"=8.0.0-canary.774dcfc8e.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"3082455321637675854584edbbfeafa95d95dd1c","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/3082455321637675854584edbbfeafa95d95dd1c/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.1f026aaa.0","_nodeVersion":"10.22.1","_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","dist":{"integrity":"sha512-oskSHTWEjES/V+ALs0lQC4K1LhGOGWWgy5wVwraU+Vt81R+BgWDNw6Liylecp003QV70ZDesMq8+mBx18qFeAw==","shasum":"99432d4bdf4ea8bd393a23309456d9ac0850b425","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.1f026aaa.0.tgz","fileCount":16,"unpackedSize":69726,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJff5hZCRA9TVsSAnZWagAA3PoP/2VwJqGwcT73fFAuU52k\nURnxrvdpdEDHBnWYjU1jbjMKHCIcFB0yGkR9itDx39YWIDoUnz3HiMB2Vuiu\n27fKLC/NetW10yRsok5qitY+WN5NWt1hBHL4fIZ2zg3jj17HS9zpFqBRIGUB\n1BJLXgZam/5C+XNUI7Jibbc1s2228fy16sKYIzn20GcZV5e+ZDTXrO2N5b+i\nv4POiTISAa+n3E1AxPI7Gdlb4MS3LvZLjPf7SOi26xtE12fjdHD1guPkCVz2\ns4/WNOpRVjuuI+Sokvhq5Wuvd4qQ7Vj8Khzs7xq83idJubI7cQLr9BASgsF3\nXZDogWAEd0ZXJodV5iODjFHkEa8Z6WLCKViDX+UqkJhMsxbGXwZhnbpeWGIX\nrVwr7MQKZ7+gAaPBdqZqdJaI2PmrZEAbleh4fX96D4iKRPLFujqEyERiGzfx\nh9g6A+tVYCIjITsZzsH2W4nWykM0U4jAlDoddySXOPm2WDKTfI0T7VP2rDe+\nLU+yQxs3y2qZ8Nrd/eRGYiuaTmCcTEiJYZc5VxASRHKlfCgDRR8eqX25923/\nuk1ms+UcdI+O8id6GMNGoaXT4c0FWgKU7+KcIxH2YYag96p2tg5TBgjKIP9Y\nRlMpag43kKxXXY2L8magrPjlC5FUqg1gAG74jojh96NOdYcyWY6loFOyVnz4\nSNng\r\n=/366\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCb0PNa63bCfSvqKvAu2j0D8sIEBRmKGcpcZ51J78p3yAIgD88od3Bs6JYcMVfCiX4JYU/HXjaiwepU7uan03F45hE="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.1f026aaa.0_1602197593071_0.6160321835048344"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.1":{"name":"@material/mwc-linear-progress","version":"0.19.1","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.774dcfc8e.0","@material/theme":"=8.0.0-canary.774dcfc8e.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"5f6894b191aacdb7da61e0e9f91bae96169fb190","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.19.1","_nodeVersion":"13.8.0","_npmVersion":"lerna/3.20.2/node@v13.8.0+x64 (darwin)","dist":{"integrity":"sha512-ewUwEVJTTZFC0/9RbETxtvb+G+v4XLKwgpVz2hKIzZjJU+Mx304WV/Tw1y4v+qz3Wedc5ETJ21s4J9JDvmo0YQ==","shasum":"59f796804e9ebe047048ea5eb7ca6ab63eb2e1e5","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.19.1.tgz","fileCount":16,"unpackedSize":69708,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJff5s+CRA9TVsSAnZWagAA0l0P/3UTCa8srLvcOx13Tv2I\nbFncR4Em+JOCgOwRLrQQkFDcuh3oscj17CAEcVSDXtvS4VV9DUmiDSJswbZs\nQWMqaxhz7j0DDLe++lctLnjSHefD7MejgeRRcZPx1ebY3GUarsaAfx32ru1v\nX8TuqZooLknZjT8w1gUwux3K/mQnUjtF9sopxGv5E95pW7sk8WvQ1xEYL5Ml\nBFIKCy0ymyPA1vSf8RnUy+PFx3eGcK7HgfMbtqXEbXAmhKe99RK1Rq2VBic9\nHp4v+ArZUzCp0E0m6W/xYl+IXBq/TbtkURWDEt4SplwRktuKn0vKTZggBlXW\n+Kzx7vG59GZu7oQfF0Ftc0/UoWc9tjRP3fEs46B5LrxJLMFplq38afJFvx5p\nrfeOYDcdggjo0i/wSO5c9zvdOlf+PRy/8g+utQ8T9RxW6oMy00ozeu/xcPRd\nVZOzK6trCJnogvoJXiqCtxRTZi9DxZQWeY5BmUVdOSSOfz/B+/8o/YUOfyEg\n0D7+0uloXMXJOY8hAkR8mX9ST/xTnj8YN1dn6Qp9AGi59StRSJw2v4HLjEvO\npjU9k1wwCqSptl832mkWK1ASrHc6gyEpIxdk6mzHkjP4oPOu758z5HcIu4X3\np+jsQGi+J5CcbTmCbRSWkzyWto21FIOaKOlEb4pKdAJWPyyuKfMAQgBWbwWL\nslWm\r\n=PUP8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC18xxDhZnOZOZjeyOxndtjkflzRtbW23H56Ji9+dPJLgIgOz4FJHMFS+M2ITEw/KIYOByoP35LCkFXxgOTqRhp+iM="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"emarquez","email":"emarquez@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.19.1_1602198333771_0.3522040336155219"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.5f6894b1.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.5f6894b1.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.774dcfc8e.0","@material/theme":"=8.0.0-canary.774dcfc8e.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"63718fb08d28bef1d0a9044bb2ae8026b49541a6","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/63718fb08d28bef1d0a9044bb2ae8026b49541a6/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.5f6894b1.0","_nodeVersion":"10.22.1","_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","dist":{"integrity":"sha512-D4c5qDigOcWsXeu9KRhuwBOZVJ8mKtmmhL8Ddh22M42QckdpUF/csQwrWC4S74Qhbyrvf71q/Ji9cs1CW+5aww==","shasum":"4ce24c523114db7e245f0c7d9116d1199376b1ae","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.5f6894b1.0.tgz","fileCount":16,"unpackedSize":69726,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJff5tqCRA9TVsSAnZWagAAKyIP/Apxh6cY2ZKNFfDxnakI\nVfHXodcV53BoMBTbG6ZhJaxotPhK8/H6qk657ZTB5Xtqzwzd3lEJStBgdXyQ\ngVJRijVRptbrU9QVvFNbGUTeVMMd6sNgiulIpMvtlydMkqe079wV8/KjeHGA\nHTc06h/L8wvAr1QZGNtBODAZ3JAB8W+/mBkUhFQZLTd56UIFVbiyxCeoMHZl\nTOwe8na9m1qOkFV8uHZ7faOD7gSNSwCVh3FtmAJRWHteBx0ufZQH2Yg+dd+z\neeH4TxwA4XTZmA78ZTXG1sYHPuFDTO2fTzao3UuT3V6NzJObRVmRMqHBDHO3\n8K7PJGHsu//GvaAMUmyduk2ZU/4AMjGEp3UY3XYIIpW2SBT1xvWRqKzLQLZb\nmslxE9x5lqdAVMqHAaRwt0BewbwRZUK32Sfm6fX8NfeykcKZpAPfL7pjCdab\nZkC2ISIVxUavRJ+0qcCFxxKqxY68Vm2cUKrjJHjSH7Wi4nkXxKOLdWClqIPX\n8AX+ZFzqZYYRs2G1oKSsFy+5lXK7EOJCYjkaGmvj4NY2AccpPAGGBE/0PAaJ\n8nU3aBNUv6k9NVCNq/AqgOb4gukN0IuTYIDPZF8YTK3tgVKLFBweGp11m/yp\niO6yvH2lXqKKncR7TiU4d7bLOXLWiJ0Ze4hVkdDzpkrMBK0XRYAoAdJU7fPR\n/zs+\r\n=haGO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC3Q5nWaIE2dsX1B8UXjJAbenQCVR3JE2lT04h9ojMd1wIgZz9VswThyhDgpBerHYx27xLEIpp6dSYZiZmH2icfegA="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.5f6894b1.0_1602198378420_0.989027720948173"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.f6260d06.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.f6260d06.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.8a39352c8.0","@material/theme":"=8.0.0-canary.8a39352c8.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"d0f921476509811c1109c8805b0eaf1e5cbb3218","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d0f921476509811c1109c8805b0eaf1e5cbb3218/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.f6260d06.0","_nodeVersion":"10.22.1","_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","dist":{"integrity":"sha512-U8f0zvMTBr44ZO9yx5OxiwdxB5ZPbfvdRCPMxXyPEqUjoajVYtv29XtfB0XkyykUbenYAcKBlfqhL0tstpXiFQ==","shasum":"f3531d0aef22ce82d367c31c363455f0f418beb7","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.f6260d06.0.tgz","fileCount":16,"unpackedSize":69726,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfhNnNCRA9TVsSAnZWagAARBYP/2+Zo4GOCg4GUsAD5Mzo\nv5JCK5lfDNYLGT1FnT4Miux67gkMj5kbUxg3mZSdqSrS+a2AIRblDU1oycvq\niTkHXBp27lOw9+8GWTUBTjq9p7jDsj+iBk+XFs9GsZjE8kPtGWiEtdmlybM6\ndWWQTHTYrZ7/rz5wNdidPuYQTamabRLtKrrVuoI/ZmdDzV8ANBixFe/SdNOl\nsb20NOYGvRL4rMdITYNsBIl+sdEsEsSCoQg0Ichu5l2oxfMSQkf/QQMCyJWQ\nZ29aaODMejxo81J0rSCV0hE8hzGHhNz/Eq5TJweoj8e2TZKm0Ac6rHjKvjoK\ngg/OORAVMmfdxTW4OkrhHYlBz9fjFUPsgVMqA3FiDzcIaRJuXRg9V1RaqCaT\nkTEh07INNgDHXqlnmBVuIjINLcouMbqXw1r9MiXAfbT68CcNEVrbRKGS7tEO\nrNF6m24YYTgQrEbpKbSBeMxu6i0yJHyLjMxWBnmX/tqbsVM48nCnWGWgNLbc\nUYNVHftxv33DQrNWsFtGGGt72mlecePcgDIBZuFZXvHno9mojJtvIjx1RjjF\nPxhuDDnYfWYO72oiAFwq0bgXfJ6y76uLZPXjvMO9l0lW+x/ksqaMASkomf65\nZOOxHs77fgChfJeCyfJVxsXL9A861j7v88b7y6yNpzq/gkYBbOVTAD2KGHUj\nr7z3\r\n=LkJL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEZsJAFJNAA/1i4gPyMcMI+iM3nDUxAGdnlumr7jDHEBAiAaUCTZkqyeNDRKl1rIQkAg1d7Igyog53PkSn0OamT3vg=="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.f6260d06.0_1602542029217_0.5029816715045423"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.2d1b08aa.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.2d1b08aa.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.8a39352c8.0","@material/theme":"=8.0.0-canary.8a39352c8.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"ecded3a50181254f2caf9e2d7049466e24129104","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ecded3a50181254f2caf9e2d7049466e24129104/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.2d1b08aa.0","_nodeVersion":"10.22.1","_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","dist":{"integrity":"sha512-HW5lW14Pe3ueHYuKOM6oraKy3rv/l1Ca8nUFZjYdNVQ6grJpFXZDSqga6T9q8Hxm9YHpGh1Qxur8hlSRmlQ3rw==","shasum":"6707b627c519aba6f83aea9569f54c6e6dd1d186","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.2d1b08aa.0.tgz","fileCount":16,"unpackedSize":69726,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfhf5CCRA9TVsSAnZWagAAKbcP/0sev8SNh+/H/HToAET/\nWcR+mrE5mKcVUFJVkHHL/2gNYK927efs14hi8K7yxygUm2GuRveWuNJT8atX\nW9MyEa148yVQDRCsfVy2FSipHEGeAV1v5xkMt3mjJ1jStdEU8CdGnpalOHJa\nrREIofs0nfpSruodZ6cwm1detsE29H5QG8IKz7/xXY0YnM83GJgGqZ0FABvi\nlzz16x1rkSYbQfewcSMvJ7oM0SWf14XRzWZeAaNyGDkMm3G5d/lMs0nL4SvN\na4lug5+Kjccy8n7vZSgiVnSNCQ200coM5Xq6YlpEmxwCasY502hsBMiGtaEi\nNLGdM7S241be9OGIEOXyIRi19p/+TtvNmh9On5lZD6Afoyr7JsYbF3AFWmbz\nVhTdKBd8jI6aGxQVb8i70SUqeuUDalAVNkuFKZmfrC9kM31j0/cpozLY6gLz\nVoDOr3oblDJAuEbMLj8+H96+etThMd4B5iEXA2kvUMM1Y8pynulCxzg03ZnD\n3HA3qbFxqHv5dBeS9hOjwOsuSM4mRLPR5O/5HJ/YCmzrBghd4HyxdDk/6+65\njqnjaN/W/OG8xUpCpdvpKxswdsCcGBKTkkz/qNIwm6XPcifPrgAA93plakVv\nrHwzrXXz5e04orAJ7nTMHeaptECiWoNAUoxEKrUTeOy51AB8s5AiNswsEP9N\nN21S\r\n=ujy6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHpj0TPsSqdlZUMoNA8DFwx6hxsho5vMDeBLrl7vU8hfAiEA2xT5MvDdwdau4T5UBoX9axTrXvACqvNnUYyn9ypvLBY="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.2d1b08aa.0_1602616897615_0.23350754255700434"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.5bd58844.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.5bd58844.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.790ca85fd.0","@material/theme":"=8.0.0-canary.790ca85fd.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"f577a3de2e8463259c7e4a5834fb1873a4bced9c","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/f577a3de2e8463259c7e4a5834fb1873a4bced9c/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.5bd58844.0","_nodeVersion":"10.22.1","_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","dist":{"integrity":"sha512-Gyp+LViGF9SzXgOXvNN+flRGeLFx2Faue9UkfVtMeGBLlT5iwkpXsBBPoo5lJz0yiY5ZoE4cpsz4jZKRFEme4A==","shasum":"d03df1109bfc8dd850d40a2065de03efdbd09884","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.5bd58844.0.tgz","fileCount":16,"unpackedSize":69726,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfhjwpCRA9TVsSAnZWagAAG8YP/R8wiQXfYMgIrbMDuOhm\nr/jOGFjh0eXjOz0HWN/LChH2AoPBhUxvfv4ScOi6YeUdZgvnm6/6Cl/30Mr4\n6ig8NHx73cgTQ21m/S95xKNqQRAWWywjFj7M1qPDrKyWP7sdsfNqeOv2r6EI\n1tUs51ZI2ltecwocSAJUzdKnXTxufZeuBOq+SnAqXWTekrPHBMmOjatgeQfn\n7I6A/7OSHokiClf+aQb5yQ/N3JS9bt/+ZkDXBgN7QUSu92OgMUck+oDnXPEi\nIFJCnWOgeSPvTCvfK/WSjX+VkXP7CzgD2N1z3PnwD1Xsuf/PvS6f3LipNHpu\n/oGdS59wrhpeKNk4IOqMH/LM0KMotLXtkDPgiztFzP82Re4Fqfi4k1pmC98D\np47iPw12tPGQbLBmb2YExB3374rOhgn1OP6oTnY/Lt2BTcJ+TvznOQOgfwc8\nS3ggaLQQzDPoJYqs4ldJMOY94uYs6PiPa8be3904SenhUtplJTFTraH5zzUx\n5zJQYOwkHo08s8OSUDhob8/ZOf/jva7KM3UOoC2xIU5qO3yff8R2NLiabv2L\nyywrmfJqSV2Cs6G48prAtweJ2XgUMGsTggQx+QO4GAaPbjFlQXnmqaSQXSwh\n91nSF9J00uVRu8007PqY8HaOQV9tkQ3iZQh7LFsZxWDO31D0CRW7yHb+ixJF\nmg7L\r\n=tByf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDn+bpmSZDLRsSxd1Fgx5jizD5eZGyVjwPdYSeeOu3m0AIgTsKnqrWqiIuH2VcPRXLwfwLwirBSEU9GiZB9K2F4sTQ="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.5bd58844.0_1602632744818_0.27167093845552115"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.bc846b29.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.bc846b29.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.c71ebfa02.0","@material/theme":"=8.0.0-canary.c71ebfa02.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"08ef67ebd3aef2e1a1cfc139021dd528a4275f6c","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/08ef67ebd3aef2e1a1cfc139021dd528a4275f6c/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.bc846b29.0","_nodeVersion":"10.22.1","_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","dist":{"integrity":"sha512-NXAFRFibisdceQu2Z+FdoYwiRkFL8RvjgYgA+JC21OCdwwoKbMXjZiPyFZ6F6jwcxxzjrsdjJX8Q2NK4S9citA==","shasum":"83e1ae75f9ec8eb3ef2db0fce3931d3f6f10f342","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.bc846b29.0.tgz","fileCount":16,"unpackedSize":69726,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfh0A3CRA9TVsSAnZWagAA+NMP+gI9nqfAaFC+EvXvviaI\n0uihiafj/gtDBulY19/7Ho/H+6IQ8akRnwBjsY9CDYz6XYpT+uecCYCGc0Ig\n8DeK9+Frpoasxy2X1vHkMElNjlxAijiEZi2t0skppG7V66066cGQ6RB6g227\nK4LgJMhqX45uRlX6yfXb7sxU3nvxuR+7rcnM8OUcbTG6WP0yX6j3VNuqZ7JM\nQaGVy+9y+356rIxIXv3WcXcWq87YfclEcvLnmLjVGsxm+GhprxyrDcwrNfgW\nxhpE0rNfIYSiQWU6IDFmq2FRw6Zy8fS34INqMqrP7gwfY5R3aEvWp/56FqbD\n4LWJ3seX46hniroZVZbImuzt415klu/yqVG4pbWfjpMVkJyPbElS+vsJw53x\nZ8rVG5aCmUk2TxYY3ESkEhQbRXC12xsqJaiCOm++Hb9ddgRY3hchUfbzuj/O\nBMTTkO5ONylwManfJbrmy3ugLW0iXxkO2yZHVPxJUHy7kNitbs9alWuq1JLJ\nbi5CorkLngZYzyJIAUgWSRblqBFmP6ZzScqhKQsLegacGDBGrn4zinQg2R9x\nasSE7UJWyujnahiHqToBKybCEl8QHGtJqeyETJ63gdcFZshxxa/zCeRqDrQD\nSEN2p1PEJpkJFLtQyGIdJOpeeozDC1lU3cJtga2uISIPk2/OiwtuG9W5xulw\nsOx0\r\n=MQAD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGKAmKFhxS2AQ6IwJcBjlzDqrGeOmRXtpfzLcShkL8a3AiBOlJLppjlCwQzLn2nQfwWkRSn/Pb/NqyPFaNc2JPOGVg=="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.bc846b29.0_1602699318865_0.13307860892226464"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.3280b686.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.3280b686.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.c71ebfa02.0","@material/theme":"=8.0.0-canary.c71ebfa02.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"b97a59c2fac8d04478f24f297f15106622007735","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b97a59c2fac8d04478f24f297f15106622007735/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.3280b686.0","_nodeVersion":"10.22.1","_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","dist":{"integrity":"sha512-1ck8dzdLgXxDsi2rjsDYdWRwhrJctkbORP+t5SqwDVhCJkIfAWvwLqo8PeZk1Sx3he0RtOzbokS1mGfkXWfPgw==","shasum":"ebde48854019ab842e2fc231c9c5d1187338287c","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.3280b686.0.tgz","fileCount":16,"unpackedSize":69726,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfiONrCRA9TVsSAnZWagAAeoUP/AtjmF6K8WrakG5BEgcD\nnSEAMijhN+HMehndRWrop0e5BGeZxkx5HJPeWsW0MmoZlvCKHw8/DecM2bcX\n5NLi5NEmGLSUBHUHN44bEmL69II6aSOLHbyGX9VJcL+CI1nXchQYGmfkfoqo\n3QIiI9rTUiFmp7R/6m0vCab1TF2PTSivtsfN7i+yrbxkb/LZvfMEhhS1kFG7\nHS0X/UDa9UzpWCDxvEEoNEnpD4pvBjQbv3rG1Ocs3bZXn7uZaZvLTwze4Msk\nj5b/9iIhUo4bf0Q65lbqWBx4CNnwuULzPAZW2vHJ9s1lPXo0nHpFYw5j84hk\nySsb5m12yEdUMcu1OQDZ7Fl6lbcCQnZ0IvcoUg/gLZiJ2D8KM1eS/09PW4Zo\nukY/4s3Ks8uxLThD/gc0B7iBEUU4AwcrInFqaEVqlmt196vRP0JoExUh1R1Q\n7C9VWNwUKib4QmuGw1gJFMqj1FaOhyxHjFHYIpjXFNyKDCaN/QtiWliNk5fz\npKoINJsCN46tkxrVj/PGtZa8kPBfyrYdSS2M5aQY0AUL35xwyGUOssk/BsiU\nLfCTpQSlZwbX2HVuS41a2WE4rFPudMVzVO6bXvuZWhGQFuR7l04cfXeljSZ3\nowGSnqCVloNBchyMmdYHp8VUhUi9QCnJg2jiKA9FcHw+zXiJAu/PEZB3SA7/\nyWvo\r\n=MtG+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDHYjK5NoXr/xPkJKyGa7/oOPnBhP01jUOO4o89ti1qigIhAKP6tDTXiJYfDG/nSnIPfjlvyMVMRCjtFklXaezyq2fz"}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.3280b686.0_1602806634590_0.24441918953421804"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.9e94cd38.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.9e94cd38.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.c71ebfa02.0","@material/theme":"=8.0.0-canary.c71ebfa02.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"805fad1d9b182d084e682ab7e59a4e45d40872a2","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/805fad1d9b182d084e682ab7e59a4e45d40872a2/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.9e94cd38.0","_nodeVersion":"10.22.1","_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","dist":{"integrity":"sha512-0jYG81su66x8XZomsu+XsLrr0qTTf4bTXNan57yThU8gukTHTUXe/aNl+lUzdZG61GyBXMsbIsSlQ8YdkqZy/w==","shasum":"353b46bc2a8a0f989d07144c50c1913d34f4640b","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.9e94cd38.0.tgz","fileCount":16,"unpackedSize":69726,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfig0RCRA9TVsSAnZWagAAgn0P/09Sw2pm2LUYaoWB9mZa\nSHDDWwMEkbVXVlG4k2GIGajHhfr8tBy57eHUFmWyBTaf5yl7ncU6yqP6HYn7\n3gnfgahD+XakEsGqVh9fCqEBrfucAsoLOjlnK3KNuiZYIBjS5WHGwQmvOqpj\nMtAy+geWoQk9cGJEIVBiqLfg9h0BU4AgOeKVpv54QJ+50lCjXJx9srIBJF5O\nUDfqDlLKzCk1PPJ9KFyCl2csK/4gfr6lQBBKfO8CtVhALLtaqF+Sqelz2jyD\nu6hl0Vr2pzgc/zGfXJZZh6AWTIG/q4eTnIObI98JZ9nldOlAxapvwplFs0fH\n2HcW28O94Afmw/SFQK7vmGYUTI48l00wH6QL7zj4T8V7TkwraAeUTU5Mf3ey\na7dynDamVT/pSvrzK51Ncx4uFmULBSmoarc/TC3URFmKMXXMsVS+z1iuNrHT\nOTqH13GRjiYCWc6ZUbjSTxBG1kQzt9H2SkLgLIXFis6HOM7W7rTg2oCM9V5q\nlaShwy+BpGc//W4hwOwmBXwjm12gJR+6nab1KV2apEEBnHc1XOvUXs/1YOsB\nhZbVvHZAFRpyggBuQ1gdLkeT4yoauk6YsnlEcPi/CdqE7EC1BIWexLTO6orR\nD0tU+j0xEoU4+WbCicxBTb3l5I/V86Br3U/V6PqAOFNdc3CfwKCf+G2c0iBo\n8kRt\r\n=X3E3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCTrx/LJZ1yb/qEqaKtm63tEtG8hZpSGcGrZEn2RakHJgIgGucDzCDoK+9MIyVa2053OPV+lv0jTh5IGKsBmLJebHk="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.9e94cd38.0_1602882833119_0.2853035014911409"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.4773c773.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.4773c773.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.2ab716cbd.0","@material/theme":"=8.0.0-canary.2ab716cbd.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"fbc8b44864ae10f0bb46e568b25bf4de49eab777","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/fbc8b44864ae10f0bb46e568b25bf4de49eab777/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.4773c773.0","_nodeVersion":"10.22.1","_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","dist":{"integrity":"sha512-4aATt3RA5v8zYuGTDa8Bom/fXlHGLMn6weu2eS1NFpzaPmPVgA76bGtPV5ubfcLTIIydIaj58mwvSDemiMGPZA==","shasum":"4edb0ab05e38b699e8971216cea953c6dcd7b1c1","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.4773c773.0.tgz","fileCount":16,"unpackedSize":69726,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfih/DCRA9TVsSAnZWagAAGQEP/AqYCbEkUjdOhCIqT+gg\nIXpnI70tnNTvXq/08hayim1krrWyJFdOMLZhuICK4fItWyQmb4DHchTjlwK3\nO0Le7vkPBu97yg7ixdPCiTwbYOjtTxt37US/i63DrR4+VzcWmIY/518lgq3e\nIgFv115DSZ+JYbtrPE4FTtqEbR+q+r1qyJSkieLnL5cOwsLk2ipqwwamGZRL\n55t05fVQd0lJZrnCKFPXkqxcZonEOUkbyfjj0kHNaBHizSHpI7ben5jbMGuZ\nHohQ2ssh8YSBOZihxIjPSbj/9b3beNJChyl4KnlyipLu3aaj8LsmpXBTel+2\nxP1NqnaOjW6g4jLBgTMRsVoc8SZ7Aca/3QNyXE1+iFSdX508MWvRbRLWGG7G\n5MeZlyGrjRDqF1uD580bqKDvnwJJbGakxC85RC0XGi5K4PxWbLDUe6gCF7LY\neIRvre7YhFGfEyHAjvNiFr0AdTxW42NkQEKRCX9d+jwbhvTY9XN0KbzAA0od\n/aiJK27ZFnI9cfpz4IZM2X+DwPAU8nvpkWRc7OEzutQ6cHjrXljYGLYBa+U9\nN4CKUsblG7hxKbLUR9wc4YYlHoM72jdIodfiI06GrUxgkIqp/hKVnBuIx/eg\ncmCHl1DbD+NzzPdba3r4R3WuobWMdx2fESvs3S7JgOlHtxUJhU00W+SXRJ78\nIcqY\r\n=x/Bh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG/lgb0hBxqqgkQLgJhKKA4rGai1hs1QHEsIrjvrnAnrAiB620j8t6Z0+pnqcCUEkXG560uXI48obLfOQowbX205Sg=="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.4773c773.0_1602887618637_0.5166975903480953"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.65787913.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.65787913.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.43c1c5e2f.0","@material/theme":"=8.0.0-canary.43c1c5e2f.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"b21d55977da5e0c291e9fcf3fb992ff4c683233c","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b21d55977da5e0c291e9fcf3fb992ff4c683233c/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.65787913.0","_nodeVersion":"10.22.1","_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","dist":{"integrity":"sha512-YkHD0w7GHhVRsuQPQHEEG/0+BZVKEmBqTfbYfmJckpQ+52o4bDXHbSdAIrtwqhR/XqmAxErG0pcDuS404bhvig==","shasum":"2cc8293cd9b7db79b58e2c636183b2e81ee2af2d","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.65787913.0.tgz","fileCount":16,"unpackedSize":69726,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfjd/yCRA9TVsSAnZWagAA8UgP/2PMS2u57w8zPF9yfYd+\n8524ziTJH/F61ls5kN/U4ffUxV26mScblt++NACaBz+bvrEtW0YHzTOALaeW\nstISDvXrRA4OJohxN6O6VLEMfYxTmse3HaXHNXMOkncMF/VhFkAjTmetosLn\nPJBcyC6G/tFx33E1bYnFsb8hUIsE0qhwxqaz7MM0yU/Y4m7lpiLOTAU6Zs2Q\nKGmNMJkYHo6rUZTNsbP/LNCCwIDgNKhjgju8WyDH/VjvT/rIePLRs/8v0U0d\nvQaRhiKLETr5i0G761u99KjIz/hw9AP5/oH/MqTmJmDG4LAM8jyoAzE+v0Uj\nFcfKTENFNXyHBeQJ0gRfWiNVjlU+o72WLV0HhEMoPHZv20DLNQ9tLxNXD9Ev\n9Lhmdk9BnrdSitKvASd9G03XCNP6MxS4Y0whIkyW0Yp/nTVnyyhAHcNz5RVS\nJBE/+lPb2sqNzLYTX2M96IFdQ6N1DRG6PyanLIGpPXePKpNmS/Gb/RB8fVOa\n4uEfyXZyXrzyAovKrlor4ZobXwnzKrkh3G8dMKQscPL3XpuEj3BZrG0TFqVC\nmad1bLmHnBjEyY8yv+fmJ4uEwkurmk4pueCoktufrFCjy0/dt8R8QRwpXscU\n5jqhUFicwAqowJeriNL6lzcE8TQN4IXpLbsljW6DtH4/IavhfLP13PiVZgWU\n5uzl\r\n=IzuI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDc11BNF6JZjis5EsR1J250YO5JkvNjz2VVM66hJz3fsgIgfBXg3N5w8Z2VhI/FwQFVC4SnmJ23sk5TCCgs/3bNJaw="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.65787913.0_1603133425938_0.8430656093860389"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.5485fba3.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.5485fba3.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.43c1c5e2f.0","@material/theme":"=8.0.0-canary.43c1c5e2f.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"9648298c6a3406f312222d0c0949954cc1e250e4","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/9648298c6a3406f312222d0c0949954cc1e250e4/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.5485fba3.0","_nodeVersion":"10.22.1","_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","dist":{"integrity":"sha512-laLVJXIcURurtgb+Zw5EKgTIsc4OaWpOEjA/54Sg3mLcsRbqKvvwk0NFTr2DhFtlN6olrhA9xCr/fR07G4Y6bg==","shasum":"3f1c8f3f51ecb433543e3719959d7b51648f5b8a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.5485fba3.0.tgz","fileCount":16,"unpackedSize":69726,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfjgPdCRA9TVsSAnZWagAAS50P/2k+L7Eq9hHJ0MUae4NS\nBDQb8nQ0eJsZsK5+QrNtYEllFm6rFpwxLWG2/qwoYg65RCbzykpw/BO3NTCO\ng0U1gnv5Yme660NKbs+phBIlBmT09QqXBlrWbcB5ROKaq7NqpBH6LTWDl6la\nRxZzwPzMlkS9Q5cuBdPFCU12xiOrwgi+VzDh5h9F8q3G2PlvEhLJ145cGJvk\n8XQx9uc5sCOO8V6pcrwn1oHHpGn665HvxTVdYrAk7xvZaz52YnK8kSGnQqbz\nziwRb5kQLfy6vG+0IBgeauZO0opuOMoaV/gFhNOh38hmvKaDzYT1CZxPh89+\n4g8GZvf10a/TF1L9fAj0I0HXKBmZK4gr9924qUPZSR7gEYbr+E57xxm/iD+K\nmGg5BVpdhESrXim6TamJJkb/Scxj18Gy/JutIhBXLwMmQf0CaoycIn2DYxCZ\nOUJhBcQkwUaoYzEGAN/cuueI6TnIcdng26ZM0htRkOtY9E2bCO10p8txOjxr\nnu0R6Z3Ywz/OpBvBzj2SlK6CHyU51QDn1rxdeSZ0Do7H+BZcz/S0ZG4kPytx\nDgkwFW74GAdynS/geTS/Ah+81KG1SB3BW+lCBd5JTftBbSkrQuUPzjXq6cT5\nShSpupykQUXRPS/qF3Zp793TikaM7qU3n7+Uwdk4EsrFq1fgyU2sNNWm6zZM\nP0x0\r\n=RpC/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCIpf+CylJ6mV2CVjRdO/dxOeCQFlk8UyMFfPqpi8MQbgIhAM5zZpz1ydr4B6jA8/dHQmwOsQ6nVEtbfi/4WbE+U3x1"}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.5485fba3.0_1603142620999_0.6857624404619866"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.a39d0a92.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.a39d0a92.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.43c1c5e2f.0","@material/theme":"=8.0.0-canary.43c1c5e2f.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"c523e6fd9acdd92ef501444da567a8910ed478e7","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c523e6fd9acdd92ef501444da567a8910ed478e7/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.a39d0a92.0","_nodeVersion":"10.22.1","_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","dist":{"integrity":"sha512-KEdEfmIvx+EBxF03FyWDH0gwcUzQjhOuI31uA2rr3Fvb+Ih//YjS0sosPUy214SUh3ocW1wCKScxDSEXWtcuKg==","shasum":"ce4074f79486f81b1f3f546cb22e8f898e4935d9","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.a39d0a92.0.tgz","fileCount":16,"unpackedSize":69726,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfk0nECRA9TVsSAnZWagAAHvAP/jZFcbvGOK4uuBazWWIK\n170NnOuc2HDhxII2NAtgENjayyj65OSO6xFqStupoNcfzM9WiBpd7ZT3LuvU\nO7A6jJhk5jD741ciRF5Oao1UBYuimgW4JOfa2tQBjTyDRdSzLcJSjc7ss7t6\nqCzp3kkfdQE3kPZQE2rqIPICoEMkOmYZVmunWdcg7V7XTd2OTQQn/T65woAs\ndmnQQxwYyolMec/iBjfl5n1PtTfSxHZ5li1woxq8/O3zBPhfafWxT0VeZQYi\nGq7JMynedsAwqWXH08hM1/9d5GoikqIg9PjTJsZk9h8LoJb+zpRWfS71DdJV\n/YFaTV+utMYpzEjrXEKG9X4FJd3WFyDoPgnjQdE/9qzW3BwRv159xy0U+bzi\nsp9fqY8RKiTovMlfnSEijHCUjFm37TOhFP6e00JQbZ12RiVSoiBLsYMY1JUV\ns/FsS+3Z115eXJz/2lxpE+HVweouQOs12xyOBXvFeDVNo6kQflfrNna4i1F2\ngdtqozY8VSzrRSbixdbUpjVjN/+9puaCX6My3eURtD/JU7bUp1SNU9BiR/xX\nYTIISuhUIQjQxIZEoMc+xQSRJyEv7JHrh+tGnLRBeNfEkB57i5u5i7OEcDOi\nROxkmYgkqEzo8Jyv7JkigzjNpmjJmv7v7nBU5dUU2Y7zzuBpJED/1dTZ3nN5\ni/e2\r\n=ETT9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDznA7UmQwCW7Pf0Aq3q/djSRJtyK6DmhXYd43x0OVnDgIgcB91iF0BgDFPz3OtfGU8BznISse0a/j5kyMUum4PGdQ="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.a39d0a92.0_1603488195741_0.566661333099461"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.4eafcbc1.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.4eafcbc1.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.ccc64eea3.0","@material/theme":"=8.0.0-canary.ccc64eea3.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"d5be869d7cb28aaf425a4fae37a4f61d918dc1d4","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d5be869d7cb28aaf425a4fae37a4f61d918dc1d4/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.4eafcbc1.0","_nodeVersion":"10.22.1","_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","dist":{"integrity":"sha512-Cu6J6S5eto0UYCTgUGQPhyaKhta2SCu6nJpbBDDM2AzH7nnnjnu3IbeQCOGRDWHHQWR8wdAK4KEm+yxEzlnNYA==","shasum":"2156446cb891ff60f82095d2c0caeba66ae96a14","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.4eafcbc1.0.tgz","fileCount":16,"unpackedSize":69726,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfl3XeCRA9TVsSAnZWagAAnNoP/iX3H3zOQn1KNM57Kcwn\nVvb9ZZlRQsqWaXTeaVmGLh7lAGYWSFdVtZy7iscnkqt0f0kElLvpz6pF0WpG\nHeNtaN/WTYNq7DbtvfsVbYI89gtAIt7cjl1UVXa75P1NpxDx5aeIlKXjeX7C\nEWsZT4K2EuZrJCt9cXXxgye2G4afNzJor881pUK4aFL8T8HAHkTdrD871G5J\nWt22DujE3Q+O2hrTwsK/e9UlfHzzlFRXch70lMgnZao4yPlwAs4GwrG90Mx+\nYDjcV5JwnFHjvx0QCj4rYHjtL1vc5PItrNpTY0SetVIoMUXdTFp4Dyz8nT7A\n3gJHXT2zN+OFG0qjn0GcbUop9+7LSMIzCnqpGRFWOr58ocivm0Ifh+CxUFkg\n8z3iDzCi3z9n+ng9sudoATsD3HoJ7ogg51/hsM8EoVeKzPkgv1GMo/0y/1fI\nvYCtHRZwgdsJDyZxDFnKDDbDe4RnPDXzlT+ElI3jXlKOM/EV5jFOEe5jJ0tu\nIJHxxvgGccwF1RUoCbl74CHZoFcapbiyEHwz0qstYtOuiFf0e593tAQQPzam\nis4igRlq5W4txWVw38G1HkJxpUkQUkbGHbfMwmzsEO+5EOj8kVkG94Y6p+U7\nfjv3rDjf2s98rf4NqAdd5qiYtgfLqdsfJaONwte7nG4x3BOa3xYyGs7mtqix\nPe27\r\n=O+0F\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGiPgKcFnokFMTDcsWm1+cwB+D33dI0RtJfbjBrIKayhAiEAwphPQ3kvodFO3aiL8xL+dEAhIXJw/ZNxDUYCJ8qqTfg="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.4eafcbc1.0_1603761629909_0.631296288939498"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.32961593.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.32961593.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.a79cdd019.0","@material/theme":"=8.0.0-canary.a79cdd019.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"af0d60d5c2174ff8ae5098ea73212398be59bc74","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/af0d60d5c2174ff8ae5098ea73212398be59bc74/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.32961593.0","_nodeVersion":"10.22.1","_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","dist":{"integrity":"sha512-Zn8MyHDj8DRZmzBpB1XdU5Cz82fIGqYtpu/SSYPso6IGL94k06KWDQd4eXjTmR7JjuAQoR2fDkNMduRzfr2MBA==","shasum":"d8783723f4776cd8156d71aa5bf9eeafe79df8a0","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.32961593.0.tgz","fileCount":16,"unpackedSize":69726,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmL2ACRA9TVsSAnZWagAA26gP/34L1G53wWxcUJl+yUlA\nTuhAdzksfBUgZ8LyqtHhceEBfwP/vsOTvuOI+z1rUmLbjZS9URZNa5LOdh64\nuDDipW22xVAxzYan70O17sU5OmP9jN2Z5+yLx39MjyQqlML8ExrLSvC6wln/\nMJv4oTe0iKgZl4GK1i55cXQSci5SwFyn9hXvw4uR9nwqK3156u1Um182AhTZ\ngozKnwjjFM0u4gTsWfEy3smFIq9n14Dl4xmuJwKQ+V19Znxeo+vZF5JxZ9Ec\neGn9vqzeWD2+HS9TVZyZIcoepn+79etTNAFL6nXWb405PiQrLtDPUuWQaJJW\n947cJOCdcT79HFyrD42sABBPcu2bKl3zaDD+ab8XoCtHjkEu9zZakFTiXiE2\nGtUzOfSIM6hdo7uaLSUMHtOZoFXmgZR/ICqVKe0vxQ4N+J2v7uClxn9cZLhY\n05UHSTh5m4GxBRHwt5Dxz8zR1WyphX+BtZh+EzpZRjDwXOp1J6pIuiXhA3bf\nnMQzL1AyqJZTZZRldqKrarzp2w/tDMKzzf9/lEBaYoc41A/khqofzvHa8gCX\nrh5tA1TWkWd8rwYmNyvn3nWvXHM5N1SWoJ0FOV3TWivilduUlBtAMyeTDHWS\nIuXZNCeDkC7YwTlzf3QMJm1ZI5D5N+yDteeof1HEIQBEBXzoEKzClvA4grtt\nYyGL\r\n=/3ZL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGpNoLgFBPvSqBh5VnC+PH+0Yq4+iRextMz2hIPOF0GAAiEA9aKiSUYCH3Y43hrOf0HFiFDKc0CbdsG8qXnXlLenpUw="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.32961593.0_1603845504123_0.41540431061219807"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.8e3a0601.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.8e3a0601.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.a79cdd019.0","@material/theme":"=8.0.0-canary.a79cdd019.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"a21493f177ef3992fcd667ec3ce774d4fc926d7a","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/a21493f177ef3992fcd667ec3ce774d4fc926d7a/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.8e3a0601.0","_nodeVersion":"10.22.1","_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","dist":{"integrity":"sha512-9+w8dhqFKcTNjT525BvD8CibdsBlSUfrfDT60rSgv3VdyUZ/Ogh08FCdIj5pAWMsb6OnFinc6UrRgjOicfeIHw==","shasum":"1d7e186f944b69cc8d7b3cdca2723fb017ffeeac","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.8e3a0601.0.tgz","fileCount":16,"unpackedSize":69726,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmzXbCRA9TVsSAnZWagAALsgQAKBNg6MJaCfpTDIWKqwz\n415m8bfFGbt6UHtMzWQ3Dq5Gt0EYMysPW7SdQFFwnGfkhqKpezOtj3JSckdx\nenEG9gHVTIOG6iEe1axIXL7GWS8WDrnluQoq8BvKsHVr+a7nOqYS6eowpwhE\nSlDUu6QHdV0jJkezuvQMAcljtgHWJtY3Mqmh+OKmKDngNXKI5ddVfcweJkPW\nFFtjyTXeuLRcP0Aj7oWRfDx0aSiqj/2xuzC3iSc3wXFKGFtJIukl9+ESdC09\nT2rFv9wkBSDRz7+XnBZO7g7yE38La3YZ+TUReR85iqR8hHtfNfYLSO+eHt59\nPU/IzFdmGv7QCUo0ujJ1g9Q9DMsZOfNGNAbX0Q5bH8rq2cOnRfKF1HuYfIZ4\nav0DdPKKnHW4FGhch5i217QXW5IAQ5B4nECVKz04VcAVWBYB3YH7jHgIcRJx\nuqPS/xGF+kl71VcljjyptSYI6L0Zb2jfuH3MYvr0hfJ+VXwTeVJoFGSmB1Yq\nc8Kmw0Me6sIMh0eUIVI8yPok0+o4OwqbEXGsWulgRVa/6pZCmlFOLUccBiC+\nIbS/e45JRbQczbk/r0HtG8t4xoSwVXgeciuua5+GCnNrSUQ1CsqQnGKS/E89\nDIUQ2hxFVfrACNWPqkaNkY2j59QFpbuGZhqmyWPU4wSBkwaF7Ax0mK82YvJL\nEuhj\r\n=gi/4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA/g60DJY0Zekr9XHmVl2cWx0Jyl8fKLdCIDPn+LlYmgAiEA5+ld9/XC2XbBAA64zV6bL4V2+GGh1Gi+h7gLR3Lx0eI="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.8e3a0601.0_1604007387304_0.7221705021534237"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.178c25b4.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.178c25b4.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.6d9648ab2.0","@material/theme":"=8.0.0-canary.6d9648ab2.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"80850b707414fb51c8072422d293bc7fea8a6d8d","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/80850b707414fb51c8072422d293bc7fea8a6d8d/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.178c25b4.0","_nodeVersion":"10.22.1","_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","dist":{"integrity":"sha512-ZW68PmkmYHf+x63mK1bb17zxOhHRnlmSqqZ/cIPMf52qPGjIQB7kBXMsPXTM+Pqdc+8UoGYAeoMYYItobnmraA==","shasum":"21cd53dd29f50a4c809696a0daacf40d39fc4bbf","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.178c25b4.0.tgz","fileCount":16,"unpackedSize":69726,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmzkHCRA9TVsSAnZWagAAb/oP/jsJXJK2rJ46pB1nsnZh\nPupij6WmcUOeWB0Iy/bmJGJ06zL6BIHClwNHb6C1RqZS6Ec+Ged4zRAy6PRA\nImnSd6tG/Rjot1+CqtHGPi8xE4EQLTYWbZZXB3C7FiAQM+5f3QA4sH9sl+8M\ny2byWZ98Lg8thsP5ikWmp3X4ooCwZASTV9wRzQfhU/SuGvySIR9g0ONK41nR\neIwiLY+g/DzPLW8yrX6XoQbbL30mqKF+CVvVqsCIYbKu3NJ0bYagO9Cx4V6P\nwqLbv9YUGWr5wUpryyYWblheoqGb2XqHlrLN91XrBbuhVyDINBfN/2nyZtNh\n2G94P8m7JQ9SQhUbVq4mbFzic+JGXmqd7lk8+pQool23Kvc+dbG6EwhSp/ff\nIaE+C7IZZ1ew5AxaIZB1jNmy7K14SfOTEFq76/W0RKidpdSyyebDhcm+RZAb\nudH8In/uBB/uzSNEjoZfGekXU2skXGimbB4lkMltxEqnZf5ey6Pv3nW/ptPz\nSgJMXv4SIXSjbiBqrogl9aO+J8t6fKcLLpyMGO3SZfbW2rCui5zGHYTh1sZs\n55+TIBLvib6362viPb7t6Dy2gUATcfUeqGNAcPXe4/JHv6HoG9nDqtgCO5hw\n0IL3ENIC1skgCiuMO+PXCTzB453m2REp+lW1hB9NXAyI9lJW5NoQsdENNlhM\nkKCi\r\n=MV7a\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGLChuf7zUErMAQVY8uZZFSrJcnf8nJZ61Wdl7ZbcDCqAiB/iomS1TlKnAaRXaFpoSH+dqjYKwEV6+WBQJ+ggNA3YQ=="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.178c25b4.0_1604008198612_0.8647714662956119"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.124beb49.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.124beb49.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=8.0.0-canary.6d9648ab2.0","@material/theme":"=8.0.0-canary.6d9648ab2.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"8d314226afe84cba75086ef952556fa1fc0c5de7","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/8d314226afe84cba75086ef952556fa1fc0c5de7/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.124beb49.0","_nodeVersion":"10.22.1","_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","dist":{"integrity":"sha512-YdZKyhD6J49BNCwRkC38HlR3ar3pbdmVLZjZHLKQZXvve05IJ/j43JBUKCoUxCpIIV05iKIfYv/VGMp5nAIjIQ==","shasum":"aef9a2cae67ff273249090dbec2b78b2b423dd9c","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.124beb49.0.tgz","fileCount":16,"unpackedSize":69726,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfnKpsCRA9TVsSAnZWagAAxKcQAInopDl1cFuJDRuG318l\npzcGiOuO+FcYn5ej84M3XrJdLh+k7hB0WYOdomdY3GQRCClAsFMSf8nmt1U8\nZjHgGb1gb/6vNpmVA6V6/hcy2nW7jHO2avFH8b36SgfGWXXX4D6pXAbBXy39\n3XBOVFS8qx7pA7WOYET0cdKQF6stuhH5u+vVSxCa2IvR+5QGW6DgDdC8ZXH5\nrEJJnbO4CA3buzNHsy9h4OSc4Ys//0hk3D1szNLq2/rgGDiubNuY0cQAudeQ\n1Y1WAXNXGJgGq2uFXzPIfznaGSkf4xrjnoqPEbTZQmzWjkFZwXAWcECRt994\n0S6ji/wZr4wJOijwrC9axJ9lUnl+hA1TsRQvWgfYJCf5oXJZVBios2keup3L\nAcvOk8DuygXOs0l/t28/pLpYd+9MWqAEeyTx/aJkox1QiGKzAz9PYBf3PXan\n5lr10Ac/oZjpn8dcFoKT4joRf3PN5N3KktJCAAX5dTG4HQQ9fkZJRLPBdoU1\nE0Oqw6AU/mETPIlr2vAMsjelvWzbSmv1Bpd1WqnjT6drBb3vgm2TJz/d8rFq\nYpUSkCk6Bspz4AMq6pZTCHl4527MNrc54YEuuOBHoZn5IeDA6qYvE9d9nSJA\n0Jv8K5HSO0/ySa6cEDpDG1Gm5BsDE0JFhl3KFJdWfcvwFI03njLacH34Ou1C\nR4DW\r\n=6Cut\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDVuFSBJDqBpqJdnreagn3R8+KeLG8WKdt/jEum5naO8gIgPNg9GCPgdqg+W1yIpzvLu2z0aYbTNxKJYqno/zHXC94="}]},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.124beb49.0_1604102763666_0.4686355750705411"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.5937f468.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.5937f468.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=9.0.0-canary.d6b5cd418.0","@material/theme":"=9.0.0-canary.d6b5cd418.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"d1d2934f5269407a8c0f85d5112be5354c17a971","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d1d2934f5269407a8c0f85d5112be5354c17a971/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.5937f468.0","_nodeVersion":"10.22.1","_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","dist":{"integrity":"sha512-Ic1E6NrhXMoM86nlsPAaC1211/7cUA/an3htAnE2HAJxHzdMK5uVg2MTX3pTAnA9HWlAMjA4oS2EwABczRSkLw==","shasum":"66aecaa58b991584fee99e22956d0a7037c759fd","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.5937f468.0.tgz","fileCount":16,"unpackedSize":69726,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfoxd7CRA9TVsSAnZWagAANfUP/i1buhB8INXaeXpJjXha\n+KnQfGO54i7HztIvMBQdEaYMjxJZe1g7vNJ3fLUu0OmPGMMHaueFmcfwlD4o\nN7grN5hOTyRgqBjLiO9h838wdWDkjLkJOsURTz9Cvfy6iq6uJ52eBeMAtrtW\nHf91rPNyY1anAIs4T3zWiXVxch5HFJP0khvwbM5A9lxaSt8bIZdaYCotfMaa\njGOoweNojIQMTzhzrxi+wVh4EgOt+gElhBECjFmubnZ/aGBFrQk9dGsA2082\n+T3FJuUThhCbH9DKVvntmzF9lZNPzc4yVHxXaJU5s/OJjsRalQQHPBWLIiH8\nNOXD9FAiDDOtjQwPwMVMawxrGW38insyyl4uWcQRqNKt6wo2MIKnxXEhgR8I\nt3Vb5PX4QGXfnoCjExTu0uL2GcfaK0tXyHUtOTBy4WR2xbkk+MmJUeOLwYwp\nY6+CLDBKrcGWMmftD7k//AU+nUcMQw6JX953+5q0tvHd2GAYHFdiHncPqggM\nAUVlpTRk98ICYx14PWAPAJxebTrQ/t7S8h+mLpEXSelalC7ML2Ez3jxAbE+k\nDJB5blxdJlDEqfTCe9KrpaZ9aZf6tcZT1xqHTn3ap3WKY0snW6fYrBnClrc1\nOLipEMFl8/9BUdXaVSlJ35w85+fPI4TGreaYrpvO4s+tbX5a9M0/i4VR3ARi\nok0m\r\n=BIXM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCzBvO5usMq/OMKXZ+Dz62MKP7sltNXXOJkTIYnIvsxuAIgCBtYo8/BawptM8aZffDVno0EXHMdaPfPlw3j/fpPCkk="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.5937f468.0_1604523898912_0.8571607190090453"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.a9bafaee.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.a9bafaee.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=9.0.0-canary.d6b5cd418.0","@material/theme":"=9.0.0-canary.d6b5cd418.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"672dd0ebc89e93768abf9e9fb4a31fecdd7873ce","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/672dd0ebc89e93768abf9e9fb4a31fecdd7873ce/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.a9bafaee.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-JjelAIHrQATMyRCmw6zokCQ23pPu9y/InVBZxiERm/JadxMaAnmkGO1FxjfbxIbaFEqdXbjF7zSvaCMS4S8iFQ==","shasum":"860edae55728097f942375a50016e76d3ba2f48f","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.a9bafaee.0.tgz","fileCount":16,"unpackedSize":69726,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfpHz6CRA9TVsSAnZWagAA3+MP/39Ia5n1wXQ9iK9yJiHS\n+95vj7JwHnWsCOdk6D9EG4X0NFCcHVLEZnYRhloshX/qzruYrZTWuuwba4nf\n0568uuGZDiFhdkmiKSE/dUONefAzo7evjzaXJb5d5UdpVWmanLCga5wvbcNj\nD47mBdQPpA1Rusf2CYa79N+SnmeP1F+IGltg2eVZ8X3MGOgckR73lw09BZcf\nG/IFdkCFq85Hs/jsNEP+XnEi6Kaoy5XURGwVUjlg6qWpYOwxYFwDLDOhifbp\na51piOJ+Zgj/mKyVALRo9jwpJDrZjPJ1Lby+QulY+D6mjUzDotTfgFnpp2QA\ncQTV1aC1ZQOh3f1O8ueUqvXBT+k+bSF3BNZXWGNLj2WKI/C7zN4HQqi+Ro2R\nSqtTLxEPrApNE3GF1K/Qoxf8QzrQtzSxhb/3qGbkpJMiE6MjjjuLXjUoqhvP\nkA/OB2rGkeRDXV8cBOkizMjS3xTvuiujmQMAtI0VX9fK9ludv3VjY22xlWXW\nCdX7w3BQ6fWGLSK172kreaYyV382f5VZed8RPtZlFYTSmkiwKe/7sfjcbeF0\nELLLggOquzVEvK+OEJXM0z37wcZ8+CmBY4fT6AG27WVONPlVfiJE2LFuaSG9\nKtPckhTDM9KqXWsw0G431LKvlPINhW/1WTKjKI8ioYUR9+dyiBWAqFGuTUpJ\ndB2W\r\n=jZnC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDbtTSzDtsazP6Azv0ZKw7tLAgrQESXC7+ixrzr0+fiSAIhALvR1vYUERf72fWZFhrBqAQ9jTA7r8ZYRVGp6sCFsqtS"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.a9bafaee.0_1604615418096_0.7009897344529721"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.184861ee.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.184861ee.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=9.0.0-canary.b39094d14.0","@material/theme":"=9.0.0-canary.b39094d14.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"292f005e510c59c9b761c4120c56e8c9854e4595","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/292f005e510c59c9b761c4120c56e8c9854e4595/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.184861ee.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-UcxrrDJLdRTjL1RDRI76UyxS71cdBL/2Sai0uxkkaqY2LVAraIe5N/fl0/3tmqxQZo3Rf2R24EHOvsG0Kp0ONQ==","shasum":"f5fe8141d7debca72f40f45175bded27491edc7c","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.184861ee.0.tgz","fileCount":16,"unpackedSize":69726,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfpew6CRA9TVsSAnZWagAArCcP/1suwOHqOwD7V09pIGjv\nx3mofjEk7t/PVGaxRnamQHje912DjI+H5NG2y6SM5BsdszSL8ol+aaRjibv2\nsKAgcsDf4PjzptRMQFLSQ07KdkMlSIpIaWJzp2zHkfRl/gDtXW0o3b3A0snc\nCfeVusUnIhkLQK1AhbTwXu/z8eImeqeqcCZbXlqf+BfHB8qA1H3RTmzLvfjg\nWUb3amjdk0apjIm/VO1XObVwqj3nPkEaowLGUmQDutB5UHmGOl59Ii0sELe5\nVk4i28dVG9Wa/iDWRjIUwu+pTjKefuDWz6Jb3wnCgdp+k3GQbOEjaDLqFnGL\nNoBXs6dGma6rNut4DyExXpYi7OMkeWyMwLYal8YqwaabCggoATfyf2YMkrIu\nWXMhUCxAa6JnYBG7TCgMCU7F/womoNh+9UNGgHHQiZIGyxxJ89MNQcevtvQY\nnchbMr5p3peP/R1vmvRjVcHwRPQa2hiUQ6csRQnLNNwQRPumsZJ39tsYR8BS\nsgWV6QjaGZV2kgNOUhoOraplGxVeMMLXZ49JrGrSN9EZ5sRhDVuYlyKOliGZ\n7MshZyk9/1KTH8UmrIV5qonnRGEWDpeqG3mmYeS0qmnwFJe/evL0XEIVqhvE\nLEDDIlHc2WqSsGXadGQJr507rcfLf7XHDHHmDHtcco9j15eBJ7OBIbB+9Ycp\nEOH9\r\n=AGJB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDBTuh1cK25O7X/kuMbMw9Nug18lZGjjfDuHab1jh2rCQIhAOqlIakPvtopBJQTp/IaO0BmA72VkbTUqfD/CWDxvzno"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.184861ee.0_1604709433598_0.23487199137330794"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.6c6ae2d6.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.6c6ae2d6.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=9.0.0-canary.b39094d14.0","@material/theme":"=9.0.0-canary.b39094d14.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"38ecce3da3f921a8c45ce342e47456c702623761","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/38ecce3da3f921a8c45ce342e47456c702623761/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.6c6ae2d6.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-4/7yzI8kD/qAJ+hmr5z0EZXyA8aSlyXpTN+VI9NIYkfwMogL8MxWikVWpiPDaCow3aiwVtL9X8RlLObX71CjNA==","shasum":"f0baa314461a558b27e9c813a67adce12e1bb7ca","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.6c6ae2d6.0.tgz","fileCount":16,"unpackedSize":69726,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfqT6MCRA9TVsSAnZWagAAwhgP/2nagGl0dvSuUk/kjIi4\neQRub6IghG7cnh4L9wfhcrZ+nGdIM16AhV8SHf5wRhdd7Rrzk/oB4ty+0Unf\npiz6hZvLJ+yiT69qKPBeHq/hVw697d6QzLsFxCclNisccPJ0NdHYftMgelav\nQWR6kuonmWM8GSy3/Vcgah+6R/fiuia2Ixn3ooUq4J6x2oDPjbPhEg2s7RFv\nMW5sokq605vtDLVFYBEMMhVS/JdJJbFE8HtjvneLS0RdXNNuYezSktm411d9\nO/2fhun/nj5ZHhcXiz+MlEWAGlMfjr12hTTgUe87Kjh+f0JsTMnIWTTVUE9P\nM1kfLxIxjJjXUesDTWddjLq3gBpXUDwvMibs5kYNsGxMF/7rXIQAdjbdLack\nNXhR2LobLl1BAVOfkcHP7UfMC7uJiABTtpMyQn8aIPhvFEexfZiyv68PP6Zg\n/z2UuBZ7Lre8gRlRXrWO7I2kRzIcrGyINa+LEpbZtOhnT9FBqbsV01Di9KuK\n3qiy58A+ZdXMbTs/2dQq6xRDeP7Sh0za+etINNqIh9JOCZmrnO0TMwzFjy0g\nou59emtUSypAmBtP4oJ2/P6xdYlkxxsr2WohMlVnk4zf3/GvgQ2uI3iKOPN1\n5gXj+5fU4bruM/b2IXvTA9sNmMn1BRAU3CI2+QM1r8mTAAg3vB8OojtyqDhG\n0iyr\r\n=yx/k\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCJJcZDgXqtcvPxRO+MnJQL2MS+tmypXCZGFqzzZhV85QIgKrtl1zxLenoab6DTo1jsGxkiGbjduQVQB4RH+zuRn/g="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.6c6ae2d6.0_1604927116353_0.41367289830516984"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.ea2aa477.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.ea2aa477.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=9.0.0-canary.b39094d14.0","@material/theme":"=9.0.0-canary.b39094d14.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"44e884f1fa66508713a0632b0fd8052b5a88aa77","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/44e884f1fa66508713a0632b0fd8052b5a88aa77/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.ea2aa477.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-za/l4RXV0LH6V6vT4RtlMMt1+tql/fD4LnkpBHRsZzuve5WyJT7UnxWUSZUKy9VOFoF8dZ9fLE4jDPi/RX7dhw==","shasum":"658b1d962b9223327e0963b250b9fa7422c06366","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.ea2aa477.0.tgz","fileCount":16,"unpackedSize":69726,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfqddeCRA9TVsSAnZWagAAAWQP/iner8uObrSVMxkDA32b\nSgK6jZhZUjn9SrA/c/VeaisP6qtfsUSKuW+z73nx+KEy015FzkoUKXz3U+D/\n/dO6nFU4KwW1HGz0b7DPXW4qVrJVTY8PPwNHs1zbfgbWcB6sx698fCf3GxgB\nBJqqWGlc9ArE3yb86GJz4R0ccxCn4nw12uzMuHNQQn2CzE/OlEan0VsCISGF\nFTtRNcyHrjjUUSKYq/fh8VVZZ70lDgMNPJmJxVXKyU/iZ6DgitGTtKJJ51Lj\nuem8GoMEuykGiEMSlYw4UF1KRJItkW8mDh9ozHxdrE2qecFY+Da1Khddx3Oc\n2YRoW6Cl7Pqry9FXTnMxQUvODuLS8LIHSw8nzdU0lGb1EDj9jnvwmGXerLkL\nNUHSyNCChqZ7UNKq3xjXc80vfIUbWDi2Fkp/30eMMt/MZVgaZ4LoDNasTD7e\nTK2Ejj7MeXzWhgYHfrL4UGEhiGqJFgkBaymKvsFqsXnTZa6S1xl5tcxG0mMw\npZgaKQudKAqfABdSn2tFCKIIw4hAe6YOUnt2/+9cflYxhJfvRi4MT3jtBob4\n+mAPZLJGqNikm3ecs7VK2jnIVtQ93FA6YZIVU5tMpmFZCoaFXFiWMM1KKN3e\n20HVV/oaqe0Wk5I3jCrEFt15XdGwLIe8TKYqdaTC6b+Kr/EPzMe+JVP14fG2\nVSaM\r\n=gAZr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA+1imGTBkAObc6KBTIaa2+cmqFEgjM4iQhSiEDbeVt2AiB8mWXkgk9RTIXvGKp15qoXpR8bGga+I8bRNtIgxFRxTw=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.ea2aa477.0_1604966237636_0.04315472569485368"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.a2c088dc.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.a2c088dc.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=9.0.0-canary.b39094d14.0","@material/theme":"=9.0.0-canary.b39094d14.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"60aecd658763ef0aa8ea8055ed91f03f6d3697fa","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/60aecd658763ef0aa8ea8055ed91f03f6d3697fa/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.a2c088dc.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-ZQoB57hMFUZEVmiT3p5O2heAWDQlGZElRAVhJOvU6BcQSTNk2cSKKMVodj0VxwENhE6mIpGj9oDHhnBYjzIlCg==","shasum":"002d850994141f36aee8bc4db5abbec03b151a10","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.a2c088dc.0.tgz","fileCount":16,"unpackedSize":69726,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfqqJfCRA9TVsSAnZWagAALfwP+QFcj6uFmQ4y66KaPhjo\nUyC7KuJETS59hz7R/vgKVdc3NL66nnG3HO1AQbFPShSY7pvIga0bhdxQaICj\nh8PSQKXZt4G8oz1ki7HP/y7UnqPp/B+/oMc0OeSLYVvtVZYWSEaYSq2bxDYI\nQO6GremUjOvom7hOdGBgSDcORSFmHhG/qgi3qoJz5VFPIdWxXdTlq/tx1Fry\nVNA2l0kFUkb3hOHazWFm3Ol716Kncf9guPSdfoB09NQfSXInHYvV1d3JS2K7\nZPRxRcbMF6lmR6a+Jd+6CA+mNDldCdkif4LcdIgWVxQz0QK06ZzRbf/Mx6FY\n8MiYqFSamGOKZjNG/pPeQ3mHbrALl0TCaXXs1BqucpoONFM+BLKDbaEAXr7H\ndywPcVCBxJODsGtU/69fTiz/YD7wTvjoof8Sokhg8VsOxdhs6aYiBYJzxQBm\ndun+mlFA4PDoHJwHl/j5fp8H52yMSNLsDtyIlgoAbbF6shmWOk7oJefP/KeK\nQsn/84nodElpf4C05P6o4Qgdejw7iA3L5uJTcSCqH1xFlb/qxM7mQZIA4Bem\nti30mBEiuOzZNfFj9ccHSCfNjtmCe8owPIYjYaObHX1i3gtPpN7Ov0A38jKK\nHcvp9MQgUl8MD98exJmPLxQwloNovBLT5mZjTEYsIZCv4NVrIlMQQyCp1FRu\nCybx\r\n=+8En\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGaPpR3G0uPrM8i5vOX/TfbnBa9oMMBE3tLrL8xuiDBfAiEAn66GrYc/gHoMODyDbXPOLbgUV+8o7iWmgY34/UB8j/c="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.a2c088dc.0_1605018206953_0.5817811977902339"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.b04d71d4.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.b04d71d4.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=9.0.0-canary.b39094d14.0","@material/theme":"=9.0.0-canary.b39094d14.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"6c9d3a1dee5f50ad7d82b0f0e59f7c21d9524452","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6c9d3a1dee5f50ad7d82b0f0e59f7c21d9524452/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.b04d71d4.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-RafDFbJu/8uczP6fMoN4uLrTw3coOa3CLQjUHWrO9TLjpjCaM6lRnTCZpr+cGyYXA4k2ksQqersgFIbx088rNg==","shasum":"77fca10932f336662bf76b3055eb9c0491752c6f","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.b04d71d4.0.tgz","fileCount":16,"unpackedSize":69726,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfrRFcCRA9TVsSAnZWagAASGoP/2xif0UCtvyWlqGRBmPB\nYT8WX8wVUIRdg1Cmpx4AG8d8ZpqZl/53OjvfEjmdI4/9a7qP6yd5WngDXQb/\nJcS32kfRK8OqGhgoxZ4GGbHQOr53DXLzm81xgok6Lng16hS0WWQwEzidtd1+\natHd8HdiZ0PeHarCxD3weEem5cJKH0IklLdwEKXw4mas7QYz5mugWEVXbuqW\nLDR1okYGnTc7/kv9gi2aPJO4LLxOmu+J1BeYyE4qY3UoUQdPB8ftXeq4LM60\nbFoMwDUe/Yoda2LhISzIVBeFbv5cqkoxhk7Ic5v2UcgIfvEiLUXtZFX5K84t\n6kbcQzBN7ZrbWPfDUnkPlbTL9+VN2+ucqAOLzC3WMcsiEXyjWuPS4aq9jBoa\njCrm7GAeaOdbsDWKMIvdqRck7C7L3uxSpdVSusW+ugxexjrKdw1WTfxLHiJ/\nqt+MqxJUDovMThMEClyS6w1Q8MWYO1tPZVYyS7CXt7DefIhg1rh3F0+O9kW8\nGUpb1MAnAN5Ob/m95oNajhMOhPbat3KncAQAob8xfjRF+QURNea6jHm7wS6y\n2fNlsSYYvIln7tmhPRyoPkxtv4VxyFywFRAHWyDAg6wqCKfdvrdWumM72eam\nOcWFKXKZaephPPlznjzeWF4R2OOt0GqdVQiRdBMezQwbvMhJAeGSnvl4TV89\n1KUQ\r\n=c0wP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHzxVqznmBMvlQnmKBhLhjla5HwRALHD1ou6fIdt7CACAiAahwTXnsc9iGkZoD4QPgfDgWl80wtzWKqsANLQiV0kNA=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.b04d71d4.0_1605177691741_0.554456663139711"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.2c553352.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.2c553352.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=9.0.0-canary.b39094d14.0","@material/theme":"=9.0.0-canary.b39094d14.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"7a02baa2ba85467edeb67014cb8c6e5bba77edec","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/7a02baa2ba85467edeb67014cb8c6e5bba77edec/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.2c553352.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-8KEU6HapnNTd0udbtOMoFZtaVdpBatB23wOlpdMXcJpU9TvaeNnuK/OxBxI1E9KEOCLDbRCQvFaadwvj73Bp0w==","shasum":"8e0f82684a16e797fdbca3e73987b05332f8d612","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.2c553352.0.tgz","fileCount":16,"unpackedSize":69725,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfrbpGCRA9TVsSAnZWagAANjEP/1//xa3RFR7Da6IeHFYn\n+d/DYrZH2ly1hxj0waNjPaAitiGVwcY5WVpG9BFPOahs1qV4AT3V89m2pVNn\nx0gsEqGcr6roA2MGsS3OheVx/DNnNBaEE4rU+6RlaFqvDh2PrBGqAJG1d0GV\neRtGday3WqJpw+4CYcMBWoQj64pAqNCodvy4UxApRQGt0z5YLRsD/MytBLWk\nTCE/cxSbKiyLpIAsLl2z1WNoFnu1AIatUVIUm03XeC+r9dqqZXTu1dDopSjr\nSwtNVbEFDwTtZiBtae9/eZvhP1ce/4fSD6Y8EdyXXT2f/8bNz3GpoymNrSq5\nJI3dHoZucxNVVjnKmcGabkItTUHcKSh0csIPuq67boG/5S4JCT91ioZ/JCF7\noIvgLL6CqQYhg0nu6vHWSHTlLqqzEBqZdIRGNYQICr43cr414PZDmo+Ujpup\nJIIJ1BNJ/HO9VpnfZCW8+XqZa1Yaqbdfkcl3IzYtXrXp31+GAwUQVw5JxGzX\nBxiruyyPX4PUFuBE4H4tS0b1enrHU9xB52ZbWLb3PXptvSELpnU9E5a/2HCv\nKJ+zRlm8SEHfEuvF9W0r1XdACUhPSvfL7M2KCRe6gEuqCRj8lwJ8g9SnW3ab\nUhtu6t8pDgz8yawiespyWexJRhQ7nsLxxwn8RO/6JiNSVcwNBaCrX+vyr6bY\nQfmF\r\n=h7SF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAVeFPzNGOEcRBXdfL39STzXSOQNsmp71m3vKMErkTBsAiEAiZlHCZ3gfuzJLIxYJJviNxLrM4JXIVi58yTXIF8Lm4o="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.2c553352.0_1605220933873_0.3909066735595228"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.6560d19a.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.6560d19a.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=9.0.0-canary.240c5f74f.0","@material/theme":"=9.0.0-canary.240c5f74f.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"2b2093b7a8ece484614a94718cdac5a72d7e9cfa","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2b2093b7a8ece484614a94718cdac5a72d7e9cfa/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.6560d19a.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-h1QLNfdbguIB7RweRTH+JlQ8+Gbwkhk8SYypZ4qU77m+n7wvRGZ/bjhUWJmiCCakzjHhcofMYEnA0fChG+yCTw==","shasum":"5208f8a67396f4a9c536120f1d741f7a67f75ee3","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.6560d19a.0.tgz","fileCount":16,"unpackedSize":69725,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfrvD7CRA9TVsSAnZWagAA7PUQAIKhPPd9+1vO699VKlxV\nkP79+8Gl+aZXmyJxyh5cjh+oNVFrMcl2fv81Tvu3texzGCDOwRhH9TTnUbD2\n2l+CPalB+j6DPUlNPtU5MqquhFXNnwWBVlOiqnkRGEaeZ6H7gFguv5P+DKjy\npiWG4tRKjNyaoSatdsDOcCzPAK7u/wlv3AQFK6f3qiv3TCL67O1HtL55n8sJ\nZA7mSBcjTIIXHhBuFPPJ3dEoadje/0TU6GlnpejGVbNeKMZTefbXi54n7sqx\nF7YfwG/j5mEo93q+GEOOeqRGPvRf6nHI+X7kdYc0/d0B5Ys0+Si8tqiTec3L\nZnH2YxsG9MRtgDE1xNEycEschAILj6BaJeMlFhHy/VO6Xa14jJ9DBL8w35hv\nTVEoVWSsEpgWErc9yXr4zbnxucN8kKPl+tjIo/k+NpY+7Up0SdYWlTXCZRuL\n7PxLxfKUro1YlftjxOLE1EJAuBHfBlS1FVktzlbnuH4pv5mMMLJ4qVHbf76P\nfJLtbqQ1hEpf3hrPh1xfvgtnkiTrKeRJJIxNw6fkmn++f0+9kKIaDfjI/FIk\nLxcvUrjqc02pjbljAdfLeww/T9xHgUIQanwQq0husoSBGPmnXnaHIgPY3NoN\nK5x5RvHVmmFzQLma8zEmSM6AL1dOpakxpITbfh/OhCTDt/AdzBkyrpvqO2wR\nnEKX\r\n=rt31\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDmbg59GvG53K1cgg4FfygvjNjAQTsBcZ+SjDI7KlayGAIgA220b5Ztv1gMfifC/7LUTZN1fXoY0Z2FKRQrGvy8vBw="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.6560d19a.0_1605300475260_0.278695629610191"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.a28d5ec3.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.a28d5ec3.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=9.0.0-canary.240c5f74f.0","@material/theme":"=9.0.0-canary.240c5f74f.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"f24283a75330ef6de8cd16f8373ab1bba0eabec6","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/f24283a75330ef6de8cd16f8373ab1bba0eabec6/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.a28d5ec3.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-L0mbgBfLCnRTI4+8G0/DKzNrkedubOcwj3PWIhrS3X91Zwz0cD9lnwOG/CniFXKRw1Gpem+xMq458AjtXDnCHA==","shasum":"2e258c003ed39dbda7d5527178330d516782d56e","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.a28d5ec3.0.tgz","fileCount":16,"unpackedSize":69725,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfs+rrCRA9TVsSAnZWagAAZrUP/1PN4P0XOdFWMt6y5opl\nZyvpHdeIkuPSwclWkL6Ypege5GfBuPTI1rxtsEzfsTcwNdCvx+8Q+OY3fHN5\nJ7j+BHrf3oC9jnf4uG+glLnEJQAmgpICdaJiBSAlR4RnuZaJ+Htrr7FDjXXs\n2kyZLQRlaaEWhVQ9rZwo0S+CqMjNIqKkFnjdro9XIQn3zDN0cTgeomnQ2b1H\nts6wqM01KL3Q0eQKD3rfvBezk0PLgsdvw7FVyhTMfHP51At+YxTRoHAKY1EA\nExWN7u2A4vsUxCHqgthns9LzEll8i4RSfONnppCrRwFxG3ilCqtwWs7pC48G\nC3JrF9z+03cZixk8MvAJkME0ww/FjBqr8ZyQw3gn2K33DHilLmXfjPygcV74\nzh74tb+/5oislfU97aYC8lrVdd7QlWQ84u6AvwMfjng0gExXkax3wQMKLNKW\n+canr+UMg6bYrUAWOcwdLcVadJ/Uz0bB0etEqGNMHLBMgdFlRQcJoFdqXAes\n4xBtg2uqApCjf9HvZBtBF843khQzL8qWGprVf1DZIQ76aeDUZ7o1CrP0mF2M\nXUo5qC9PLvBFHng+1kuncv2nt6/wROViKM1tte7Ll4u2b0ohoOj8IrlQBZ9S\nNHXh/XIHw0grucZS2x33SeQtfz4uOeUphhXImXwcOGd4n5Ug1aAzjJIke55X\nzgtm\r\n=MIQs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE+JLIgSWatjjZSiekivFtuq5lI3conpVyyUHz5/GWNpAiBucdf8aFYHAxwkiW5Bu3lb6gX/F6iUcYy01VWwkWmTOA=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.a28d5ec3.0_1605626603250_0.30596174689502265"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.03e7e778.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.03e7e778.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=9.0.0-canary.240c5f74f.0","@material/theme":"=9.0.0-canary.240c5f74f.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"b828c4befe76e485a57dc3be64c348c56f37f89a","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b828c4befe76e485a57dc3be64c348c56f37f89a/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.03e7e778.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-qoyXmweg/oInHoi38Bd+RPcoH0XUueV6H8MQeCZWehOMSKHzHrsCZ4gzny78G1op+OdjAm/SaMAO1dp////dwg==","shasum":"03ecb1811ad7d160b16a08bb25cb40f3331cfb8b","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.03e7e778.0.tgz","fileCount":16,"unpackedSize":69725,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftCOMCRA9TVsSAnZWagAAtToP/A0pmQwnZ5eyat1IMwu1\njDwtkaWD6Hp/FV7IfsP31JU1SLZdp6Kb8VIncMlXCMkWntPTgpquQEXk/JsU\nLY0d2/0iDKErHt3oBF32/fjqsvGew+IZkg9QrdtaiUA/vPnOK3Yu8d7t05oc\n8oTH4tfh1j72SE18Ewu84zGvaOj1uIY+iRr5yQDrDRPjJR3PSDhfa0Aar8AM\nbECOAZenp+ILqlsiaEP7pSyzBDum+x8Z60P4tuArbqpNEyWP8mJrvRSmeapE\n/qySS8CVU9DHfSJa1v9hTkv1oPEpn89UqcgbslrA1g9tEGIL9HcEwd3TDQ+J\nxwYeA2+csLzR/UuuGgdF+K6nBZ35/bamKBKg8AEDBUo7EFuImffRFnoIIM99\nq1magtcqhFyH40Pc+2I8OKVKeSmn5uY05InJ1weIVvrMjoNyBllvHqvQ0YAY\nt5ROn26Gf5JDhFbFsh1BVROcKrCVWszUmnVrt/+bD5KjIYcuTLpBs9yChtHh\nkbS97PclFgt0jbWkhTujC29AnQ3lN+hbOzfr+azdcjFXiV5bJw8LVScSwz3+\nySPzGDCm/1zg/vN9TatLHwVC1tcToQskmxlSbN3eS9zdQsJAOGlRiHY4aIRb\nWHY+r68QW25tLgHBo+Ee7qKxZNdA9/zablEm7zII6nurI/ly3Z4AAW+GCgse\nZ8LV\r\n=c8HC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE+jDbmTB6UpWLGVhii1pLPmwGncQjxosjOwVmv9KFy0AiEA/fe6se+C1ObrKF8l4JGl8z1i4xfooaOG/AtJUKo2VKA="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.03e7e778.0_1605641099535_0.7063857617317109"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.ac8ed597.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.ac8ed597.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=9.0.0-canary.482ff9091.0","@material/theme":"=9.0.0-canary.482ff9091.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"324571445f4ed0575cda7f727c54e156bce8d624","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/324571445f4ed0575cda7f727c54e156bce8d624/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.ac8ed597.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-gRRypIpnnY3deE5QdxJs3p+gDzS7A52uZ7ByW5aLRU2GqhSDDzenkBAJFlQucSLB+rhdDHgLaW9k9mB3W/Tm8w==","shasum":"094f347f666e896f587241c41e714156a0e911cf","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.ac8ed597.0.tgz","fileCount":16,"unpackedSize":69725,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftEqACRA9TVsSAnZWagAACZUQAIfKdm6279meSzdGKYtn\nzyMeW9+WJ/qvFTkeFfkEoec5GacydrapHM/yY3XmAmztlrhthPqDVRerDElw\npdNjEuYHGaL+v3D3kqeWoulqNanZ0vCLy6XWudn30bDIiY+DBIO+mIFYxuB7\n31H5ZBdU2g2DAGr4sEOAtui+DYl54SZI+PuiUahGxzh8qEZrWP9o2XwEyvK4\nDmL5qdiC9bjBY3dinR37PCkV9274kWEoaNBm1/5sizlxcMW9y3f8KY4C2wqo\nozKRUsuWR6kCkyEpgAYTiyf9dseqFE97FnfQa8WSprOrHmw3RZemBc7naga3\npl66h45NxGkWekqRLx1hqIGy65wuuYjqGm/3842gb2mFOWlR0wc0ZLkrW1tl\nAZOgSqiQduVMxciCmvfeWzzSTKoa6e0tpjLQ/c4qUdrfDroX4RVT17cbONP5\nRSZGz1poxpWkAm654tHq4eWEpB+BAJU/rFOFhTxCL+Rp+6CH7epeEhj3ZlHZ\njVcrT6/QcOYfRCZjmh12UOQwAFMQC38PZUpYSbdu2VQRg4s9oPFntYw1xYB6\nO2+abQn/q+B7pfV0/U78tDwSq3q7LwXFNjGMD0aycBXhWTXjYJqnY2rzM0Xd\nBzcscr7KgjR7Dj0jGPXDBd2fnkbQlzP4HVC5ovSA8sEb5lXT0d5zFL2O0GVn\nbeQh\r\n=ihRM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDYyNT7SKrgUUy7y9UyAZbTAwDrifK5lOSQ3LLvIQSpHwIhAOqstjUf2qsWsiubslCMo133tQLbEDBsskgFacSSwAwW"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.ac8ed597.0_1605651071648_0.9860324246874086"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.b6a60f60.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.b6a60f60.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=9.0.0-canary.482ff9091.0","@material/theme":"=9.0.0-canary.482ff9091.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"423d1aee62c72c8c88e9e5e792712bc5d4d10b13","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/423d1aee62c72c8c88e9e5e792712bc5d4d10b13/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.b6a60f60.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-kVS+ZJkO4Gztldl7YBvMBkIU1wssWwbmqpv6qjWx0sOsswNe+nniYzF2TkxbKr/Rdc6PXaHU4G2YBTBZ/SJBVw==","shasum":"f3f4222c3ce4c498840746da51f5891e0de6505f","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.b6a60f60.0.tgz","fileCount":16,"unpackedSize":69725,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftFP3CRA9TVsSAnZWagAAs8YP/02BzvX4ziq9Jl+9cwje\nttDOng9GNihwxmLWSyVL6cF9yyBBJjBgif5eJrl4StapHFhgs9jUoadx1vx6\nKZgGOuFDl3rKavQmj8JiWOseUEpFbuJi89GgjNYZ2z8ytr+BL6qkWmoJOqUV\ndwXaUZZEN1GlUuTMY554mY+sk4Mt6c0ka381LD7C1Sxg/cceV8NTTaFl72So\n4FKpAkQOR8t+ndMvXwDX8hEDaSKZJxy2NXz5eRHFNtw8HVZDoHpKr5VTrUD8\nnPUttY16zALWwaR1vAmdVqNkB9Mr37AM/AZf8pi7pEKo+MBU//gYrhZsKBfx\nkCSJODlAi+v0GzaDKQmPCUbihAhOhqjGvDNNUn0wY+f3F8ECqEaqUZJoArts\nkWTlx3WEmUJdOn1igaGIpFqOo64OqOL9ruz0okxehzRz/h515p5cWyiQ4AzA\niCaR5acugcPu17Oh0S4Nsa56bdCtqkuFO10E+MHRJeyDIFYk8IITDV7p709b\nuKRntMyAjr5ABQ8FsZVXvzGfi5F6WW8+pjJj4V23ePC7VouQJHDj0MvSCDMA\nEN11XaddTiX95A4jp8FU7nYEL5NwIcIxFhSUHmX2LFs4hyW3cm+ArzjZQ0OQ\nCCTZcswn9GsaY8dnbK6fpj4wP0mg3hCH5mKMa+1dI9+1oMJ0w4Ya6S6y0uhm\nc4mv\r\n=VpWI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC9z8TOIP+uOj7YT86+sQl0EpVMOsHWFnHksWWcG7Ib1gIgY2YpC20RWe/qwEG5sSGOcw/w6n70A6lfK8Hhuk4sVpI="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.b6a60f60.0_1605653495117_0.08380994740836023"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.71cc24fb.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.71cc24fb.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=9.0.0-canary.482ff9091.0","@material/theme":"=9.0.0-canary.482ff9091.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"04fde8dbd7934f14927b0407ac285d7396fe68e7","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/04fde8dbd7934f14927b0407ac285d7396fe68e7/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.71cc24fb.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-nm08mbg0EFRSP7Gf6sCW3RtvDaxnQZaSU2ISPMvh/s5EJibEzDSZC+SO/keePQC8DqiOxfuEgKbHzo0kqbAA1A==","shasum":"ab617fb48acb8736f823edacf5eb778a573f5f3a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.71cc24fb.0.tgz","fileCount":16,"unpackedSize":69725,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftFm0CRA9TVsSAnZWagAAXT4P/A8hSbDCKGZF/spsv/pa\n8FG274fZZuZnz0hk7bIUMrfCjB8bKbUHllexyrotTCkaab6ce8Q6m3DrCfKb\nwTMzjj2cc/a2HNvUZV9cnqqqqoALwbNrdfN1PqTbFSvvstUtiPHU0JtBHjqB\n5SK1igeg5QU+wc8KcNkTJHe8MSaedIWcWOcjXCHA+0GcHtz/3XSJt8I6y461\nOyP0EWkAiNUf9h5if1Ib/cqaXq1mIM9/c/zoHhMRJmBpNYcnETnlM068ihYd\nb9fWLhaEAr74p6mwC9NEM1nUM1b9+SD+WQNRFyT4m+AaB93THy9FmwgHijNm\nd2niE8vQBI3q5miv95cMi6E99HxOeTps/ShjQrXtvA6G8InfxMdOu6fyH8lf\nWsB3SEjZ75em7AyDX9VGcmK4Wb2t8LxCpsHAeRvdbSsMaBG9hnVeJbvPOUBa\nMb2QnU6NSIaaGNaKwA/u+C19dMRH8kmO++jwTTJIM8IxxrnxmZVPJ3TXvQC8\nER2/rsunx/+TsUlczV/W4QX3FPNHA49tBAb3TuITmWViP/HKZYoO0xV7dCvA\nJzGJ+dgxkGiorlLzNzHPaLogJVrUds6wuwsvpmsH2MWDBmE4akRJ1qzpOD+F\nOoM8lorEMYD/b/ZjwzqcVlDndoiPajmBt1SDgD+2n8Sr0l7oSJcnwubTqawB\nsXnT\r\n=VlmK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC4sneO3mWyMC9pvJV952t+R7Ls4W3wO5BU3Dn0Zg1/AgIhAKmitaTwf4WV6yh5SNqffv85liyhXvwozt5rwbt/A40x"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.71cc24fb.0_1605654964050_6.399675442914088e-7"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.761027ff.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.761027ff.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=9.0.0-canary.482ff9091.0","@material/theme":"=9.0.0-canary.482ff9091.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"eef81b2f51aebd88194386f191f7a40e504b6a70","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/eef81b2f51aebd88194386f191f7a40e504b6a70/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.761027ff.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-3C+vcz7DIGilYBid6EfMcghMJWVv+iQwglX8N/XSeBIcgUu6rxLUxU70wGyNdL+qmrxoshbS9GPmX5JHQ/Zsgw==","shasum":"e2b2f2aa6980392252d7295961aec004ea5c3549","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.761027ff.0.tgz","fileCount":16,"unpackedSize":69725,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftZx9CRA9TVsSAnZWagAApzQP/2xMjMlQi8NP44cnPIdp\n5IRZcBxu+l/Ws26AlJRC3CJ9vUKsRbxCY/qr4pMGOysEcMS5exf6blo4o5eN\n/ti7fmhSGLJrVM7dCP4165wkUhvz0j5MejoUIwB9w6w66kXOzoFOomcBnj8j\nyCv7GCgtTsfSArtdXGF3HX4TvFxv/bZvXTbF0CpYf5fA5uS4WLkPxDLyE0gY\nb/Id2r22xNIhc5aI8qXslWGNfwJEMqp1CNbz77LAqzhzjcjhg1FmMVaYZGID\nFVY49mMvWb8pUHv4NFpLQeaBvnrBzZakdXscRuRawSZOalLKt4hnu6GQJxKZ\ngVHCyxELNX1LJhYEtzhfazWd5QtbSwwYZQ2Moxp8oMBjz2e0XGr+zGom6IRR\nqWwyYTApLq7je5mEFfgLG/3FKghtmLzwVujfD8Dul217sKW7yQW+P/86NOfv\nlrhCCVcg2ZAWveXMnDcsFmuYJqFHpaUOwrVQviqHtgDFdCAGNMBAnMX2MfK6\nQTmUBqbN0i7QqQGtx1NxU13jrh3Vg0Bg647cxg4bfQHADjHferuxlDja7fYC\nLWuaXYJkFmjQ/S+Yi0F1rfwPTrCznGUy7lqdThgUNiRoM8Q9/cHXRl09TzfB\nBrDRQ56ilW4/bjKxpxmYRFk4OnpoVADcY0jBXL2aiIxBycE0eRidQEuAibvC\nGCFh\r\n=EGOR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCzh7+C+XrWRmBvdRMw+lWRX39BPnmgLyniFRukDZkFmQIhAIqty3lRgrdRMmCKXOaDtD8/lrtggwc/RmZqp4FlDzBg"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.761027ff.0_1605737597031_0.4086082611137354"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.dc93d04c.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.dc93d04c.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=9.0.0-canary.99cfb6bd5.0","@material/theme":"=9.0.0-canary.99cfb6bd5.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"c3e20c69c9dd47eb0b31f0ff51e8150d8d27ee3e","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c3e20c69c9dd47eb0b31f0ff51e8150d8d27ee3e/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.dc93d04c.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-h6jsjK6n6ccWUhZ2zxZTPQnfDLlDYGJLllALb/NNGvwjXLWwHdI/KVlGXmaj8SJaFGaAFtlA0UvKXsRfUSrh/A==","shasum":"62cccfc7ee2bcd9398673a7e6aff23957f812135","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.dc93d04c.0.tgz","fileCount":16,"unpackedSize":69725,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftZ3nCRA9TVsSAnZWagAA+7MP/086nosIhC4FdGjcsqpV\nMFXIM3kOXlW09w+rfbzyXSrTJjrcHaGlzDHDORLYvNpCmwMCFspHZS7Dz7GE\nxfCqdJwU1W2jyHZ9vGA/G5+U5C4Feyn9EFTyzz088ixkuh/Xx6J3SLcLSrDI\nF5XTSp8C+yiFYgkddgRYkWsbHgKeVgZF4A3yufrXHDL4xijB6Ek5aJuSFR3+\ncUBk3XfHbSecJhk5ayQ/Kzj9DwN0HMO8l5KBWblYIKIhnQneNrE1M8NJrvXp\npYbo5hRsqtfjdenmNqUxQthzzKV7OeeSQTP4B4L4PlGXoxs3Iy7j+UmH2k3I\nlcbeeMP0yvmpkak2PPKRHbHb0Ar4DvTNHL2d39XBs+VLWHGN3z1/5EryvRJO\nDjdWV1eO9geyta0+E0FSkedeWgFKK0NiKWWt5+AGnDu+wyrmpNqnODo6TrKk\ntPMm5QPv9L5VcZXAWYByCIjQds4AFCLvwRsB5NUx3TZvZBTt0g8l7C/tA2Yq\nqf7C4C7/by0dKqFx5HH8Ebn0+nwAcRAChg3BYUN0BSZWIJK6Qlv3Rn1wN+Sg\n50yTJQB3DpjIg2VAUby1NqmZS1rESuLtSptnwsESGJMWSGx6DQQ8nmu2bYK2\nzg2yTtMZWM5o2mDZ5DcNT6U9q8ghmifCkRlVESwPGGI4uxWXsNMi2HLDxWK1\nfxNd\r\n=0XRS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID0z+1cxDi8sv36t/ciEQ/1/ekEqhIrtK/bIWLxwZ7DqAiB/cqmxXKD36VcBFnSH4oS7eGGeF42bgEhfQHM66IBu1g=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.dc93d04c.0_1605737958859_0.16720545826144506"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.4a5d4eeb.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.4a5d4eeb.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=9.0.0-canary.99cfb6bd5.0","@material/theme":"=9.0.0-canary.99cfb6bd5.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"6b9b0de3adf5b550661d63baa970642b71da5fa5","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6b9b0de3adf5b550661d63baa970642b71da5fa5/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.4a5d4eeb.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-5t2yzaFCZ2fgQJMY1p9nPOmJnfOXnxPqYSm8TMLyM9k2MDQgPreKnm/Ss5NIBvGgvQxbchI+sV8dYpykESDvug==","shasum":"a969a8fa2dcea8c3c72243b0b53d30c412e85afb","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.4a5d4eeb.0.tgz","fileCount":16,"unpackedSize":69725,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftlc6CRA9TVsSAnZWagAAlqMP/3rD6JgNp/3qtQjjfxyb\nuRT5D87NoXWfqip+qkTeXPQsz2NbKw1Txi14MA/5M/aif1nXVKDavMPdzTjM\nUnk/GqApzqwJjAkMZzr4EqhUId5khIONdUb3W5IzCzFNJ0ugmzvkfyo2LyWc\nSUkIJlWD6tefiFQgKLbTcKuVssB4PkiSutIFfomj0bhKZUfQwkcNmouCx57s\nuaOcvcbcb1qkwMNgBMh0nhM1ZLwkvarulveAF2Tg7VQep71v8cb7EJiZ861R\nYtP4FkoXu/qlas1eyo05z8VUTP+nbNZlHsnxQy2PLOA2yT/eHq912neD+jj4\nG1KeweXo9QvZvhYnEIMugBQk0kDqh77g9sXbGUe1wKbSfKpUJH2Qvjl0YYIz\ncKIVPc3JlJrNZr0ZYV3uKK0r0pViSz3YWQkzy1ryCDIWtUwFjb90GUGhwzo0\nWU+NOxTgX9tDFthjp+L8Omg+aETYUm0L5+mr2OSpEvHeeQzBdRMWzggsVrEO\nFG6mXQ6tHXkL7loaDaVabHIKjt80OxxgQDhhnrbFVcIvLWM19RrOYJn0f++f\nL+rn+VW69DdTpir9QU8zBcb6RGMxREiumQxk+KXkaB9ShUCBeB5+zrYy90SH\nOOa6Iqn+ZS1zu6aXs1AxC9R895gxn4G6XJaal+RdVC/gXKwz5pTctGHnyvYG\n7Op6\r\n=ZY9v\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDnl81nyvuPYGGqvoBq3PsFj+Ei3cSTy5oYhMbIJIt5QgIgT8hzbs2yB2NzVhZ0LfibTz5gN1znVq21uG52OQRA/m4="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.4a5d4eeb.0_1605785401468_0.9116517387841301"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.bd176a15.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.bd176a15.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=9.0.0-canary.30c11bfc2.0","@material/theme":"=9.0.0-canary.30c11bfc2.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"8c9d27b834d60d0f197616dd1acd74cbf2cada07","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/8c9d27b834d60d0f197616dd1acd74cbf2cada07/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.bd176a15.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-g2w19cNh3iyLco2cysvRbtPcLviC3bdAXaB3f8jXZ9D0iVZQTQAnvauJDyEMin9ctQ2roSy9m/HTZziZMVLyug==","shasum":"f2c5206017b05f9f3236603a3f0cf4639ebe8bf2","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.bd176a15.0.tgz","fileCount":16,"unpackedSize":69725,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftsLrCRA9TVsSAnZWagAA2r0P/1vLgy17yoUpuv55swpW\nyXff2eDA+wsELCvABKcuyO2JMO9yHd4xCp+RCrHUL+Ce3InAmOepHweAklMr\nPzug5Uh8hjh1cdZ++IlNk2S53Swhur95qGYDunCOZoWlg9PCaE8LpFTBM+3D\noRD5LinlYL3FcXWzn1h+XFdQRLHq14YV6OTSxSuIiy8Be+8TwXOotS4KuXcy\nU4UQEby28FgEeKHm25M08ghcQzBYAPeWs8h9txcq8Q1l/HGHZYmru9FcYluI\nDYWIqs9N2UHDgL3LG81K0+qIMIyi9cje3rrVnF8DmKXm98hV3LfjJkXAVOj9\nushrzEgqNwuQSQN2NdLtWVERT4VMON1liZ6ilNwLxOwibXCS8oDB9UvPcS+8\nO0748PIB9wdtaB+PzJleJVijecNpqugnIdISsBLxKL/R3NjSEcAmTX7D6H0G\nPn3JfoqrOy6794ylx5Mp3Qj5pueS93SHy56hfnZwz3TDKnnK6epW7KQmxwqO\nfD/yjsN2YvxcM4z/FuSM5/0ekra8/lVbY1bBXhn/eEOS//rLn1L5XEDGTEtz\nkPgp/8iSRxZsCy+68lUeAAX0YSWb8cwv9WG+rV4TzHa6+uqr9kABd/MN6v2E\ntRweMpETomqXJ9/0ZaKkRUvbl652uPJ5rH3HrYVDVw2FpiOh6L5rZ/Mo8edV\nReqb\r\n=TyKw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC5MNtV9NAHeWcI5AJCHxpHiVk9wLR7mH10UTiEdqW5BgIgDFdjvizQwudsP/BDw/RSEQKDNYxOo0TEB5cK70UVzwg="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.bd176a15.0_1605812971083_0.7661064203287127"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.e85aa60d.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.e85aa60d.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=9.0.0-canary.c927a5d05.0","@material/theme":"=9.0.0-canary.c927a5d05.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"3a749ec8278eb0b5833500696f08308837328144","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/3a749ec8278eb0b5833500696f08308837328144/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.e85aa60d.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-cptHhNSnxOolIF9053hObDmvcNuGZ12jZH2pA0wwfhfKTK00t3Wzql4I84z0HcX87ECeON4B1ldCjuMXHQ7Msg==","shasum":"53efcc58cd3af189f9ff554c78207f40a75dc71d","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.e85aa60d.0.tgz","fileCount":16,"unpackedSize":69725,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfvDaDCRA9TVsSAnZWagAATZIQAIu9OkuXlbljsACWBZ8Q\nL43aKDVEm/deqkVFErFgW0mt5c8oRTZSAdQybWfbkIODWloJn20FlT3NOGWu\n0sbAhhfABfyc2GVzRIk4ggyO3haOkdnG7MEFx44bIFvwsJZ2BzyIBUAfnTVW\n871dD4n7JUGTEBQq+axCr2yKojL74nHfKqbnvTXUgln3VYLmf4NioqwTNazt\nScfs38qtafAIkidFTOtjYuaJvKlpHqHK1sfy3mCXwTT4bWKstXWulyVeUH49\nfUAnfijHHgHkrvDSpzmbn4Zj+4IwtrIYBlDEqum4J92xUJyRbjddyTewZxMd\nCBooqKERjkbKCy+quE4fxAYjXAHknQ+IQO5mZbdAFGWC0vp8Pbl/Z/3h1TxK\nQXqdCO8Zt5rwN8eP9ghWLFSY30SkS8aizWZQjYoY6ZbE9mZRR2UcmizEEPgX\nJ2/0lkssnBJPAp7prHcSkROtQALPWAaYpQplFeGy90Fc5vGWR2NOJgIg711L\npvYFw1JNkm4+5RYGq0LVCv+C/F1A45FZt8tOiETZAtBE3xLG82YxpWZiPG5V\n1JuF5dzz8Slj/Ks0fhGzUvqLkhZu2esTak0OnRfEDSiQGCoqOIrscLnjmdWn\nb/qCQtrZRmUW5nIJZu3i9FJR/vEiZjdv5i0in83O5IZS2jJSIMrXsy3Hz3XB\nNmai\r\n=/4aP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBbosqrym26G7lyIsX3VexWzF20VSENi+KPI6aaVOeP0AiEAswWKMQroVdIeIzJZ5TTGYYsJY+5d26YF00mcSsxpg74="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.e85aa60d.0_1606170242945_0.7517665217775855"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.72092360.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.72092360.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=9.0.0-canary.c927a5d05.0","@material/theme":"=9.0.0-canary.c927a5d05.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"ad7741df1b6ab1f1eaee400d6026dc5ab7821d66","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ad7741df1b6ab1f1eaee400d6026dc5ab7821d66/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.72092360.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-CO945jNhjDE1fr3Uskt0aedpTylK9UMvB33pzP6QTAO4RiRovxMhtFJ/0H/DvzGaAbdCrm1KVp6CAO4C+Hbprw==","shasum":"c7aaa95bf95edbe25a04b5a1258c319cec421009","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.72092360.0.tgz","fileCount":16,"unpackedSize":69725,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfvIlhCRA9TVsSAnZWagAAFxIP/j4DNVXQwC/1F2aTa9rk\n5LRiiDTEavymojouKQidlD28IpsT4254HDHr5T2gwAe+sogKiJhmcw8HC9Po\nc9kyk0xR8j+bwCO3fI0EVNZuJKuYOFHD98UZwfz98J2E6Y4xLz/6zlt1ZXVo\ntXP/qNXhts1uPV45j8j58je7agJabEM0X4WvT25q77PYpJxQkOEJwV5Y8LT1\nyHeF0Tkdif/U0QWoTXsP4ytMc2N/EoRQfgOJvZgiHwgonSrG4zgBR4gtnvWV\nDhvhZ9Kbji4Aa8eBMLdTEnYizlfnkdc/yQ1RhboYUqmKk1qGQcm4CDsDOaxS\nlJhgT1Ykm0GJA5v4qYzmgfPmOoGQiKlyBV/mJWyUP4rNWrGffZgJ4hRVjBxx\n5r8HoTRwodttUucsUeV+bWpEbOuW9ud0tKoKXjrgC0aAT5Mc+0vQosf1ZM3n\n3q6MykawN0WS38cHXKtd3It2PW1xfBcOZUwQNe4VSlnGCOHM+jGlJt2Cu5/C\nDqwXay471vzBsENbfM/4RgzLdffEQNmTJax6fWYiSpSbhYCbDtu4o1enALOv\nDJ4JKp7S4WJVRDVfOiNqW7dxrcMT21N/xgopJLfJRVHhzCJ16IKktTD3zUqa\n2X28eBuPkSkYF4h3Ab4JX0EPK6czWVdfOgsbGvDrvv3s/o2PgHStWPK83noQ\nHNCQ\r\n=GZhv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDpmHJc6XLbvX0NSxb1GHVD7S72aTokvd3ry7CyqfWoHAiEA6CqZ67Wm7PQ4RHKu+wS82WhltR4IwA32YN5VRESYYGE="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.72092360.0_1606191456834_0.5246311763010416"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.baf9d39f.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.baf9d39f.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=9.0.0-canary.ae27b44b0.0","@material/theme":"=9.0.0-canary.ae27b44b0.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"aaf8660af2b57dfe4523a224abf621deb5b5d3c0","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/aaf8660af2b57dfe4523a224abf621deb5b5d3c0/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.baf9d39f.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-CzZmJu16O/hZKWbt6ajWcf5KrG516WY+i+DWB2el/2AmElrc10JZnEyNG3+pnAcUaDHnLAVoJ+F/5vDd4LOWnw==","shasum":"8a2186e050ec7927ddba0002d0b1938e9e1279b7","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.baf9d39f.0.tgz","fileCount":16,"unpackedSize":69725,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfvtEFCRA9TVsSAnZWagAA5acP/iXT23Nrbz71jKZ6OOf+\nqGTD6RuUn+V0XEv04X0pkQGOPKiOi6UYQMxesZ+L7YkvhU5GOr+4TmNCOZ6G\npKxti73Tf2ZHxQI3T+ej9O3Lbk5Ktw3Lo0pTuhjCia5nG//fdjMldLrz5Iat\ntkCv5uW+GgZz5vngqix6Py+T0BFkHI3csQ/r663GWpfDcpgbsRTnAO4u6M+f\ncQBKZRbECetk5gW83/C7AT2ue7I2C7wsgmgFb8fALvR0uexHh5tt6rsrIL0j\nEVqlts2ufqlYwJf9eCQB8pld4qMCrgEBqwyVW9xRrtStqNTO9rhdftHtIt9H\njGK2OLS+vcKaf+CxL0V5J7Nsfpg0RPQ8rgw44InoxD3MBeaJ0lZMX9hcuAeR\nMiL5n83ach8xmdzSRx5JFf2qfHLKG+wcc8C6YwpmL0WWfqC+Aa0GwdGCYY5z\nAdmTvtJwjI81ugFpxGtIf35Kb9ek0/YLwXr8a1sgZiQpVxOWT9cp2pLAQvx5\na9Gw0rdB31DltMWbQKsK+O8LyyJuQmZHn2qSsn/mvj2A4/l8Xkz3ujAhxewf\nWzQ3YFhZ7emMXyPHq1iyJCkSasoe3QiMwvVMMcKxzvCpV0Wxh5zx6YKKmJBt\n2T+O7MeGYZNnnt+x/I+eMc6iW8iJniFrq6MfuSNsaDij8p5KgYeyHaSr4lUx\nkXc6\r\n=EY1A\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBPuoLYwze++qn/H49+YrwjbbdrGYNdTSY3lEe66TsZnAiB/rHL099b3f41zeiYm44JA7MZawdOpZpJCn3YfBuF/QQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.baf9d39f.0_1606340869163_0.8547308686296184"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.51aab0ad.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.51aab0ad.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=9.0.0-canary.ae27b44b0.0","@material/theme":"=9.0.0-canary.ae27b44b0.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"ec218298fa6cb371e229348142cfd266d65cbfa9","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ec218298fa6cb371e229348142cfd266d65cbfa9/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.51aab0ad.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-GtuOEhabs0cSwiwQftQIWFd0UgnIqFI2RF/Yov5+ARAIC2TvShAmE7TYuXC21ozpf3F2v6rqVOH4w2lsSikGVA==","shasum":"a40457268a66a84b7630a907a46849bc472a56ae","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.51aab0ad.0.tgz","fileCount":16,"unpackedSize":69725,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfxZalCRA9TVsSAnZWagAACYgP/2Kx1IdVu+i4gholQLY5\nP0MZ95V7OCBc3QJq+zlK0P5LaVNLFFjXc7N7syEbvd59nCQ4iz/mJ0wUysAD\n7K3PPjcnXXL0KVS8Kir2tUnDzouYuEbXVnE2fvJ3FgjmJlHWspvm8Z669VM9\nmlVnN/Y1tNyzFOU2ZtEVMOHLIkqi2XkkzpHcVn4glnziLVn4/RqWbiJZLN1m\nnaES+KsTScTOmIJN1ZnyCEPu6O1hB7OUUPuW4FG/DKCU2BXntHjKP6pT1uXC\nlWrJwO7SSAOclVsg+9vzwqGb5wrr6XOqaBj0Kxofb0bmHM+UxhBhcGYEMvla\nQWIK2sDsf+IK5R2eTH2pPO4u+JGCarQQRLiXVkVGzUZKcj2786uZvsuOHyY+\nyuhHUsbrnkevsZR7iLvry5M6Mi7hjyd+dUHL2Mo6Xa1pIn2zr3AgEJHQafDS\nWG/5lkUNM1JlbGxsDlyM+pp/MNAdhY7Fuz11ObgYaXLZMEvZtinBOWhasORP\nb9EpEQK0H8J+ie+j++G/yKvKnJ4xtxSLPaaiHRGm297sTPgV4cM14jNmh93n\nAG3wCuUFNAFGbzTIIrA8b51fx25sRlUGL2tb2ungruEYvqKZ3gcDLx2drJir\n/ZqkV2X3B47llS/8MupRl1E6by03OiidrPrAcqb63P5xpbUuqy5hzESqQBif\njOsr\r\n=3SS1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCYZN3RlmypGIXWT3cBwn2fmVZkJNdK1+uRiq0lAe6vNwIhAMrr+whzD5J/HXt4wYXGTOfa+KP/risyd8RiEW9pW5su"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.51aab0ad.0_1606784676601_0.277265642148667"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.8fd4af5b.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.8fd4af5b.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=9.0.0-canary.ae27b44b0.0","@material/theme":"=9.0.0-canary.ae27b44b0.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"5b16bb5535dfd0f880b710b51d20b7085d91658c","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/5b16bb5535dfd0f880b710b51d20b7085d91658c/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.8fd4af5b.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-smnL4xNn+n8bO7E9L7z1XikLTqpZQAo7up9+XxwxX1tYIiJaObAr+maGBMZv1znVjh9ulgSAABO9hDv5FlQv2Q==","shasum":"826bbab39fd9a6c57e2b998cbf33099f23f3e49d","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.8fd4af5b.0.tgz","fileCount":16,"unpackedSize":69752,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyDC7CRA9TVsSAnZWagAAd3AP/A865jUBV7+L3IY1gMAW\n1oDP2ChfaWThF2WEJIm8DAZvpEGaSEB7LGy9500hTuki44WOHJXdcCSu+HUb\nlP08QT2/nLv/U0UxgKYMGGldTZuwkxSs3WHrbQ78yADuzgBaMiedtppwMDI9\nIOxtY3hbdgGmf5ACKQLJyY7QVYsYtLRroN+kL8vywhjxLp3ULrt+AQMmGWMY\nAaLCjnctMqPjNvLd0by6Pr4xse6jrZFCH+E9UN/7aQqqJYj0BCdpOtBkD6vh\n+SfgckCCUg+FuiSifSCHqZKn+pird/pRzuVgoxFIFdbYhcrV/CYaM3VhkbM8\nDRmAeRxfOkDqx96ZFJVwXRj8WAIDKq0hugS+RSLAbV7BBLIQktNJ5ghL6VjP\n7zhgQIRGZ90pqw+ruYiU205W31ExKEdHku/f0iuaqM744XUHv8u5pFTrngJY\nN+YpjkwASMFF12/9EgGGfTuphxF64LuB7DYoXXwsdY2p/BYsWN1XxHbv2BUl\nqURjM8aXjbQ0SFYLWWe1TMCmVAGDh6YUkkmqUUMxDhm+ZPE1DzjBen0GU25a\nuMDa064gWDf27ORA3jn7p3v93BDyanWZtG+qQoDmWIiJcFYeSngT22Yw5lQ+\n1YAfVZmc8HDlxE77NKJUDreAhVZ2ezcsa3L8aWNXNDHWY70XcBA1xVTYg327\n224e\r\n=HEJn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGztbBbEeJQeqtuG2jsSOXhqh8dlC6wYS6QTRPHUUkzKAiEA1e0XQqYJ/acrfhzLHgBYtlC3vfwUClp7mhhv0gugXw0="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.8fd4af5b.0_1606955194789_0.02291495889871853"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.26d14d2f.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.26d14d2f.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=9.0.0-canary.ae27b44b0.0","@material/theme":"=9.0.0-canary.ae27b44b0.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"50590c8a7415327322f7e0115bead5b6a56b9d50","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/50590c8a7415327322f7e0115bead5b6a56b9d50/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.26d14d2f.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-pdWjZtxflN06J67BaoPdyVX1m7GS3XmT/xjoB/rPCvDOe4bXQqBypaSxpho+cMLf3/rd+arInUWqxugxSg18+A==","shasum":"38cdabd4b1789e64e60b409c73f29bd07fc74ffa","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.26d14d2f.0.tgz","fileCount":16,"unpackedSize":69752,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyDdxCRA9TVsSAnZWagAAmmMP/1Ue6uQf7tpxGKMaWOTB\nx7nO91bkq9p72/yhzE30n8Dw/hY0lE+XOmLCn2/36ISNDkVkr8qWR3jJAMzq\njnQEDQcPKMAYX8rr5wccoccwevWzR2lJo7DbLcaI4SJvoA28YP06eSpEbkI3\n9Bk9FE0PYeBDNhin908TUMAfXcNRhHaM08Q1CC5yCMAy78gVwIEXFZG6g8lj\n4FBRLSVk/ws/AyC0Vkr1ihsFsQ3peSU03f89XuD3UX7tl/w9uvrGzS2Mte+b\nA7EcP3fCeGNSCzOmo2vnS3XeY52aAJDBvnD+dLK0JOHYKowVSjBj2PbzF+fD\n3Oa4ms8wsBuPPdbP+UvkQL8ksOiJZ+aedvm7iNx1Ns2e7lozSJM3eZH9mhZf\n695dViNI+IOT2Dw+BkYxZM9V9R+J+YEAIbL8E+y+T7qyqbG4A/XkET/Iohs0\nWpt++Y6vmdKFZZQXL8WyFSGv9Owz1HyaUU24ZhfdDDKkamo8o+l+Hs9MLpvK\nESxmUGYOyWcLFkbSV0JjP7LTMdH69QYzmfOl8+M1GL2xGz6FZidl0DVtWxd8\nN+ekzBqq7hW68pa1nh646uq38POFQYUG5U79El+XPvHPhoc+tsPSKrYWGXBA\nmXucmXyKLvs0Pgx/nnF84LJPjoe324Llvs1ngSbxT39MEKaWmetVDHoUSfQj\nRdKM\r\n=QF5T\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFeyqIFNfHYzh+VN2KGgKwdNZbt1uBKN9IzKPM8Xh/6/AiEAjfCP80eOfD0onL7d3DtxvSbIpwiXLoH5O2FaPnIG9os="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.26d14d2f.0_1606956913150_0.06532042114873371"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.1663d7e4.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.1663d7e4.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=9.0.0-canary.11da3c0db.0","@material/theme":"=9.0.0-canary.11da3c0db.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"864efc8adbe583a57a2a7554cb0b3d625f3d52bb","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/864efc8adbe583a57a2a7554cb0b3d625f3d52bb/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.1663d7e4.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-WgkUf/pH3+01go7SYLAY7/5V2hT81DaYHmc3vv4PESbYmOMudqFum4GebG8rqPNhU/uAjYR7+BTuozdbdJsRAg==","shasum":"8a21cc55ac015145eb1bf297a8cb5af32b0f87d9","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.1663d7e4.0.tgz","fileCount":16,"unpackedSize":69752,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyDxHCRA9TVsSAnZWagAA0x0P/0mOQtGG0p3ZdEQpMXXm\nWuVr1K/IV94/H2SvrvLtsqy+abvGCYBwxynmMxrqtoz8cTl5h3qNLMIwtwSm\nI4hbKqObEeQcoc0iHzhzXqhEL8UaEJT/OxO3d5VXa4xvBX9j2JKJe8Al6mis\n8aZp8XAQSwqYfAy3p+uaRDPb75zFZCTltYIFG2yZo6fSiOMW3U+T4P33u8lT\nY91ArYAdy3RNCFzx6RAiqCX7NLo7+tDtoySCe85FwfIhHgZZXTCVaYvgLmyP\nc25gCqSA+U9xwiYdyXGMsobM3jEe0VW8+0HraCz2GEqb+n/lKx9J9t3heS+A\naufZ8Y7bPLQVYuDM7lLKTL+2m6z2mqEUHA4W8atCVX7UGcqr0xUMJAHDHGXC\nMHqgyg28wEG7UNiQ4I3Q6J31X7XlwwUja5Asqj7EPu2PpFSzP/ITPHaYbsvR\neuoSwx/UhsbIVM6DoyaTaev1w+tzUXUAPWO49x1NjBu2SLJtE6mRb/baBjUH\ncB6lXEFxcqhzyiUrLHq4WBlQ/CYRgkCiVxDXwByziGKV1Kn1LGrAeOe0DQCo\nMvccgh7L8s2ccsb35aKEjyL9Kc02mJNeOlj6ezkS9TolTpKFK2IcTG7FhKPe\nFct5wyUNt4tkghsXNYEWOZrKg6OMR2HWV12kfaHUMkkfHR2G3c8zgn1BkQ7Z\nnCth\r\n=pVIs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDATVOX+SHaINVh5ghvj9IC/fCwNP6IE3GQoC5PhJJRPgIhAKuS5lr0SY+zau9Ui2EOLPrD8D3hJ1XLR7bSxYLCrF7D"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.1663d7e4.0_1606958150760_0.9427706662763917"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.cbe9fc12.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.cbe9fc12.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=9.0.0-canary.11da3c0db.0","@material/theme":"=9.0.0-canary.11da3c0db.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"ecbb2ff521324d43ca1ca402e290e52618e0454b","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ecbb2ff521324d43ca1ca402e290e52618e0454b/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.cbe9fc12.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-oaP1sc/ceynf9WFlcd4NeLJZGZoitwCAnriVWQiDeLIqBMiZSfFUyFXwUjR7IpEptwJSgeOc01hoXWU5HMIbMw==","shasum":"fec92c7685b7e1d47ade3f8ae9c23c3d4221cd90","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.cbe9fc12.0.tgz","fileCount":16,"unpackedSize":69752,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyTc6CRA9TVsSAnZWagAATnwP/2AX6dBrPxrSbCyV7Jdn\nv4hFlIQs3+68NUGF1R1ZMLJegzqahnbrVDoO8GebI13jGaIg/dC7b7tPaayZ\n38ifVCXiw/fxezhTB+wQadU8dPY4WMwYkYuo4mZKnLb8ulhMOaY+EDptEuwt\nxVMNLBGGQoRfAjYdYAo0tBn7FaJZo1VbAq7xV6S/83qK+CGsYZYl3WMCTrzp\n+jObg5J+5HucQYR3FpGsHvlf2AywMEunrB11X/sU1P/tXqF+E214CBgBBNvY\nOgUZHKugh5yrv/239t8srjjrBpvcKaPS28PR0jhjI91CALcxYqjp484yCKYh\nZq4kEXiL157KrsvaDNuRgU3I4dFEnA1wZi1RQWCTiU8mbeC3ytbiIz/mb5bw\n9AgfOmCGr/x4tjQs4pC4lXu0BRC65svpSg6gKQhgKPTnYxe08GYzjLEBizdd\nn/Sn/BXNuKYe787TvdJK6IGBwtOeO4p7/n/Lh54+XxhAvAceEEKjh0WQjyhf\nlAth5KpK1gKHXthgJi/oIreysdGLzns45Mfxp1XVcZMcoVE/iyzfGEIXX8/+\nl8RrWPyavIyRtIskCDV/v80KIoXb5X7uakWMD0bipn72HkYz60gZuKI1S3A4\n4A3jFhuT5/gZVmfviH+J6Ras0S/FjfVuWMkaGhweL9UWyBPEW5Ruq3/i6NJT\ntTqr\r\n=9jPj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFoGtJnzbnNlC0ukeWS1OrppTovphBPzoemI14buAoAPAiEA5FAMhLj4OoNGvQ7kC6+uxBaS2+zzNm9oxqY5ijKZasM="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.cbe9fc12.0_1607022393550_0.36143238276749257"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.9755be10.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.9755be10.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=9.0.0-canary.11da3c0db.0","@material/theme":"=9.0.0-canary.11da3c0db.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"45ec0e755bfb97f054d48e3543837f693347d6da","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/45ec0e755bfb97f054d48e3543837f693347d6da/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.9755be10.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-6pbauZ6rK+BWuhDgHA47KzKqhImEXoyAzd4udWudlE7YVp6Gtc8hHUreadMKrKdHy3PErH0c5rshGpQYAqipaw==","shasum":"27795b0ba43b7712764c8364772a019195ef5ab0","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.9755be10.0.tgz","fileCount":16,"unpackedSize":69752,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyTt7CRA9TVsSAnZWagAAusQQAJGxV6f4c11ogtTBi+S8\nTlT6V+d1ettSBTNZ26VBfgDxNOOhpukkdDcBRETVnvFkqu68/045IVNEXany\n03irT36aOb5htHsiFg6nN0iQ/fkeY3/oMqQWUNYep9fgvSgRcPraea29joOV\nWWoS4hdgRTPOFlyBlyeZpt9rV81ma2xcqTe+uIn5VeuIB++PXkYnDHakaGxg\ni6fzdkvlhHO0L2d1FYsQaDFvwMWpJ1VcCr0UUscXf1tcOHbt63TY1aekjGnG\njVS5EosBpwoj0MiREo/2H6M0Gybf5oLS5+TTv6b47YcPzYVp/ARbbRFyVGTV\nsT1HGsWCNKSgnK9JC/dfNenrASwSqtFZimUoyQEOoI0X6m9S3UPDJpD2pOP8\ndhitWDD90hjg7YX60ZwM2M+66nXA971AWQf3rin1JLx6Ig2YIXW0cqB2TL8J\nDlBbOQgN0zOPo7t5kmy1pA6YQ/1u4u0c4ctww1QFgeaGg4R9ETffPtu1yzOD\n0hys7oaApo0BeZVEDC7JAKHGhzxR87LVwj9Om+Byzn7sHnxuAVsWkZhsNaCC\nmJTK8geNdKWLk6DmMUhV3rntpz23np2j1dHMJ3sZkAZPicJ0itfRKuVQ5F7T\nYX7Dd2FwFgIu6Ok3gKWWuOC2PbHNCUnu7uoXn4w3xoKu8kX89YmefeCTD/H1\nQKta\r\n=TQuL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDi9tKEs+aXdYr4qRvnCSWbHH74aOhOjFaxd0D6+n+GzAIhAP2B9uT3dxNv0HeieFFJhRwjeZMsrIoj0t6T4OUX+DsE"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.9755be10.0_1607023483046_0.2179425943919613"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.3f64270c.0":{"name":"@material/mwc-linear-progress","version":"0.20.0-canary.3f64270c.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=9.0.0-canary.1c156d69d.0","@material/theme":"=9.0.0-canary.1c156d69d.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"048e0b4e0ee67cb81910736a7dcdae5e949a5eda","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/048e0b4e0ee67cb81910736a7dcdae5e949a5eda/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0-canary.3f64270c.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-UJkQrQHVlpROcpZF7DJtCVXJVww+j55jempSnsxNYF3fHcb2hriCMPLNsoi+v7F2WX72I5OEsDMOW/E9J5nzzA==","shasum":"64069f695c7d7b3a4878f78b7b722d98c9ab5706","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0-canary.3f64270c.0.tgz","fileCount":16,"unpackedSize":69752,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyV1UCRA9TVsSAnZWagAAbI8QAIjyCg9tVbUZuNmmZYqh\nGQid0n+OR+skQjfPQP6a02wblRoZtYMBJiWbevwIi3OrcTq+ICkjscm+JCDR\nJELji7HYPHQJ9eObRkc1O+rtN0VnqhhWTBr7j9acappOUqmUbI310IDP57Ut\n6TbCxNJACHJjMbuAKHu5GOsbhHabGNxNdfSH8VcBncyAbcmkd1Z0KCO0xjEj\nP0HqQLqsneO9wpfcaW5WdeGJKl8HqKcggjjCOXHLyh9Ji+2GEP/I8OVgZXm9\noHe47zq60CFnFLBlZ5GRXWw7c67wQJisOR/2qn6YYrgeO9U7tQxS8nL8jDGS\nHF91xiLeqrqmfpGiBJUskDK7KabOMiDM4aZfTFEzttmok7VPD20GeJVOhmLN\nN0BM8WxTG82/DMtKRwi8P3cCt+41WUOVXj4bvuBeTqFouYaPS8YlZVMp0+Fb\nZ2BhVypo/2fF8pnQq5IYVjFqPkE7esvxgJuOejaqJ0EvQsFjNEIq/hQ0At3Y\nQGYArUPDV5Yf8YgXfQi1JSGYtc+Jmxgyk5n7OPPIA7U7w9oe4gcJzIVZ9a7G\nPcIXpqGJSzjEunUB/z9eDGJMAR/Vcz9zCpgdT5pAjuX09zQFMv95bE9x9OML\nTl7jDOsPpSszgInwwIMb44hrhm7s0zy6RJfEE2LN8DaDeSg1Z/p0SYJf2nHo\nmKXu\r\n=JbXD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDrGjtxqNgZyrV1LxdmvKCUNG0Pqz+UGc8aFVZIDemM6gIgAZblYeJPBS333t21JMYvt3KeJhhItlXA0Cdt5oZKvIg="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0-canary.3f64270c.0_1607032147664_0.8031503389772998"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.d893b14a.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.d893b14a.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=9.0.0-canary.1c156d69d.0","@material/theme":"=9.0.0-canary.1c156d69d.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"d85f7378e0640c2cfbe4f96436e664222a4c2571","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d85f7378e0640c2cfbe4f96436e664222a4c2571/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.d893b14a.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-b8eNVlG4T35loxy8rRL7k7jvpVwPQWTJ2gZ0KEj2UqzYxADIXN8EkDasrbmkhE1oYsEfHdgAwPss81SSxIEEfQ==","shasum":"4ec85f262c4db4ebab96e2c49e66dd6e15116988","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.d893b14a.0.tgz","fileCount":16,"unpackedSize":69752,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyWXPCRA9TVsSAnZWagAAh0cP/0RL7eCwcbUA/ZxzAbeh\nCXO+f6f66JnAGQIwgTzhfqmbeJrxeuJ1CIk0X1wkbJw6BFMYHTu7NiKZaPV9\n6t/a6pNS45bQQ3b+CrMV3Nmw6nupCvBkrsPGLER29Q/g9Bsgn4fRrYVyMQG8\n2DmnhYoQGk8MLO25AMCgjeN4bttF5/hRlxjhTiOEq7N71WIbD9Y53pT/Yeo+\nlxpcxE+KrDsIxyTtEELYiYv9SBDb6J5RqhMzXK3+etX8joLpjC2A18n5aH+7\nZ3qufYnqNA2qfy6rBrmsxHPEof2wf4EionowK0iHXVUSisye/qOBtxwOdgKZ\nKyFJcFoRxXxgoC5Oar3Zoi14FeCy9EhqV9giGUmaR/ua/vJnSN8A3tbnCNa+\nrA26xalu1hPku5zs7CuomWJ7h8do2ERowLIX5CnyfJvfDrFn69S/p81ZaAqq\nubviRdGp0gYGOCr9fygKa6B0FLmA9KngRrlc1vlQFZS6VFjbKu2f3XMRAUc5\n14r5+tkHIohbQmy37hqP6huxsJH3mrkX6JB/ST34wrMl4c8juRUjn0s/qkHd\nAkPEqwSCcQjU4hLzxnEe/tiWgnvGtQaKHfNKc6XawkvtWhckodAk6FGOsAg6\n1KdK5KrXq33+lQkRa0Igl4l/Q50mMp4PhGjVFTnXbNVDNBVdIRN4XrSmxxom\ncpYK\r\n=W/D6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDmQjaBta90ZxnhvSjhHipwNlfTGSIFRlv5XA2I5CLiCQIhALQLvx0kmeGyidOMDomsOQrrKbi+q+d9cFIcdmjCtR/9"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.d893b14a.0_1607034318550_0.024670093143111416"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0":{"name":"@material/mwc-linear-progress","version":"0.20.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=9.0.0-canary.1c156d69d.0","@material/theme":"=9.0.0-canary.1c156d69d.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"d893b14a0846777b90c10839f3d05c36bc34692e","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.20.0","_nodeVersion":"13.8.0","_npmVersion":"lerna/3.22.1/node@v13.8.0+x64 (darwin)","dist":{"integrity":"sha512-if8NPXsEpSeQwd1Od1BQUv0An3MthFneZE6uzikzMBT7D/tcLEGVgvR4oGxZ7xXOtm/mwwaRS84pLkxbWcBypQ==","shasum":"d98adb09fe0d90ff5a56e9750236865b2a00dfaf","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.20.0.tgz","fileCount":16,"unpackedSize":69734,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyWaQCRA9TVsSAnZWagAAnPUQAImoXT6gE1VBNY7HFpir\n5o1PeYBS/VJi8Phs8ww8gaNSXvfHaTnmSfUKdyi8MeT1kafpc7BNCXgpD7B5\nQGRLJf7sOCMB9zAkSZFfnjHdU61UbFaeQBVY+DhCusy+FgLG+B1u2yBM3RXk\ns4o3NMo8+21895Khj14QhGA7iWxtJtkwEoGusDmbMsN2O/eO4cGhJYzxeKbK\n5OzcYycVljD1JOde6Ye3LHJ8RqaQAalY4Yj6nmVMRNpb6PSrtKaRsR+WmR1Z\nAdUPmeMiuX3vY4zb9l9qxfFaraXwU1Ooa9E03OCWudFwAzt+pY1JuX5MDQRc\n+/SOUFZsO/krh/MpEAaIEBtTYqAfTGlWIdn1Pv6ZRyRao7txz7RcQqSz3oVB\nLGbcqRLh0MZPAjP5ENFzevCCNchwikBSfTa03gC73tbupuOZus2YXRMHI7F3\nl7Zdxelnd/8ZVB37OG6G+56z23uXuzbatwHBioBsyLpTOKG42mGds1iY+YRG\nOOuw+7EfFhxNYre/NRc8P5ayJLgDV0mG4Z3eFBVO1ykBsIWpje5CURNcabwj\ntuo7AgS835fHrheQG6m5rLO93J4XaH+MfenwudfTgo4+333ounHJk2xKbjcN\ncc0XG7C2fGcB4tZbm2woBSBQeEH4h12EIiHyzPopmRrGpYGKpyGm9upXI47M\n6e3U\r\n=V0at\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG+IDqoueakdEWgitiHXq34RymD0wU2nSp0cSX6P/jpBAiB3ZAQ22Ha1IicSQvaaY9NRo91dHbuWju5wQWjr6KVNtg=="}]},"_npmUser":{"name":"emarquez","email":"emarquez@google.com"},"directories":{},"maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.20.0_1607034512212_0.999154788977423"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.47c7d7e5.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.47c7d7e5.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=9.0.0-canary.1c156d69d.0","@material/theme":"=9.0.0-canary.1c156d69d.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"670d83aacd771290b76b657bfe6ee631865c037c","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/670d83aacd771290b76b657bfe6ee631865c037c/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.47c7d7e5.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-IudN6ciqq6dg+xWaBW4r7gkMo4UY947/vhuvNQ3IZtoXDgR0jE+jGm5OWyEUm34Sa1j+k9hI/HjuhqTYBsvV4A==","shasum":"dedcbe43a2e96f2e61a66ff1bb2f9ad7e6968d65","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.47c7d7e5.0.tgz","fileCount":16,"unpackedSize":69752,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf087jCRA9TVsSAnZWagAAeO4P/06qTAipe3h8DbFpQOjc\nJyCAUmON0SwXjtVAIsEHyEdsiBJ0swIWaiDKclzTWHdx/hH2EpFwmK6wGHfv\nsDa+Ufu59a87zpfxJWDEqVh9ahgDLTqB3152iCvUW+sVSIkqfYHUig+TEKiL\nvZCYHwTHvTBsqteTrieq2pQ6YmZt/L8OxPVBvtOXFYIUiSupQwasXJTnCqDA\nS16jwFZQIyklgp9IINU+9HpxG0g2fwqJGqpZD69eYN9Al5istepvCisXRttk\nzQfja1O7cYRlXk9QRoO5eMO/5Yn1W9uUlNB7dYE9W7BwpvrcGMat0FP6ZXyZ\nltSIhLuT95OQ/S7PqWbo+y/sv+LhjnLe1tuFzsa7XWpwVnnOhT8Vy563H+ay\nUkq6TxDGoK1Jm3FXGsRMV4+vbiLnENU3p/xyQJfgr/CS/MtS2yd/IRzzVC5q\n1S1aiNpC+xXWt9zGIEgnL7vbWUy4wDwtia9hWC67q34uezSdCBGONHh4If75\noTkOVAAzxHJFLMG4bZGFX1Lsiehqxeb4VbaV4jis0DF89488jNTAj+oTv1lr\n99zX6//gX6oX5zZOKq0TaZQk838uypu4RwkKPcBvemzc5HqjWw9R/Of9XVPT\nNtivMZf3Y2KAlSgowCIFK3dOTi6jD1xQm/+0sQ5YqvEPKkZDGf0KqHHNTfNu\n/Bue\r\n=SzBg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFTV/Us3PUSNwcOlZSxFfHMT0pGr6mHf788/72QlNjDsAiEA83A+feehZsFbLX4/NbnUDF1Yi/FAyb8F7R2knXQhM4o="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.47c7d7e5.0_1607716578973_0.760328452336249"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.b304a78b.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.b304a78b.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=9.0.0-canary.9244508bd.0","@material/theme":"=9.0.0-canary.9244508bd.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"44ea71b47f36de83be1e3319efa93b6fd3690c2c","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/44ea71b47f36de83be1e3319efa93b6fd3690c2c/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.b304a78b.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-i04AxjnPebLXsuFVeaWlOkV/6WWq2PjzGHyvW8H/yPSAZdOrHh0VFBiUpthO/QdsR//CUPc5/yMz+h58TNH3wg==","shasum":"e72ffb18f67724a8625e555ac2479df204811926","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.b304a78b.0.tgz","fileCount":16,"unpackedSize":69752,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf2RaACRA9TVsSAnZWagAAjoAQAIVFiZU4KlOAFyJ4/5EX\n7oD4DZQPb8neBmGMojefDR2md9zS6RJSCX+x7/wfRQA64R1jA/NmFXStX/9w\nKhTM7Objr598nnxL5GN5I+uc0JKh3+QmaSufZ6i9QLRqs/PeXRtQz7+8M3Hx\n8wS7K7fUmm2u4GiPxDMtPuEYZ6Fhvr0N/gbq0FzrJqZlNVWrPqTgKaCOe65b\nOJW+VGyhsWT+HrRU3STvaok9QaGOE09Svpm+G/NLAlVzCGCFTKYHLBPbjna3\nthIi+CSUg0+pgPTKNSmNTDvmarjLJP3p9PpdEKcNeySIDIauXXodXwneByn9\n6M052BGMDh9jTQmV0gTEMX63ltDjJ0v8Vh+ClHpmOed9LOdIHmU47w4cfXEQ\nL2RAqnkXcDv/02EqjiVPd3A9gI5q2WPealCuqY3dA7mD+7g+8NRT7FXWuRE7\n/O7jLywJg0pXFDODHOZ0E3yYO7Jq9TEaRP71RZumwcbMjD8+K9OJ1/0PAVAD\npiHRAQpA0Z3iuxXEq+aVor6vTVtnoaAJIjleIdf1AUBeWaNjQpnPVkHQYlyf\n7dJKnZ5isOaHiVYtnE3mMZZ14QI66KL7krGp7WH75MaBPv9dA48wbKkywmgi\nRdzg+ctVJCwjLo94/bh/2c8qQDhazahw8JXt3LCFOx91mXgbeA3JL0GQSdKV\noXI8\r\n=Oaes\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD3/BQRIuPQVZCOarhALvxGtb37VnofodgJ8vS+9bXOxQIgRArhM+SR5HY9VEBJU/0rllbqJBpBy6USKTBmJqSL2GI="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.b304a78b.0_1608062592493_0.29206690950589587"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.777c5fa4.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.777c5fa4.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=9.0.0-canary.9244508bd.0","@material/theme":"=9.0.0-canary.9244508bd.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"8e5f0e24042f2b54d3ebcac6c8bc11f89a7c1a1d","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/8e5f0e24042f2b54d3ebcac6c8bc11f89a7c1a1d/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.777c5fa4.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-hBYvNA+k1FaDD4LjCB38E4sAbeg0qpNjg0KC+e8IKhL7XHGSxrmPHQurETL4yQWRsudfK5XLYoNA08VWsrXviQ==","shasum":"2c4d1a306e567cbee286034ae24e8943c570e40b","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.777c5fa4.0.tgz","fileCount":16,"unpackedSize":69752,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf2oHXCRA9TVsSAnZWagAAg3gP/ic5OnJ9tgBlSKHwUltI\neHx3WuLDhUcCeFjmM2M65vE6qi843JY+HHc/G6+L5b99FQVmy1Whfm2R/HRz\nExU/DyRvd04tyRw34yldCOnOkadsfPAYBA0dOETnY4hzzwZWHm/bebsIRizy\n/QILfTYcu7lHwnxSRlxwyuVDaXnU5cYUW3ed5UmVSUtsmfkB6QBaCp6aRs/9\nPFzEHXMnz04KlUVTYguyO8Cm8j8OqCmP4TnP/ftR4gSvTzqXZcV2gOLpBqjH\noQqHeUg852DB6oc3q44KEhPGosMak89PYmSLh7EZztgHw4T1yfaaFLZN4NA9\nAH75vxp7lrCkTp+thNZKWQkgBJY1zQAoy7uZLV+6ZJEtn0uINCSrPBP7zNyz\nj/xuQw8S8Lpo1ng1oxn5Shvh1yE+vC3MUW6udL8SUqc50gbSHSdA4/upmtIZ\nxdgdLPfrRDSLAM36p2MzyhdFQoRY0VjmDzDG8bZqNB33PkGsHXVWp8qyAQ0H\n5UaveykIzTO0wCVbMlctcf1eScGYZ5sH5giwBBpXWo3St7cJyBh7bA2rVDH6\n4uTm64TMCYpDonKXavPfKb9yXK5TMDNtXSTfmuIMu+yPryEKCy18JpEx4IMK\nycFS6ip/bTOjZVdoq10X/FaAPLuYRD11A+0jP5cS9FhC2sNhbDVJNde0HJRv\nD+6L\r\n=y+3m\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFuhEMjoi/hMP07QAuEFsvxByvFIh49flXCcUWiSF5tFAiEAxB+vzykOxTj/n9S40bjTDVnOZyJdN9sJ7FjQFD67FM0="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.777c5fa4.0_1608155607497_0.24576322534974393"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.635c7996.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.635c7996.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=9.0.0-canary.30fdfd06e.0","@material/theme":"=9.0.0-canary.30fdfd06e.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"a0b572136cec769df6b66314ae5710101b643ea1","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/a0b572136cec769df6b66314ae5710101b643ea1/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.635c7996.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-l0rR4mV1Ck+Jnvq/HYSz//ocj6Ha1zc1NPqTLzJWI+EBIZuyvhtpY/OzofJSI3IbrpV8DF86loEsiBRYTRGKtg==","shasum":"3fc76e125c74d562f509942909f1f3680ff5365a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.635c7996.0.tgz","fileCount":16,"unpackedSize":69752,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf2+o6CRA9TVsSAnZWagAAJwAQAIE21toWgjPM42mzgDyv\nFvNPh/jOimoVR61oeeExp/iaYcSmdft+jEI1d0JMqHxz+EEBy6S7OHpmMz1i\nPw4Dips7mkZL3DK3VUwo0ZjOcGsgNAWFL9NJh/cSBKVWaF+kLq+2n45mI36l\ngJ9OBImIuSetnsJ0b/x7irA0viIDSzC2o/ZWbLRMXOZDVhkrcq+R31CcZyt2\n0tD8eSbBeStxDrK8qDYJVhK2LpxUM9G5K6N9PlKxSFQxWjIzGHTdMrxVUE0x\nISUWlnju0eRyDj/xaZ63bAUksEScL0vSLQuCBV2ScqyLZxPjMtH7CKbHEyCP\n04pQJ6RPtp4WgxZxx+U882v+4C/LvZwzkzgV+rhviTxDAwhYLE6ytOMs98ie\nlvJiLU3/oakdFDZ0yj+Qmz1Z88BjjHmfgjaWDfGAE9lBBj8tLOeni/esPlEd\n472YMsqyC/US331a+sCakBYO7Bbu4PaZ58N5N8sQRTkzkcpkkl+z430wGL+D\nmRt8r9A2NZxWtKxfShOI1SrqZnlyO6dVj0u5zJl4bult5f7FOr6lSMfaWXIK\nf2QL+cxDSEfmSvNd3jtjbhSG+KbfUt7efLfoyemngBOB2W/2834atk04Ndy2\nu1JJcvm6r4tDJhul04qzXn1+1yz4n0FFdVZsbKIQsXtnO7HGFHTf58yf41s7\n9/3x\r\n=dnSS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG2JO64RD2Y44iFoEIUtFCblOSMqzHgWp6wjBQz7L4d8AiEA9urrcBHxICr4jQh2MiLUEv8GindMnnL9XoEn37UV/PY="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.635c7996.0_1608247865648_0.2324775205147105"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.20b0045f.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.20b0045f.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=9.0.0-canary.30fdfd06e.0","@material/theme":"=9.0.0-canary.30fdfd06e.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"a6bca4682b5b0bc23e8311853608b98f5594831a","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/a6bca4682b5b0bc23e8311853608b98f5594831a/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.20b0045f.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-5kMRU5+H6y1QHTL2x3V4K6tIvqQcPRG8GY9vOeE2l2naGNghrYnPE3rAO5c7h81HP7JOQIdahrtmKjGHoAh1UQ==","shasum":"e9c42f2cf54576e456900c502785e6b959a5826e","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.20b0045f.0.tgz","fileCount":16,"unpackedSize":69752,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf2+4zCRA9TVsSAnZWagAAq70P+QHkzpzgAIKC5ynWRkNm\nPS3LpteXDBdqobofzoJxmymuX7VeTHHbbxnerDVhElG9H5DqLd4J2vqlR/Qg\n02SBfgBVWIsg4uWVel7jN+eX8mYG/gaLw5tN/Yt36GxrxOLFqLxsl4k9Xx4v\nwGG09FSgGdammmq8jNpnGs+gkiW7MiEURksHCw5r4W6Nth3dvDRc6kCY+r0N\n0qXH0SmKEIWjL+7em+Y13ZS/luahHBDCVD3200O2KiqUE065q+fEkr1zNrRX\nHLxr2jDss8VOJg2VmFk9CBGHtBV4E7KLaXfZ8mSHLfiv6GGdklpkf8e5HLkY\n5LGtx7HUKbvjczfR1Ivq+ESiSjod5do1VmeHnunV7/v/vg5NoXr4vcsTEgRK\n7p/1bzRGBYGXpI/9r9Jwvk/RgNrVGUzuMG+zamD9FS3h5hcxxYB4qZh2dMD8\nIr9O99KBC1Ow6nIi6UV0xa6Ypa/KUDBJTOIwfUvbVfAqfDBsrhsjioZrWRzv\nekQ2H/gWfiCKBx10itzHAk13kg8187CCGIc+qypHOp1i3m95zbKpyrgKOIkM\nqV7HwrOTKcPZiSNYGIFuw0UDq43hrn47kBvHxoV9QJ9JHqu44DzEG3sf9FiL\nTkRV0DYq4YnVAu4vP0RlQhy5dJ8I0QIDI4vLBFgwPaLRrRrYl0m4Z5dnZMxx\nWhxI\r\n=kUBv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFCto46DuUsCc3otGeBl0c8Xpkfanmw7wsB8B1L7aNNkAiEA6CM0jIWxJ8Si9y84znf1srCntZERcH60amAtBBy4amI="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.20b0045f.0_1608248882692_0.5220203434193724"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.41f77000.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.41f77000.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=9.0.0-canary.30fdfd06e.0","@material/theme":"=9.0.0-canary.30fdfd06e.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"59ffc250e9e7d85ede63c75495b12e981e365677","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/59ffc250e9e7d85ede63c75495b12e981e365677/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.41f77000.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-tuFBeMR9OF+pUZOG5zdrrWpJYLCpevRRobANnY3eDjovEuuMaU16OEmiOb5IEKdke/KE11x+wwe7wFBE6+bxnA==","shasum":"f6959bd81f278e7c450ffdd9100e9e0aa2249a38","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.41f77000.0.tgz","fileCount":16,"unpackedSize":69752,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf2/kYCRA9TVsSAnZWagAApnsQAJWtjco8igyyWxflT1B8\nBNdiDDA/arHWmOOh4xcAJPmiQBo7n7JSb9OltjqN+y0EijZcwMjqCIyaWiYM\nPJDHoDxaRUjuuRudTlxFZvw0+4WK5W81I3m6n9zkDCeS9uV6e7YbZS8ee0re\niwI+woQT3vv8cXls5HBa+m5lO4tnWv5XjAK05ibkcStoLZiRKU6J5/KaNsNI\ngojbKdaYFdPd8ylT+rUyY0o7FNJTLPHi2eVPdoDKW2CjRs6lV1RckS9gg7Ci\n/p2bcPWkWSpFNZuU8IQUM637ZQDhKannOobNLk1ELwvMNUPByAQMSBffS8m9\n8wg3Sa6IjRmK3tceqJpT5imyWL/cMtkmYZC5oOQVt6/cJdF7oTHbOJh5dNtn\nMcrbP7zRG8u0ntKP0hneCqhpVgSU6Az5II8vpoikX5P26/xQjHXd6TWoe91X\nTYdbIMIQVbFnfcd4TsRkb6J4XtXHItNtrKLuUvnQCZPziyKhmfPojlsIpqz3\nIJfHaRfukNLZb5rnfw6sENSwuT+aI3f8/BDVXYPw4KKveKb3aFJc1Vj6LEPW\nAJRr7vPLzHDGFBxw+MuPw5781WMAeqAmUULkwvBF4lGLG2TCtzoBCVmcT1wZ\nNeH0aOaWZpGwwg4FPLWZtwZD3WfRL5i9m9A64vQeOb52N+OtZ/Pbptw+NoPM\n64/M\r\n=jLbT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEz8dH86d6DZn6S5qjmeL3O3BRRTIUzkXXvObGZJecXeAiBX9JYx5G5YgfQdNKm5Z2UIWVBnoxAHX2c81No9rrboOw=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.41f77000.0_1608251672367_0.049430787849240154"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.afe4079a.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.afe4079a.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=9.0.0-canary.30fdfd06e.0","@material/theme":"=9.0.0-canary.30fdfd06e.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"aeb3539e673debaa2381e0aa7f186b95e91ee563","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/aeb3539e673debaa2381e0aa7f186b95e91ee563/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.afe4079a.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-I66pHgxAv5ZDwVxBsykhlF375Ws0suTe0aybiZImNs/UZcb5AmSxKuHYQ72cbpmwQXH9/u/iVWobmwa5LFp3Fw==","shasum":"ae77ca7801da0d34538113a0deb290611b101e0c","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.afe4079a.0.tgz","fileCount":16,"unpackedSize":69752,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf4i8/CRA9TVsSAnZWagAAA1gP/3qKQexz0yXRZYW9geEU\n70lMfokAn9M6cgsUrlS4ZRgkiUrRvBN8sjOJd5R0ylcPBdv2P8h8UAAKZQLm\nP2/FefM2e6AFhn2W7BfgwosBuEtnhvBu1hUZSXxltdJQKkbcJOCnKqTD4mse\n9tOWRq9vKeASMS8i3KPINAMhRhkd1gTJtIVaB0jq0KLd8NG5X2ijoDDmzmGx\nmrJSuSAgZWPJO4M5TF19xYF4LT+uJDcPidZSLKW/KkEMMtP1MTAjpKWrs2UI\n+coyvokxkEFI7rgjLuPWJuTeGgUOHO6QrUlY+rQRiI5engus0tR0dLgpRaXb\nlE5CAgg+m0MLNMe9d+mTlwD9u+PEAeSkXRQygGVysUGmsMu2Nf7DwAHwzEN1\n7Cyp3zlJ426QGQQtST5D3ENmWKW0e60sVe8ini8qooje94Nwe+RKgbU49ZWy\nUDZyNNBl4OAsVCW2OcuztSI9miZIPZLwCcWvJzdBf/0+VKAZM3cY4k3v+Pnl\nqxD+sB+OJt1gE84AftW1n2vGX8p4g10912islwfQU+TCPM4RMbPtTnipa8mm\nhWLj9HhppFuSiLOCUREu8dO3/Un+5dd8DONhL7zy2MY14sp4fZysHBNn8SmT\nA8kug5tnm8RemcVrt5wYQ0ozpD5j8C+lG9g37tKOQ0dCIOo57cqadV5zUyvg\nje+Z\r\n=j+ah\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDrXz+Ydqk3QSsBMEdkEai/R+023/WeUWd2VkZz12ilIwIhAOEQl81gdfAEN+kMkLuvReskUxjAcCLcYWg3bcBdO6tY"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.afe4079a.0_1608658750845_0.15395695077335692"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.407ef8f9.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.407ef8f9.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=10.0.0-canary.671d72d95.0","@material/theme":"=10.0.0-canary.671d72d95.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"b600a06f2f54a052373cbcc038980333a8068672","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b600a06f2f54a052373cbcc038980333a8068672/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.407ef8f9.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-AE25WYX9j/+/3IT6105dLJZb+IUQ+wSfymogy24qazN3SfRU9uGGw/gzK/NOxFSl4CB3AknZb/k1V9IfQMcrsA==","shasum":"d42714e758e2f50675c1f34fd01b2765278ad5cb","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.407ef8f9.0.tgz","fileCount":16,"unpackedSize":69754,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf7QbuCRA9TVsSAnZWagAAQ98P/ibd9HGjX9w3Z7GsldWe\n63eNjkn0eCWPND7VpYWbZlpME3htncwDOgmGZX/F6VnTMfUw0wNAUZSGNkpN\nHQ1SWanszWv2GiGPUBP2MNEI8t518xQqCn5TlKYCdvI4xnVoIjVWLxs/tl36\nKRJN62EMZl9D3BThn/B0v3mWkSC4IAV6mfSvN+J1eApBkjHPWLQrdUyEMOkN\nRalE4jHZgBP/x6XVhe1RVcoFIK+DC/Fz+N3M/qWCAVM9ywOV2sV23+1DmITz\n7zFx1c04QMAujWRY0YamIRWlOeUSanvLk2Xucxd/7l7lT7kz7p2PJJ6v/3Y2\nCGTIRy+vJBADzkJ+5vBFqc62X3+lXkAKXn3W8UkLRIv+KGrxalsV2XRz8dvK\nAADB0XAgv5q23LwW9BLlIJ2fCNeRjqNVV88LfyrYLb1XAEFAium4FosIU46Y\n7epibeLd6VUMbvCgArD/oW+YFgj9GNRS0brEo41zOPtjw6wnp6+LD8eXq6L2\nqqbb6Suqu5m6PixffBW9yCtYzP4j19VQ2ouCk/BRyBtp3uhm+AhFXmK3aBSR\nOZRMyr9qNERwKOUYRwit/uaU2QhQx3BtdiNDUxc4Y1dHBI+hdLh0l4Vtq4cI\nj0Ch+VJW6FdVTwXmwnxVIOGvLkPfkiFSNKyasQSU/6twP0kgkwEQQjwYD8tX\n7STe\r\n=7EJp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEyfFfZQqt0d0Mbe2Z6V3QN0cz5VkiO1qWNBc96/ggDLAiApmBFv9IAOlOxJgXuyDXwXVFkr/Cvys63HyiznrJjeGg=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.407ef8f9.0_1609369326376_0.11034126371138364"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.2e26e137.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.2e26e137.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=10.0.0-canary.365c69360.0","@material/theme":"=10.0.0-canary.365c69360.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"cd3d92f8ebc04ae6cd6d286c7983e3028e380428","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/cd3d92f8ebc04ae6cd6d286c7983e3028e380428/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.2e26e137.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-Uf8jUVDH6T9L2LrSyDLWKvaY56LuOK6tNrQaiEw//L9AEq184a9S8NRrQzlr3sbmke8dNfGjKUN6kq8JL4zagQ==","shasum":"03704956e79626ad945f6694df2f74ac05725601","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.2e26e137.0.tgz","fileCount":16,"unpackedSize":69754,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9LSZCRA9TVsSAnZWagAAEaMP/jZML45/UdA+z6kk6fSM\naZJWA518esSkbXEN/0+qbMZJ49+S7Iwx8AtedVhbxO/YxhBb73iU6oOmbYzm\nbDqTk84r9Qk/AqDGB33/36urh1zFJMtnkfR/zr4oaP2zdn0IONcH8ZOW/i3Y\nXkzJMrCQEw7SbmtAdySin+3GSdX54yQltgITSAhBGY3hL8vydmbLQDZwY61e\nOkxaMqsY7uPpwsrbPSHAKFNNbSDuMsPs43rQCtYeOUiksl4K56uzMQjc9A+x\nbm0pmNVhC0A4+8USKqJmIgA7Fv6wCWB9CFojFjLMffEPKvhwFq7wo3jJ7PJu\n829KM4j1jtsDhW0kLiat3XtktzKEhyWlDELO/uzyux9qxV3wXoZC/oge43te\nhlLOIs3Jx7GXpPYkprfVc11LsTrh+Mu64ex4mTKUwIpwF+JylhJ4V58I5dlu\n7BeZSJ8ZSAzoIlKnOrikmt1Id4Y59cGG38dVpRuD4+vk+MvQzJnwUR0HwwiR\n+Ne4RogHhXaNycWGm9N7cb1uep6gYtZdvUZ6rpLDSmws4Y3p3HggsqhqIcBs\ngBH1ZmQiyHzRVS4eLoyr1S6Xvj5dJy2KOt3g4VOFKwoBLFMKTZhJSBbwlLa/\nMrjHBKnKhfirXbsd8dfa5ZYgyMvMVyTuPdE2Q/zvprdCuNmi6Ikcqg4T1SYd\nOZNE\r\n=N+L7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG8FD+UxuTT7BPrfA8+5VP2ObbHAOnow+z/4GB4DswEQAiBA0CKMSGycjARAWigsKjvJyqRLF/Q7bl5dPSIJKgX34Q=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.2e26e137.0_1609872537005_0.3798418909207337"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.9009f6c1.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.9009f6c1.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=10.0.0-canary.abdd10065.0","@material/theme":"=10.0.0-canary.abdd10065.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"d6f3ffc9298b3af3985946aa3bdd75c862b5d8c3","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d6f3ffc9298b3af3985946aa3bdd75c862b5d8c3/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.9009f6c1.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-yzBWCkJR8Xyj4AtsIAdhK1yDT/6aaf21SCvoPtVgLx0gO5Ap6zjCXxvmfSF/YuLe9RHwSZ7He/dNfC4twXc8qw==","shasum":"651a66f2b3564f808e3d5f1d0f53f7da693fc75a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.9009f6c1.0.tgz","fileCount":16,"unpackedSize":69754,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf+LhDCRA9TVsSAnZWagAAbP8P/iced9fhTDNe+0y4DOJ9\nbUfinwv4fUIUjVfzdpj5CDMraHPnebjaTP7li89U5ddB+J7bZdrNfKnVK0v8\nZzA32X4VykCaldN0+Ynbtyis4OsiwPXHV3174InwL/BkhIXtfhNJp6yem1Sq\n7xvTCdM4V0hrA7LDkT7f/wSoPspY3SKts/SoIz5MJ80r7OUTwg8ZNDq3jH9H\ni8i0qz9L3TvIWcLsPwlgnJXZsLiEbIaUKv+uZCDHemKTRiyV9DBJR1eDdQLY\n829wsxIanL6uLoQB7T7f//SCFFkeeK/3r0YGEwLfKkEzAYQYYEMwMIPxai/Y\niil5NiYJi7D1n19QtNFS22g16HFCd4Y4giS8hfEnqo8+6N3rlMFsndiCLEvR\n1wP2ls9WNC8kroo6utLAMZExmUlBsPPxyzWoXoUtKsDImdIn10Tfo1eH2hER\nf/dwDGy4LmPCUi7ncMt03MRNZH1XZ2OmvjyAh3ida3Swr8faWiJQCsnCeohV\n/xyXts3N4LWT3cdANX0VPMQQM+O0EO1ML/uOrYy1kbo1tKWzpboNqCAfKtDK\nTzwGXHZRpxdctvCGgKnu/gxRFjlGHMNtNKm9mZw7fZRgstjI/KJTPbvI2kKp\nN1OnJbgLNZdoA4jo2vpd7pimn2kc/NacIqtZ1lAozZ4kq9TOSoV6Wl/9kg18\njPN2\r\n=KeG7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIASVGpDkgjguA3NTeB0qHMcLWEqkjYLerBt1b5qDfS1lAiEAupeoymMORrjRzIWjvo8gIYEj8ftUgUQSyYitAlxNIKo="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.9009f6c1.0_1610135618536_0.7867292300877482"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.ee99b646.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.ee99b646.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=10.0.0-canary.b8a1a58e4.0","@material/theme":"=10.0.0-canary.b8a1a58e4.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"e3bf8197782f6099f32f339bdbc9218093828cdf","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e3bf8197782f6099f32f339bdbc9218093828cdf/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.ee99b646.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-kLKUa8czxfueWo67+iMOw8jI7UIQCGEXqujccBcTpFpHDKsvdhFiAsboC8+1FmJDV6eIpf1/D1llt/qBTn8XXQ==","shasum":"f326388344f13355a7f086797ec4f57bf62287b6","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.ee99b646.0.tgz","fileCount":16,"unpackedSize":69754,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/NoyCRA9TVsSAnZWagAAcgEQAJiTGZxChth6l48AlbcE\nl22Cd96dYAvigleLhHy7MSwCkCXRHhsoptiOQEK8p1RbWdIbQKVB40GfDt+v\nSF0wOSXDYNFQRgAIXTUNQwCjfghv8KuwY1tfAnHQ+4CxuaRUaN1VjpjT0h/B\nVPwmXLmx/oi/JP10zzRIqN/NNOtcZw2Q+tpeiX3sTOabCoLBryX8VJJGNvNP\nZq98hpvpbs5e4KXbzi9SCjX1p8PLz/6YWIrI2RYVD5WQ/59ftUY2kkZORvKw\nS5opseWMNhC5uMsaiw7d/n3O1N0ToAPU1AVxHcaStB17Y1SNVykuZahKmz26\nETSZzh5duW+L+hXfBFVzAOzTG8BoqBBEKiKwZNXsYc0cpctWC1IIeGqbuvbs\n6/IYDKffWxGT5uj4WVlrou+wx8E4JK6bQj5uAzaNnIId0eTuMVOQf7qX69X2\npoh/nhWgD8yi7baJ2t9ldYNbWPMlZe6TGgD5r7yRShUtnB5G2CTMKUebnOKx\nft4mJNc3i3euLYLeS5jt53KvkEV5WZnaS+O/dbtprqyt8bY8x4AYj3GVKSJe\neSUcteQ5eK37NFo5X8canhWXE5v6vUJQiCd8Nb1fGu4qyGu3zyACs7FjF1l3\nVd8d6/0ulUHMKHrCcfl/DAJCYJUZGQq7K5TbSsY7Pkhueuw7S5eOkgYn6ej2\nXePV\r\n=Jk1Y\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHgNZGFkvzHxJ3EmjMTlXjylSSOXPED/Cy1mfUSl0eImAiEAmVKYoX9rioNERPo0EP97KhXV11DGLURk/3A8ZaNZUF0="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.ee99b646.0_1610406450269_0.8409674773405402"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.740ed33b.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.740ed33b.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=10.0.0-canary.7584267ff.0","@material/theme":"=10.0.0-canary.7584267ff.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"fabdf055e5efb9cfb69ee02c46f968eb33e417e2","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/fabdf055e5efb9cfb69ee02c46f968eb33e417e2/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.740ed33b.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-A9YXAXGJL1ahCQu9hVInpl7UTLaCDcnrERFYYuRf1l6qGLOrpk4T1ILkpDHCn9QV47KGcgjDfpGc6eqtetZGXw==","shasum":"e7c7d948ecc4403a023cdc85e6f68096f94afb20","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.740ed33b.0.tgz","fileCount":16,"unpackedSize":69754,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/eRpCRA9TVsSAnZWagAAsvAP/i5xm68MlCh30Jhby2GK\n5FNkmcEF4k8SshYax659P9yOQ/eF2LI5hhZ75fHys2T5QWIAB/blgUkg+5A3\nao2gCkib9vhjkWibuvDSTSqLfw2DDu9zBzOTktJISHm8rhnYpIj1oHh5nH/T\nOJD3WYpFAsdLTG02nhRpOVEO6vaozo1XBzOxEC9fQFV/fUTbAH4UzHtQDEwQ\nrNFf4ic/kt1egDPKLKjQ2rUD8sgFpkYEzguJlA0LnAj5S1EcxS/fNg992pQT\nLQZqURYVbvGb+bkt/++hUHNUoShfRKxxcgeW8fai3o1d/XoYmnr5N7i1wpdh\nb1/VZ8JLjxsz4zLrh+eTNAFYKtdgZio7clfjYBwxYZJEyCu6M6o5oZNGWQvJ\nrIFT1CW259OCgPh6+vJMEH5GI+FOAoOF7Qz+QCrw/z9Qs9y/R5M07bSifqZM\nD1lZbgFeWvLDuNcPF3KCPvPFCvB8/7qyFR4wpBZ26xvCI1gVdnfY0rGqcqw4\nipL/fQ8jh4h7DTuSGS0S560+9thxVjiqKSWUUQgbutOU8w9gLgdYhd90i/ND\n06hMUdVwXOgk0YN8ndfBPEp/O8mtJZp5UDr5Zf1vRNl4aRpordrVePDS9GIV\ndQKurTwy6ZUKzrtm7Pl2bZ16fvhF0B3rz3HkRmJ4mPK+/XqzCxd2Jfbwk8mh\nZgHW\r\n=lmId\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEiotTC0LMBdmqlq5mEIdR3D2qsN4KQoI2EMe6cEOIk1AiB0E2Vjbc0YjGBzTNwqnZdPbN73ok55lAZyPSG98wNCbg=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.740ed33b.0_1610474600894_0.25491385725152194"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.c5c541b1.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.c5c541b1.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=10.0.0-canary.7584267ff.0","@material/theme":"=10.0.0-canary.7584267ff.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"2845f0e85b6a37bbfaf5110a5f16284cc8fda6ef","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2845f0e85b6a37bbfaf5110a5f16284cc8fda6ef/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.c5c541b1.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-kiIYHgqZZgJrttmNRwqqvEF6FX1daxYuOboiDHSgYKPHqiB3Tmkh5u3MrVchI/2dmOnsBp6n87VvwDBmusrAlw==","shasum":"bcf4f236808f8d71e259281bd88b51bd567a0b54","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.c5c541b1.0.tgz","fileCount":16,"unpackedSize":69754,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/e4jCRA9TVsSAnZWagAAWgIP/RIcH7QWUn87MqlCXaXJ\nqCcJhdCBMcC76OE08cdzKBZxWmCZ7AN5VTGvTLzXQd6pOJcaLsAUHqqOAZhp\n+INRmoEcsEB2v7pQ/H4yk9dlxBG62baBQpSvpip9VW0J6KlYiiFguwIuCm5+\ntcDK2QBwnpINdIAi8H+edGK5GPxubLAIqMydSCd84j2hjHobkjOnYOF/uPE4\nnkTlfbbcs1ptptSFM0nHHfnceQuTS988DhrOlVf8XgAF+TDEvy5gnbFV7F+q\n3bd6dS9Mu8k82ETzq85sWbbS6IvFHbsfrfrLlhppvsbJCXRYsNz32l0RNxSn\nQjV0o9wtcxTsfEtmvX6JudUApomYDkUpNzW8GhsV7ePgSio1BsyyZlhMbmbi\n2MZBbNpISd4503WrN/0FItSoVqwxJWlTb8rpLrop3Ju7xvrLtJTWQRZBIC7w\ndyGpFthiE7tQm3ciMTIxkH8dYExBHSozLMkKz6h7W2eqyoUc/FSswvtZkzr9\niJHlxHTFVQ9MHC71cfkIuJSdBCGnUAMVCaWEfdfYA6fISJy2j9aihboK7Rmi\nwGy4u920uSw/UEEB9WrjvnAEB5cgykrR39Xo3BHXgCL7xQiCDKT8p3DhbQG+\nTLMeTclat2liaxGEIuLeY14CymWSONzL5SSQjbYMae37QQbOWXLVzFgurYHE\nmblb\r\n=FgiY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCMUB9f7HqZzBLg+O547Un9CwK7P5cOvE+C5q2h6RemUQIgfkIPvqMhlkYd5RqRm+6LEl1K/RzwaqQ++ulaBU/ADpU="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.c5c541b1.0_1610477091186_0.5711248520871133"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.06fe9d90.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.06fe9d90.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=10.0.0-canary.7584267ff.0","@material/theme":"=10.0.0-canary.7584267ff.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"99a3aeb2c1659185c9597a59e5dc7599bbfd52bd","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/99a3aeb2c1659185c9597a59e5dc7599bbfd52bd/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.06fe9d90.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-rR6jXE0j8wIchiJpJu+TpOq+Kvxovs7PFmruwtwxyTwevM3+TkN7km4+QbysOpUJU1aFcCs4LgGC85kVMb1V6w==","shasum":"f062422e3df729f91c6a6d2659f041cefb71be7a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.06fe9d90.0.tgz","fileCount":16,"unpackedSize":69754,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/gx7CRA9TVsSAnZWagAARwMP/imld6FIRDFFxCGLXPo7\nOEsR89gtw7MQv6NJKhaNJ5Dlet1t4gopJb2MNjh7fSNMGBsYstzC0o2/+6y4\nCm4YHZ5qn3NB9qoeB5ykAyNWbqcM44E8EvttnlWfSwzoAQJsNRiEMzRJ7jZh\nQ8KKlAwOuv9eMw5Q1Di0+AaoCpWfzUISzs4wNqcTS4QH3LdFUtPptJYB2t+P\nu9wmGyacGjeBuuRMPqm9EVr7W7Tg5i7ay6KG89HHTiJSOSXIIPif3+Dh/3Oq\nUAmjk80DI/wmY21hyjO8cTRchzL5LCGIKEQV2jxuxsDgMN5qg824lLXrV9xc\nZWpJHselW9/cPRLvcgFBQ3vSzZCDTbnN8CzXIIAJDyRRW4XL4ETbTQyqidqD\nlVl1L4XX41UCErvN917IbkWwu78QoaxRLf7ZFYOpdUKXMPMF5k78pnUPQlLt\nqDoa5zwSbTJmTbvcDNMf6nzNHFNL9RJCngMuIJd1pN5b9hc7HQqmfQBJCX1R\nV9yu3I2GVdmLEkOK4hPU8U4X9xeKokEr8YsvZ26pV+7SLBOOPnGkqyyYVKwO\noCzWaRt/hHfAFxeZIHEBPDVASIf40HveImPe6kY0TOk+uAXxK6MRHCJGWX4q\nRQs8CJFdupRI8kxksqZAghH1Hyez979XhIXcaGbvy6Xsir2oq86ZEYaddN0Q\nduCu\r\n=eKNf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDctj+6VVSIelXYF74Xpm66q2DLevx8jPvAHASX+Opt1AIhAOLb63ISA9OcWFBD9LMeSkcSi81SR4ousa4UtiKxbZyA"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.06fe9d90.0_1610484858713_0.393586175305368"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.269eed01.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.269eed01.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=10.0.0-canary.7584267ff.0","@material/theme":"=10.0.0-canary.7584267ff.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"537a9df54fcb929f413d5ba5af0dacf0e2654c82","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/537a9df54fcb929f413d5ba5af0dacf0e2654c82/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.269eed01.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-gRvEuUm0iibNr055yUebJbfoOw+nd4Kugd2+vtusVZQRGbkCcP+nz3fHEv5NW7koehQCL5wvS64YD8NeWHiMUg==","shasum":"641efa43f0ef998b6192dce273b99bacd1d79797","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.269eed01.0.tgz","fileCount":16,"unpackedSize":69754,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/2nHCRA9TVsSAnZWagAAjJ8P/imzCnE6bWal5q4KVvru\nRPnBczuM5Dt3thfRFyVW2h9CEmoeL2m2JBK4E1fGoJj4vyn0OdyDaE75z5Xl\nhOQUp6x3QQQNvuwBgKvlzigPXyA72j68Voa4KPz9/gevVwVHHJuMl2hglwci\npy4MF+DUb9S5mhGcRw2jpqpQHXR6H6KtwMuwRMekDJ4xmn/cStmHZT3k46x5\ntN7j4UWsLAG6lPduZpkN/fl5y0t9fFAiQ1d7UCQFreh7GzPnjDrpCkMqj0t0\n3OZx2L2UX0Xe0yHHdpOgIJu3GFcqbS1ZCTpIC1pAI9x2oQzCxnL2bpUnJyyX\nwxAq1VkY1cD7Ot7mhKf3uejYOCXOTEV1WJoRwu0CqUOFav33mD6dG3uKFZJ1\nepYR4t/vBtRqIXIgdkD3JAdO8A15hiyxPa9RaeMCFPjGj1UVjYmAtObh2FhP\nmjBb3cCwx6U2+HkE5dgFm7K0+6g3p4Xo0B/NKE1coPhgGeJL7wkfggeJ+Vr4\nAry07ODm0UY5o1ZfQEf2WINl/BMa0BH3gzKmXOI9V/W3xBRD33aldPVAV6tn\naMFVIhQfYFzYANFjIQ686S/zrGx9VQHxR+PbT+UR01EkBjSNZZV6Cw/DvROI\ngOB3a/Ut2b7xyFe4TDbUISHCOZe6GW+ueSsqvgKbCxd0gfkEU1nAM1O67VaQ\nClBC\r\n=9jCq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCERnXmkLRfLhRfaVQRsEkxBs9R4wn/TyIl4KKj+vM0yQIgY7f94sc3XZBLxmh8/c+KoDk6f1CBx/PzVNDNcXQSVTM="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.269eed01.0_1610574279324_0.793092798177806"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.8c075f35.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.8c075f35.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=10.0.0-canary.7584267ff.0","@material/theme":"=10.0.0-canary.7584267ff.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"8757321e04ca4329877d8b8c9924f78bd58ccaab","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/8757321e04ca4329877d8b8c9924f78bd58ccaab/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.8c075f35.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-l8jVxKbi3hWBAllSaszmVL8UVRTzDTt7jLQv7X93ueXDrGqqxuGLS1UzAZeTz0kMRQIOCM2XZrMP5EpNVdGYxQ==","shasum":"1fa30d3644651596654535b74de8b45636768017","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.8c075f35.0.tgz","fileCount":16,"unpackedSize":69754,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/3zmCRA9TVsSAnZWagAANAkQAIG3/s4gToC5hO3YX5GQ\nMKN3ruIzZ3lMqZ7zitjkd0nvdJqpLfrjGQhSGofzq+q4B+AcsNDa0aJk2lRN\nRIS9ipV3ZIukbC/0e+tB2Nky22oocuWUOL9u6R1ir+1E5TApMHbpRBVv3xjG\nFRMGJhp8RnUJHqHD3midKQlIcIcsrkP9ZR+R/DEOYkj4+y+MIptrxZsuVtiY\nLH621NIPVPkWOWdogsiDLWYJQb7o9Hd0D1IclD/ZYEiie/U/fNNofvVCifD/\naSTluuva8y70bjBFztl0JujtTvxetqUCnCb1bJgNCAKEU15PfPm1PRwBBmQH\nt4POwpGKu7LlJ+q23gPXjhhbKZnvQSNy1usOGmxLG0HVnSEcOVIMCDhgbW/I\nhAnRAPqLzyCzHXuvjTes+toQ8KYngyrRC94/4t1bAUf9Nkf1CldqmbegDSUU\nUHYc2YttWWvrD603xFqEXLr9UtOAEkYQ3gvxFP+6uCGn4PYvvwrDrIuPSx7g\nOq5Rdj01Zw5uE916FW5AIxWvEqqq7cZl6JVUu4KC8mHUIbFvW/FpfZZDvLZe\nPiajlvKq5HZqxw6v3aL0/El7/vcVurEosBWihBKEKQG9SvmB0ixZ3BJQQ5Z3\n6EnCJ5HJ/LZaStMoXCUXAVUzzT1JAU/36dR/u9zDm/lsuc+nsdZDJoZF28dM\nCeeh\r\n=VOcM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCF4HhQVLgg27fIJeITqCzV/WIQOf6XopXnIJhtzI2frwIhAL4qSj0YY1aK2CP5kmDHGiK1GqnuqNbUxdAoTR512hx2"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.8c075f35.0_1610579174431_0.7603662718219413"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.3cda381b.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.3cda381b.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=10.0.0-canary.7584267ff.0","@material/theme":"=10.0.0-canary.7584267ff.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"d660dc72de8b9d23247ab075b6f4f44053c9cb70","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d660dc72de8b9d23247ab075b6f4f44053c9cb70/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.3cda381b.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-YwLFcjmon94Q1T1zyapjvgJ0BtsM18+RgsEEIdiAvhDFhSWVNXifYJRRj0MkEA/H6VWBKeVgWSSi2gy0GX2SzQ==","shasum":"3153b7a46625b9a0f6d07ebfc5feb6a258d5943a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.3cda381b.0.tgz","fileCount":16,"unpackedSize":69754,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/4pqCRA9TVsSAnZWagAA5iIP/2Fwrqk5T6GkbjycCzJP\nvl44vpk71oSLC+MTh6Lq6KBsLG/XjqeU9n2Fm8QJj3W0SYRuwaFeDr38zm86\nsbqGwERm91By2YW9oECflR/AsOk2Fj+lDORe1nYb24k8tEx5hhgZGRZ+hRlL\nlXJlKErFdD5G26tMCz70KjtNCThaHikC9LrD/XoPT9Is/PFepcYAdjQsL+0q\nCxwI63pGTUobTSJock1TESPMbba0W6kQ2QJfIKgF+zN4ClK7lU/7CXnNkoM2\n6tNIhFY8mTYG4vkICj5anCtHGoVeUU8UKxITPP+mfG06WoiPW2/znb3yqbb8\npNJe7pyUzLFXmyhNb/KvzV7x6lgGGR/aoyx+kazrxUa+bSnTxn9g/2U5Fhpo\n/RNySl264N06ALMA2pgf+cg27m9fQ8ADKNSg68B83WmoMqXMmVAvLFVxGdNQ\n/c9Em9FXwUdBW9f5orSQz5Icgk4/dbirK4MYHr9FzZg7+v7E/nSuA5DCzuXJ\nw87PPT5vkT2ZJXKnAPo2twukXvMHEo74Nc0UWWCFO5Q8i8bWoWKUDLY/GK32\nMFQuSp+XjNHtg0BStOwEYbGoxUyxVOrLawajGiBZU7R9XhYF6eSaq6WhcZWo\nPi7iBYTam2zs9L4veVDw0ydPm09xiufTZLwnBBs9i9kBzMU3WhN4ges0L7Uk\n9PI6\r\n=6MX6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD/BsaKdFOx1gBC7uTLVxli3bcsuZBxYGN9kob+nq8jAwIhAL4VlJCUmQf+RI5tFiJexFSMj6JS3iHxhurHOpG+HeYh"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.3cda381b.0_1610582634324_0.7602957716362477"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.bc113605.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.bc113605.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=10.0.0-canary.772cc1068.0","@material/theme":"=10.0.0-canary.772cc1068.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"ec7a00c7b7cf2145c971f64e88b375c09a5409af","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ec7a00c7b7cf2145c971f64e88b375c09a5409af/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.bc113605.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-whum/Q+YwiCxEw4X0iVin27jlL3xWN4207tfzEbGIQc2CPsgpBZPJqdDPgeNVLepHhetDGY+Ay6av16hgBlsmg==","shasum":"ec7ed34c9b81777eae3e51f5e020a2d3b5246eec","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.bc113605.0.tgz","fileCount":16,"unpackedSize":69754,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/5P9CRA9TVsSAnZWagAAO1sQAI5hgvYLCspHo4n8L4BL\nCTw7Kv/36n5vyAs1FcJFb2Jx6Vel8T2n20kUc3LEIdLlkkXlqD3+qgHv8vNi\nAsgdINPNTDIO2O0EsMpf/VhLxKvavqKqb9NhClaLiDZ6bTCVZZQhqhDGkGlR\nS0TntvyxhxLt+weTcWbTNMfdvzD0fiCe7AQLiVsHG9OEAatn6DlL5SK2Dabn\npPOqjiyvZ1hA7C0YIlfudg21Oe27LJ6JqtiVltUmoIq6Wzeyl8fULoXrc2Zz\nA6v2awHqfahTvp9e/UtMqwhMMv7ZQ2P/Pwygm6qoVGl///3WgNAC25oFOSGT\nbg5JQTqMO/2dTtQNPUGbHFQOASULQ6Zxn46G18I8pUOT+jwivHkZvKXfo7pf\nvobA+pzlHCo1F6VzScGwCNC+GLaBEOvI20X1B4vpz8T2wNcWOwrBcfWYvP0c\n7/+S6wswDk3bOenkKVGbjvejIDd8OwK+sIzecECDTe9I33c0F71J51l5z+PK\nIHacimJqw2SAtAffIIvL6u8Orakbw85C29t38f2sPvqo8YrhOuzzqhIDzqUd\nPVVD2pp2iH8zUdxm6LbRcbCvTCvVvbOnXxksTOXlFqvEh1Scz9hDZ6NwY5v8\nxVURh+82Tzl2KuZLpZih7gTG6+MrDoeSdGXplEaofIIScAaNBpY5+O2N2R0+\nUwko\r\n=1Ds2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCkP6SFYoryWLZckDqyPGoFyvqxC+eiqKC7rNb6E7ZXGgIhAJOXt+f5Vl2WjtZ3HiODTm0ZlaQKHkxrsL/PyIXSoXwU"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.bc113605.0_1610585085071_0.7883737649668137"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.0c1d6ff9.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.0c1d6ff9.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=10.0.0-canary.772cc1068.0","@material/theme":"=10.0.0-canary.772cc1068.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"5c7f60619e642de2f6951662670ef490a6e46e70","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/5c7f60619e642de2f6951662670ef490a6e46e70/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.0c1d6ff9.0","_nodeVersion":"10.23.1","_npmVersion":"lerna/3.20.2/node@v10.23.1+x64 (linux)","dist":{"integrity":"sha512-xWESYet0RvGVxFEfZvm2VgTbeXSpZasYl17+gyl7XglxFgNCSvejzlkb2dw+1m/ijO2XWg4Dw5wzpHqQaFrK4g==","shasum":"6ca13df93526d8fb63f1ec8f74496209352b0b26","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.0c1d6ff9.0.tgz","fileCount":16,"unpackedSize":69754,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgAfZHCRA9TVsSAnZWagAApQEQAKI5Rqxgmniyfz2VkmWb\ndVPMY6WF3M9AlhY0ahnctqkwEtFA8YWOLJ8EcMq161rQtTN1jfw1HaKdBg4P\n6+IHMgsA1Jpn1al+Wi8yUz0sn4hPXb3Q3Id75p+kzqJQiSyRRiqn30+fNReL\nUNB1zMcyHH5vI6atHOYcNyCa8HZcWjWvuTx+0iQF+uPCSAv/V79cB4uJO5sU\neODIPD4DLiPhD2u9NtXpIYW/X6h3jtdu9lY8OViUY4aK+gGei+3vD6ysnNi4\nrD5RI3H5AO+eRbVyFKKl3ZijnzXFhNmpt6b4/rnlzO60+oX1rE7UMbyWLbMw\nDk+azhe+f74RvYchQRrG6HHn0nYENQpebyHp+g8i4mZRGod+BWZbB2uWSuRT\nwHrYRq9H/M1eb1Kio1T1N1yQDo3iWSJgXX9eKagvG1YmYoE69p/FE04f+MfE\nF5drDz/C4Kq9hIQedCE/CvgckQCMb2d0tiLs8cEbsUy5OLwsVTa671X/390S\nReFZAmUHP6V7dMEQetGbMojAgekwl9/6ijhXnVjCaZnEtIGoIgNqP06Gl2bo\nZXgODKVhP4YfCOKK5Cl4OBVyUrEtaFaB27V3515qT1kfME7Rp8aXpJFLkXmY\nKENVoRVORvvBXALnFNn0hhf2UxfYQLnu/kvhnRVzLTg+INCtWpsdhPjSVY+E\n14p0\r\n=/HWP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDbq7YHNNJiD2tGQd/rIUDVaMaCMwOcQHUHr/NFYjxAuAiEAmMNnkCnB5q39DQ9+bO0WQlILnFV5yzne1gIV4DMOMBo="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.0c1d6ff9.0_1610741318847_0.3304963289760501"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.b4332e00.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.b4332e00.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=10.0.0-canary.c7c5da28f.0","@material/theme":"=10.0.0-canary.c7c5da28f.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"823027b19badea63e32aa35bfece324daba62e19","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/823027b19badea63e32aa35bfece324daba62e19/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.b4332e00.0","_nodeVersion":"10.23.1","_npmVersion":"lerna/3.20.2/node@v10.23.1+x64 (linux)","dist":{"integrity":"sha512-Ur9ufyYn5G0eGPp7kMQJTlY5X/7kyuR0B0sRHsX3UHdXy5TcqMurikO6N6WOwow3Z2uOIDgS+X6iQJWbpV7gBQ==","shasum":"f867a694a043d40cf857fc9766339e379151590c","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.b4332e00.0.tgz","fileCount":16,"unpackedSize":72666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgAhIACRA9TVsSAnZWagAAG4oP/2KJPCRqd7EgbSfWD6k0\nISEna0DTwFqvYFpTqjwLMETIOWMGoPRaBQBM+5/4khtEggKF7H1HSA/lxZIA\nSqlJTLsSQYZLNBr7OTe+3u8V1I2/Gf6bFIKvjSAwilGXM+Pl4mKuEXdP6qR9\n8798zNP8NdRh1rhC3BP3wvYgEROl4KxbLlIFtk8q7WJvdg8sl88JrF8l82JS\n6Pon+AFjBzTuLzr/D/uU3jJaMhU2Lfgd+uqVRt7fDbps4qQZQJYonwfmdE0D\nVoATJRilE9mI2zCFIniIl5iqpUpTYHl//7lVC0tqn12oLF76V16aHFHLy+DQ\nLE6CLkFLAiQ1IyULj8Jbu/Dztdrvvme44xG7itL1Sfa9lMeZhX5hfxQcBNyg\n9nepHJwq4l7dEJ0gdTGBJ0MqdsaOi6Yh2/u6UIeKqMIjomwg2cdwlNvCdBI6\nLQRb8zniLlVym12KbiKKPUMKRKiiQ5twHiT0A7y+nxJWcZ+W2IfiCyWofrFb\n8FaEu2SMDw59z3zAOS0LQeDRq+CViSxyY/rbFVnNuUC5TBKxYTPoQsAPs/vF\nKYwSrNkfiU7GNuPfkKvREMEKc+rgfOocMVuB04J0C0qsZjakTQCK/dfIn4XI\nIxlX9lxHZgpUltjfRNr3iPZPWCmnpqhQjBYH5ib42qXoHOyCz5b8/GB6nLKE\nKI+q\r\n=s3A9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHlsencQVoUtYB3h6gCJ0k67ms6XYmLl88i5iOG0t1D0AiEAjFwXI/DEcksFci4c0iNeYmt+TcGni1UnzJ/Fd4GJVSE="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.b4332e00.0_1610748415796_0.726668928368233"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.2899691d.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.2899691d.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=10.0.0-canary.c7c5da28f.0","@material/theme":"=10.0.0-canary.c7c5da28f.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"ad2d9fc5a5b47298a72fb5fe6e82b8c7c9ab8e44","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ad2d9fc5a5b47298a72fb5fe6e82b8c7c9ab8e44/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.2899691d.0","_nodeVersion":"10.23.1","_npmVersion":"lerna/3.20.2/node@v10.23.1+x64 (linux)","dist":{"integrity":"sha512-HPpRhyn3izpKjldqnlY+J5HL6yxjkHbHVdk5OqONB0z1FQlRo1Q0shOL3H1GhMCBBi4SNFF1jI+73KUvn+kWFg==","shasum":"7179663045807db34b4ca217dd892eb768ca8863","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.2899691d.0.tgz","fileCount":16,"unpackedSize":72666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgAkTfCRA9TVsSAnZWagAAJdsP/3IQ5J51wx9f10HkbuO3\n4zCDcUd7OzA3IhFOeqyWSdplTHDWjNpWFXC052cAiVDHxN4P/O3fAhy9zdVd\nlPGVIkMsjRPvyIUmsdSq0Ut/HM3VhbNGiWL8LMjbyTfKd5gIUkQ83eetfFcI\nyWhqOfy6OtcgVJgcH4thTxuO33Mn7qFq8xSo2IpLBPsTjU662Dd3AIN4Cyf3\naXD2YLd5UjeeXZNRwJ/nq3gtq0OwLvrCH0SWR3yTMbT6uVaiicDgOz25rS8C\nsZzcPdta5TgtkI2Ba+ka9qRgkBEmqro2CtjmZL1sMUpr2wNMYP55aX1KpRYI\n40Eo63R5mTBtZhAfNvhNnfRXm6aV8+r9Ydhsigt5pCFiv5w2CUsmpnGHN7FA\nTg9yxDo9aalYbZacnI3JSq5O5pLKmUo9rhut7kZ+8aIod3PEmGo73z3JM3sL\nidTGncj3mDzIyxEaE/zOtC3K4ujvbrhTbeSGoM/atgTdxySZOHBq46/JE/1N\nDarh7vZ5jAx2SEHi5Jkt47rt3fLpBZ1tVzASfaXUSyUACk2VFnayfiTUDIaw\nRFcIcYcNPY3GN3mIo4F04MA9OK3JhJoWLtduJDeqjF34H5ZCiZZMR0xL6R5t\nNEkUWowOdNcki0qXTWxOOdfQmRoJPfiUz3izjk54ceJSGBmU1yEchOK+5uLt\nhS7+\r\n=KLiy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDRzk4Z/fsnHmaRpu5u7XGsv6bNCKwLkZ/JsEE1KW6rzAiEAhFWO3VIHnls6gecBgC7BrR2wa1VGiefzUezaHTyAsg4="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.2899691d.0_1610761439350_0.7521515976402906"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.fe73953b.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.fe73953b.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=10.0.0-canary.c7c5da28f.0","@material/theme":"=10.0.0-canary.c7c5da28f.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"2464e59ad6a1d74aed7f8ca3477c1f8d244eb8b9","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2464e59ad6a1d74aed7f8ca3477c1f8d244eb8b9/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.fe73953b.0","_nodeVersion":"10.23.1","_npmVersion":"lerna/3.20.2/node@v10.23.1+x64 (linux)","dist":{"integrity":"sha512-cLrEKjQIxniyslJrrQQsGSI3DmeEKJlffcnq0p2Pn1wuYFNooeXey/6Pp19+2+p6aLuKfm3XHRR/Dm/kuTqWqw==","shasum":"a16ba3601e625b61b36861b09d8d994663d1c001","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.fe73953b.0.tgz","fileCount":16,"unpackedSize":72721,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgBzEOCRA9TVsSAnZWagAASh4QAI/xsN/j9D8xeGi1cXxT\nsW4A59BKtophj1XoeE+y2WOeN0/qOGZ2rQKdzbGCY+faflOKP9T59IxUYkwz\nGJlC7KszLjbIA40m3Q/J4pLOvhNl0ZRNCaXV+Bj96Sdj3SU1ZJ4w+PQ4Et2R\nm80YDRHzC69S//+enij3MkWw0CCIn2lk0CtQZN8MjPfdpPEbYU85ZzdFrMj0\nP38wc9D/iADr1OWdICR+f+hKULwHjrdnQNSKjTW1pvv3Lw2ETWvuqf5nMx8w\n77q0AcfSf3BaYVU4inISIliMbwz7YJZDAw4rA7hcU+HTns9khEOkJvwYbzt6\nEYaCDCXyH5GWwkL7pGNGFbx/FShvcOEFNjQwc8WE6cMHoy6lXqZc2NHzhN8E\nss44gFdNZQoWEtmXVyQ6iWCN4t2orihBbSujXqYmpsMIl2CtFtYSRg5VD4lP\n1P6vSlY4g5x5WJXhBO5nL4djFMJKKfP7f2w+VxqbsBC9+f99zseU6tT34NqU\npa4uPfcKBnQbcm2Kgxlreo2zeQIezIHFiwzF36WRK+vOKWPo8Ysi3W4a9yqK\nT9KXpRoXOB2xDIZfqBsWEKZwEMUqHS2DUlHLSd+n7KKWGF6oJTM4uk4i8mAQ\nFjsJ7K5r90f89j/FE7j6rQFsSBcWgj1BdNlJ9Zzyz2D8t48oAOeITTnec745\ndUGn\r\n=5h7y\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDVXBKY1H+1WxFIiZV2KBjyFWYEnB27olyg5NsbzlL+oAiEA8oNnfqf3cWee3aYL+1fsdQkYCrTj9MeN/XZ1MGh1ao0="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.fe73953b.0_1611084046052_0.9703655524651644"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.d3a16455.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.d3a16455.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=10.0.0-canary.c7c5da28f.0","@material/theme":"=10.0.0-canary.c7c5da28f.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"cc074ab80b57efe95502e551eb4d0ce6a153094c","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/cc074ab80b57efe95502e551eb4d0ce6a153094c/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.d3a16455.0","_nodeVersion":"10.23.1","_npmVersion":"lerna/3.20.2/node@v10.23.1+x64 (linux)","dist":{"integrity":"sha512-GjF8kbnrIpQL7RAtEv8xvirKParVIQw0EsgM7Gsaukq9k4LS6ghRk8EcL/YpaxtzFKV4QO/XrPKLWf1bHt5BfQ==","shasum":"b02d034d6e7edb0886448ffc4c18ff421345e425","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.d3a16455.0.tgz","fileCount":16,"unpackedSize":72721,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgBzhMCRA9TVsSAnZWagAAGiUP/RQjmjfmrvx4FoMCwn9K\nzNJMYX7ucSFB2aceXVatGIQfvjF4p9FfCKy0zID9w5RHRysxyIT0McrB3Pcg\n0v5+EfPZOxXF5AH6pzVr9jORzJJbApdRyXrqUiPxGtGeNeip8EKnPqrelhr7\n39J8myc7Dt9knuwIMMf2td03j4cbKiQnJEjnZBeYyPxwobG5lMeF1jN/uNb5\nxhkUGINq7ss63BNEVc9EbUs4jISFrDlGvmCEupkOMl1wrhJ4mTs/fPWJMVp+\npPQVFlmITD5AXjWL2sV76B289myzNAq+xub+z+ZN6VMfM5P7nZh/2XoF+4vq\naqoNiuK4YFv6Ga8kPQS3XEgkNgzYxKhAdVZeAieYzaZqnDa0gFX4mND5Vy2/\nG0s3SNcybodXMXJfI1wGQ0aPwpN0yxxybf+yqaIv4JgJp19H4/O+mJaQFgsG\nrsbLQAy75rtebKvm5bE3gwfxUq6tkrTVL68WiokYpzEtt8KO8ybjhKsdbgRS\n7ZgCDY5y8j+S2wFyQrvH6/IP2gUeGNdkWGzuwWndsWEPX7OtCcswbU1Ugp+g\n/Kmon1br/hwlJsSFb8n2mWS8MzcD6XQhka7Vrt8GD/xwY48LODnd4sibmcqr\nVzuVioKrzlYtrYSI6LaDeQ9hwCpbMU7aTAbgD5mqNRZCW0XQKCfFCnM76Vps\nmazJ\r\n=PREV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF8svJFRurZMmgX3Cdq4+jABLKiS3JZYOZTgsTeWV/UBAiA6ylVgbnKKt3xfMg353fwVr77uO/NpmHARH/b7Bpc6KA=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.d3a16455.0_1611085900219_0.41860590630975825"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.597ca1b6.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.597ca1b6.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=10.0.0-canary.b2faa116a.0","@material/theme":"=10.0.0-canary.b2faa116a.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"2dea4d182145f148cba1edfd7b358ed05bc6c8ea","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2dea4d182145f148cba1edfd7b358ed05bc6c8ea/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.597ca1b6.0","_nodeVersion":"10.23.1","_npmVersion":"lerna/3.20.2/node@v10.23.1+x64 (linux)","dist":{"integrity":"sha512-B7Y8POmHZOJQX3+SvMWMEYSTX7kmkBLIMkA37MSew1Ii3GHtx4wkkGYZ6DzY06WSowLvYflJztXeQ/Y8CPmRsQ==","shasum":"c364985f874bac9864052a54165c6d4fac7a22c9","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.597ca1b6.0.tgz","fileCount":16,"unpackedSize":71057,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgB4BkCRA9TVsSAnZWagAAoCwP/2QWh0cxXjOyq/ooVOFN\nNgmpYx/jEJQBLyevc7WiFYfEuKHzBBV/RZ2jnkpQDCKCx28UKW3cGcLkyRrD\ntL8KybInlMd+3XKjF/oXnuwA7PPvqlIPgUwxA+5ioqV2u1dgnYmRD+W+XX/I\n5jET968M4aMPtYDEqozS6eA+n7ONVNeSpxmbsMQM2FHgbueoX+E9Q5/KictS\nZr3I5KnI9PJFXSRevYqEP9fmPuti45yIBmApBEviYPMv2qgRU36thgLHXo1C\nNx+PLGxG2SGupczC0NWJtObwS98eX6mOs5dzFC2LwSZxytz854qAX2SJ0/cB\ngYKKTzuM9c/1obhGVNVfDOeE7qUXDEzfIcJX96hsyZ3mv9LHFQ5uidiLUZCb\nizqryooIjaC+mnsFwyu9xsWk8py0657d566oBrh6twvIO7Z0U8yrtSZggSNl\n5cfXiJs5n39Y/u2fpVeDkFqG6mWvsu8Rfy2NxQFRinFA/ebW5PiGIaw1ZuKr\nNx2Wc0Pq81aDEPOLPlW1x1jcrf9H1uq3PTjs3UL/eaglm951+J9Zl+s3mbkk\nOtBw07afFcfSofjPZa23vwR5tWQ6UH5OMF2WrBYSXJAoLILkwRJbIXiSHs3H\nSiMp3mpDB747tFdItIodRRv1acEWZFdOTHzMkvGv19j8o38I8bQy0ktE6LuS\nKO54\r\n=SEjf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG9hPfW8vG5ZBuw+YcxvkQ0ZBnhJW4QdW6C6RGzGQPEqAiBhiFjgA4tihkN6NSsNql0flqMhNHVJgBmPFkcTeKf/Sg=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.597ca1b6.0_1611104356249_0.7426453535625652"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.3c195efe.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.3c195efe.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=10.0.0-canary.b2faa116a.0","@material/theme":"=10.0.0-canary.b2faa116a.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"5832b828afcaa6412dff007228c15a665862a145","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/5832b828afcaa6412dff007228c15a665862a145/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.3c195efe.0","_nodeVersion":"10.23.1","_npmVersion":"lerna/3.20.2/node@v10.23.1+x64 (linux)","dist":{"integrity":"sha512-z70gjUKvAQguIWBWED7bcUrtEqT+5Pu/qWTNjjP3HQsTE9dBzPtDWDYSV6CTMJlTcvvS5IEw/VyD3A0oUz32BQ==","shasum":"397cdf6339c02cd05e80c0f58de1ec163a710952","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.3c195efe.0.tgz","fileCount":16,"unpackedSize":71057,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgB47UCRA9TVsSAnZWagAA0/YQAIgUs4xGZ9kqvLMNcUMe\nNbkUVbE02rSgV1LP2iUMY17S9MxrQ6l+iiREbKB297K3ce0WRHHJ0sSAhLbK\nvUVUpmYL6mQ5wPU//u/sAk8bQ8G/e75/o8QH1hfU2S/lNRPrerqO2ImMX+QU\nFOaO0v5H6q91rDCLlyft49bSYSEVh9sfBv7qU8VhVLNNfzi7iRfgxKT3Gbrf\nnZQw4QXh7TgPCPkm+aB6Whifqg9G1Ey1/2bSsTbiemBpc0b2h7i6BIRJjl3X\ncWGP0aKdCowrh+Lc4IHywlngXdQ1HI5p+/c09sULDIJBVbWa9c6jJTQ0PwdR\neJd96T/mfeQ/61XZeW6k2zUoklmZOOrrn9rEwybFAMdhMm+ZylyLqDvUuAXS\nL5K1xiXTqjWFJsSXIBbYBevVwMXDB0n6rVtTxES+c618Q5/ABaAgIcQ9m+0a\nhunSih7PZ07ZqAUE7btxt85BMPbsU15zCotdoSscypudQGCXASsQ+cCZ7RV7\n1a+0PxnwcKbxtXQ1NVV0GswjLF1uKO1os2qmkZ5EJM1GsQ1Hkt0mAQYmoyoB\nPitIvVxm9sWFz/xXv1DBoE/7dA/vPZdgIu6T91hoI9Z4p7QIhx7RVYAu8lBd\ntE1sm7rko6jkyNkknr8LCDBQlxyZN/bDG8dOVDFRWBCZUlYs2mFazS5Xj+Y1\nHgsg\r\n=zgCI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDMoWUQmFAR7j+Woxc9S+2vgJMHM0IdqCU+Lv1UYHKSQQIgNXbwF9zgMWrrvYjBMnpbpurejfnBEoABYXBC2R8Uxa0="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.3c195efe.0_1611108051996_0.03544387815926586"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.f7b8755f.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.f7b8755f.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=10.0.0-canary.0c95c9f7b.0","@material/theme":"=10.0.0-canary.0c95c9f7b.0","@types/resize-observer-browser":"^0.1.3","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"189595c9eb20e25a71796a5720374331d50a7f72","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/189595c9eb20e25a71796a5720374331d50a7f72/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.f7b8755f.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-c/f5zTtUmEd5UIld3SZEmtZMb7c5Lz2mRoP9hP1uyCtbrGP01Qx5QdYY2CBCdb+u7D+RPAhwo8/wZEodfKW2dQ==","shasum":"6ccf41ba249b826b9e18a4f67a9542a34166bc07","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.f7b8755f.0.tgz","fileCount":16,"unpackedSize":71057,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCJRwCRA9TVsSAnZWagAAr0MP/1QgECPNwehgASFBZnuN\nLfo4yLVZfX026hf8v8K0gY5BE8UERcqq2m8gjtUKlsvQC+tmDexR+Fyj8nY9\nnTNaJmk3hMR0us7mMG8+tYpdB7vcHHg5v4TspO8+gblNZHmXfSvZALPadPO1\nmFI3o/Tr3e0RTkZD78sQ/fXzxpWLeRiZhEOfUMQNtQi+H0PaCfk2KL+HpxMW\n+qYM/LVCOeeYu5KOsqmae+64Y6/7wCCLe1vYReVcQMfWmM8sXlPzKR3hkJsU\nVTJ6OqmWLXfBNSdwEsApQpKAfO3zfYwQMnHv5d3DkBR1Su2e2VoigHC/OBWy\nI8rlUR4YTvVGq6kxA2jF/u/M9q9Iy5G6TbK6FA3maJBk2WFon1h5K56Mz8MW\nX/MMsN8kXnX/J2lsZYn1noN5EdOy3tC1EkkvPstauNhpkbbNAASx+pdxng0d\nrS0BHcx0AwOHtMD4Yd7RzX0pAsqIaXCrOAHhoFcCYcs1zEfWPZdHLwu258oe\nTUqqf+/BH0tajceNZogUnpKcf4mZ+YaTlTejxNpRl8KYd+lVFfkDZUumZclj\nXoPjELqajqLauoyQH0un9RfronuO21mnsOF8zX1jGoMZiU2GvDXWzut5CMT2\niiXlYJos2AgzdIyXZt7GUlBKQYgx7M4JAH7IwDnJVKNRlFU5GLBgGwYDSMMn\nK0L+\r\n=DRoT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG0NZOpU0f3wFGzjQPRPZUX0qJOljnG5JTGBAu6oBR2FAiBXY6m2rlv/Sh2Tp215hUd7gc+CXtqYag6phkIUXSGNGw=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.f7b8755f.0_1611175024588_0.01806287608823709"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.f60de7df.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.f60de7df.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=10.0.0-canary.2ed2d829b.0","@material/theme":"=10.0.0-canary.2ed2d829b.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"ada07a353340882b0d087ddf967d399be3009123","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ada07a353340882b0d087ddf967d399be3009123/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.f60de7df.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-7rVSvZrQy8lJnLxx6/npslPUwFzuGLjDdrMclgva1nGNLhRqMv7WS1iwrzAF+e3siOn1NkQ3++xnffbXcz3VYg==","shasum":"df1974d2e0c42dac4505d6847707a03f3ddad31a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.f60de7df.0.tgz","fileCount":16,"unpackedSize":70802,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCL5lCRA9TVsSAnZWagAAK9AQAInoWplxRn6EFvQqIsNB\nDUp4S8bHEaiI6yaQ+8YBnSdrzP/KXIdmFyT8q7NI8yiNDIOCNfNA+08azOjL\nDbB32M4SR6PUrAFxAscUOIi3twKz/10caNJf0mIcDodwFRxjDor1bT+1+PXy\nBIxNgEfUpYJdaO9bfw4Eng6JNoog6FPgA2BZdDH5DS/YYflmc9xnAoB6F1DM\nEpmfnNg+rUrxadWnxcXyac6TijnBLUZd4ltrVvH+DaJ2hABhOeQ0gYrTC3Sd\nIO3FLvKCFVk+VZEVS4i1sWvEWpYgeIlxDDOY5SZJQ8uzdVrWxDqCYD8+0PXY\n8uhIAoFEJWy3m+XLEkYYRJrnAalMMKZjqXdQNuxn8NU9nlZa5Q9gXSGGei2w\nA+rlyrEl9sIkqu+eBcgFlA8H4/iuCt9L+CQQBIixqbIYGwXjj981QgEO/SnY\naTd20/C87x98XHAfyYxiAPKrp0UXFbuBvlsEzxX+dyZtQkNY45HE1Rj0JfyZ\nozaTlX7lD+e2LsEFoVQaz9Ic/KrKKTNITHOACoG0FKObuwcYHAQ1JWdjxNeS\nlY8eoxqcmWsbdvHYlMsNrEXMODxn3VzWdZsmGiYy/KTojQIWDDIcSnXglZfQ\nbdKeNKcbVjtH5fP0x5PRyuiEg5f4tMUByVTwfZcHoBHLJsGSyPLyTKgKgsXi\nk4hW\r\n=Cw9E\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDxaDz/3ZfEYGRzUkLGTisMxLmC5YmaIN6QkskclNo0DwIhANIMoT24V+JE923T2shDDHYANv0yqSogpOTlydY5cd1P"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.f60de7df.0_1611185765056_0.7392924369427838"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.664a2927.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.664a2927.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=10.0.0-canary.2ed2d829b.0","@material/theme":"=10.0.0-canary.2ed2d829b.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"af2f8cdb8d2e4132b15e0b5a79f060d43a3431d9","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/af2f8cdb8d2e4132b15e0b5a79f060d43a3431d9/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.664a2927.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-a27sCs6/9Xpf0ymVeaSb2VqkJhsLAsuvbRlfy98bBAEZXYxKxf1zvLg9F0+Q3dQukw8CVWvcrPNmo7w09vmfOg==","shasum":"60efd5dcf00de1d879428d8b1b115769b6e82dc2","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.664a2927.0.tgz","fileCount":16,"unpackedSize":70802,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCdNnCRA9TVsSAnZWagAADg8P/1NvSTQHjeQEO72HTZC1\ngcnU5B16zwFcwKUWq6F2B//CpzYlKm0qu9e7xFG+q2kE6W2w4Ooyt98BNJPq\nads+i7XpY3wijq3ZGMqMvvUab5IHwKIkhhaDKnEBXazZdsLT/qtmEGkyNIsg\nmjhVMZYuF6hF3OhduIWqUOa2GWxJfoQNmCwgIdhquQ8nDU4sJjiLEMDuvsJ/\nwj6R0Fc3AyigqBgeueD/y/JSsWAzOG50natTwMWVurSCPaMV8O78lE+u8ygn\nOvHAhr1eA6fxW2KIg9OkupQqM/51LQnoG0NqTOW8WEa0T8OBDIGNCUuaXED+\nNN1TGX696IR+E33mmVzltXjzrfHc4cRHGGwXp4FdKofOpzMjbuK+4xvEHL7o\nM8/WwnW2q78fSPmMaB0vAY47c689/3o3BC6Ac1atAdQ7bwAtD381Q0LMxwSi\n7xtJmHkggaiDDvJMJjl+uP2qW/wocO06Sj92w+COP9YoSRP6ykviIeKbt9q+\nph9qHu31pJxLG/FfsaC2yxCQKYmSWuxo9sloZfzQykrr21SLZ/iVTuoJd5bt\nXE51rCYPYBTOF/Kg5zCWHYE2o3OwTZjQ91vtQxnUR3LtnXVIfLPkWqnQkGcr\nhnXP3wQ3OhqYQA/DKGR7bMOXx27sXfqVofDvWsoHJVKNH3cyaOZdiNWPuids\nFYP5\r\n=323B\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICW/Gtfd0pMau3FyHn3BIiNk1xySvlxcdCGgN0DQNJltAiEAonLJzqLkwvg24+FSBrviS7C4wWPyeYd52hvjSU2ZET8="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.664a2927.0_1611256678757_0.8720359877994772"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.a6d312e5.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.a6d312e5.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=10.0.0-canary.fd61b0476.0","@material/theme":"=10.0.0-canary.fd61b0476.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"c9a270f0f64518469d960de40537a07c4cbaf812","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c9a270f0f64518469d960de40537a07c4cbaf812/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.a6d312e5.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-znSy8t1HmasJcSwCL5/xWOLhVqA4pvc1T2zMephTP2R+QokyeQH8zfFDBk7+JWQgnBgqcVFyzU9iUe4PkzWZDw==","shasum":"4da56ccd9630d1ca2d29d2580fe381582d4d14a7","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.a6d312e5.0.tgz","fileCount":16,"unpackedSize":70802,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCfZQCRA9TVsSAnZWagAAT6AP/2TLBXzzswFHApjQO2GZ\nhoNnaW0lg3XoZtjSeh+7v/AXqinAT+cF2j1AAvJcrR0/WDvN8yeIcFaa/agc\nNYOOfM4A49Gpmpsy6vJmU+QtyJ66iMlmSn0HQ8RS50ho8YjURIuo5gUWm4sW\nq6oc0xfbMZ1A7IVw1JtQu0v/pWF7QXnPiHs3tTTDHUTj/qdqyFWkV4Cnluea\n7qgITydfUh256JoeM6fjIFSBNWmLHqc2LEfjBL/CxQMuUftZ4sLeKsUlTEXc\n77z+kZftqMzs0cjHhvYIXxJ4zk2S2ftqPZv5C0OT5mN2Lb7ArfQCbIb2pHke\nSArMuQ22Ili4UA9PpdTOoCQw6pSmn8/NCiBF+RMU5tEQSh1L0oQK6mopv6AZ\nEZQeVAAYjU3BnZP9xrfMfp3hSPe6CKtblqW3wY5KTHf//gha75PpHiOqnknj\n/aYJc8YOQ8rcevvOYSk0dBBtRut5Z5H28uVFmr+TObgyFShv2wUEU+bWazqz\n63DyEHm14sykganR/vH6twA5GlyZ0cVuG+H2xNuaPX5BpmzuFmioPhZ//sKN\nv43e/Uy1c/hhIHek2QaqMkAkgN/BtWdqRH5ZTkrfDbe7WVg73k8qON7/4YmN\n+DNjNzRjytdsLC5TURElvACtGE2nCW1MssgsoAWGKZz0Go1pHr5X8dkxeSLA\nNems\r\n=uotj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCECzH5Ewat2zWchRjMhS8wArCjg1EMGlsma7ZjJMx+ZAIgFpUIqNUITBbTPxOuViVSPMwfajzZRbU7Ap+WyvLUBVY="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.a6d312e5.0_1611265615935_0.7212862879515329"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.027365eb.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.027365eb.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=10.0.0-canary.07deaec27.0","@material/theme":"=10.0.0-canary.07deaec27.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"85e9fc6866aaf5bc83721e8c823275ba9232a536","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/85e9fc6866aaf5bc83721e8c823275ba9232a536/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.027365eb.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-pZv/yyS23UEfy9gKpkEOw9NG+YTQXh2TR7fmN9zo3dwURGcQVqJI5GRZ2OK0vInhUIRr7MnzrnEaJUJaPu4YDw==","shasum":"8ce1bc6c20e2723d7104f061d43064cab1c50d69","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.027365eb.0.tgz","fileCount":16,"unpackedSize":70802,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCz5uCRA9TVsSAnZWagAAr2oP/inUoM1AMg2gQPnDX6mQ\n3YCnG0kllk278xOVLPkSXVbpZzBIOZGz1yVQYRWUQv2noZLKIHFmZJ9KBw5c\nPJOxanhAdlefklRWBA0cn6BcE0hBiF2lMWEhxEnbZlzCE6r5e3cDGXZh6u5w\nJc+XlI5MMjY3talH4KOJia7mWB/f+VrUtuYlJ4uuObL1lUnJJroPsyxCE1ID\n/LFsRGBdh6Sfwa4KtK8RUd/n3iRICqjx1kOp/1lchDKzvSnAuas8X/Ema/U8\n7a0y9sq+QzgAhwCcS7kjJG0U+TYDRAyUw+Fp6MXkrupZXIFw/3GHcevJ6tJu\nTYhmFNmDzEaqW9uBQBZSB9+WMXlruDnC66zJIHC9CP1xB0aTxhTYFE2NeKpZ\nKbwq+ZbQvVZF1yeE77Pfdw0X8y9J2fg+ZRgcxHcXKlaMVdcxIzNMb3rXP74g\n6XGjkFmMBxgTzWi7xbarT1YAuCMpBsX2M4kd/2NFiNZc4Jwo6a2NUBHGNc2m\nacmTMUnC9903NYEtuiMa+ajXw+LB4+EzjrQZopEft0kYJqJWbz0ivqqgux5s\nf+lb5vXDzBCjseaghqApyYeaEgGrthAKmXAoiwjg5E+3pH1JIgUfoURQ2MQr\nIUDYbj1GOe4cHO6JT7SR1t/fMjpzr2vmULYaLegOEutxeViUCXfncLL85m/9\nLIC6\r\n=Im8m\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEviSmJrnD0tJWAwEWdVs40u9t6exStC5RxYdeU+My/VAiEA3QT8+/aKmP2PWPcxqRw0I/TvoCYENJI63ixsqfa+3aw="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.027365eb.0_1611349613667_0.011690338477286177"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.7e72b66d.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.7e72b66d.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=10.0.0-canary.07deaec27.0","@material/theme":"=10.0.0-canary.07deaec27.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"000cf6108aa08030d7569d4ad30c798e7ebe9da3","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/000cf6108aa08030d7569d4ad30c798e7ebe9da3/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.7e72b66d.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-Ya1KUm7UolIUACVrS07CNTjBklubdTHzWhH/Ys9oL0c78e3cd5UKNVvEzk3p2eNZYaBLEBo81C7/gu1xie5Zpg==","shasum":"3789ad4d614c285e41521dbca6cfbbb804d3baff","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.7e72b66d.0.tgz","fileCount":16,"unpackedSize":70802,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgC18CCRA9TVsSAnZWagAAk5kP/jLODgLdaIZoRxjp6um8\nbsoz06+XrVoW2mCfrSNg78D+L1LQ23jttBOpPj5266cjoq20aCh9dw0TtYaf\nyUVMux5bmcSvWx2TuFTIq3C4EtS+Cyvsh7l69LL+F0zB4LNsQzmRukM0cXXU\n0aFBUkf1IpBnnKewDPLk/lkl2ZinA0PiA04BLXNc3Z5L73vg6gSJ5BxmZnlU\n+4vvGGhd9p0qGcpotRKmRBfqBMRnz1KVzphfPBGKi4tr0tbMjAktFxCVEN4u\n+fhlchQQuu0fJzuc1q4slkGA9SVy60UKdsdbe2cD72eltrM3dmXxYPAP2Url\nERsk1sjI2zrWFOVNGMyGzsd27DOV/xId5z59rSbAnSiaVl1VNqnvAxti6t/B\nyIHYEVK7ZPEBe/H5Fr+XkwOEdQV6ZCk4PkW62WTNgP5SQzsFRfw8Yt6z8pgF\nHqXI8pmI/1JVWrKIMZ8NXnYBY4gpzVGh9UrNP9Hy8GgJKiH6/5iDTNcNHLJt\n12rCgVrGg0eoJkX55M6HR+YI484RuIUU0w4GRWpIe5tKHjlT/lQL40t9vauw\nR99WrDyVwekutN75cbQHEk1F4Hl4HsRaYNtlg0R7rZL+KdLIx2dzHektyu7h\n2n1JYdUg8gjLicd3qAiREHK2dKNm1wEcGJ+OsfohP8PIhg/4Ziwg5xVeUaAj\npYLk\r\n=QRTj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBx3cBXtj2MuvsLrP3VhWTAsebex8vhiOjOWwIC6W3WuAiBp5AIFoJ53fqmbvBg7VGvJH8/noSrJmARMIZP/JaSfEg=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.7e72b66d.0_1611357953603_0.7736643774319214"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.a6d6a1e7.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.a6d6a1e7.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=10.0.0-canary.07deaec27.0","@material/theme":"=10.0.0-canary.07deaec27.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"24a3d6e567ad7ea6c29b40c2088121baec3a5fc3","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/24a3d6e567ad7ea6c29b40c2088121baec3a5fc3/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.a6d6a1e7.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-+vi2diXMT/XsjT8uPb9dRz0PbaHoxEuNy/vk+aeruknxRfUh7WbeOpFqfH56Gfcv9L0FERLC4AYaLcN7EvVeeg==","shasum":"ccc07cc26b0cf721e8de7d1ad8857b8af7b31826","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.a6d6a1e7.0.tgz","fileCount":16,"unpackedSize":70802,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgC2B+CRA9TVsSAnZWagAAkhEQAKSqeQf/zI3kpiK98rt9\nnVrsSlu4gg/IJmlkDHe6sbFefagCcd+SRnq+sC7JfTdB2gJgwvqtZ5F2Y0aw\no1gWUafU7vVKd8q9p6nHJplWEVqY3+clDwrzN29ZybNAvcC8kjShA2y5CCNj\nXYFPasbqNCJVsMd1wMnUulpTf0/xoBmsP83JRuWnqMwx4bOfOHxyeEc8kfGV\nUM+EORUeOn5mU1i6QQkqXkyv6/MLYs3HUV6ivtUwDkWASOixIC4I4RrBW0Xs\nEJQYFAjStI9O8kQpKCdKTknFaSyu7U5thQTy1Qfv5lHGDRmlkR7+Truq1e5p\nToEnZ/QPemnxVAj6sRDPzAiCv85fJZiqrx7XEC59sFeKFbJVbkH9I7iCMqIS\nCRBScrBOLw75WxLhNYIFSPQ8l5Ji7XhbsFWq2NgdtteyT1sE2Wcl1DxJ8wDE\n6XwOF3O6yaIdlPGR7vqslERPceT0UTCRLwR3/fwEPmV0Z/W4Dko60xJi2dhl\nQCEsVkVxNwT+bV5sSF8z96oCFsn+mBtj/GAOXcAZdJ7shuvykFQgKJsdyuK+\nZAnFDcG86Qqi7IhEwl7xbVMHe82wM64lN4IThyWRpNZ51wqxoJooTeyAkOM+\ne6foLqUu1aXvCb5m3IuMMNU9/PMrRyPmCAu9KX/o98dWGZ7v9tksteyNIIwr\n4YSU\r\n=5krZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCpruAUi411RSWvPIiHZ1ItAnRGtSpGAKPB+0fPowxUdQIgXsB3WWqsvZ1lFcgolzrWvqBBQ0GfkTEh/HU+woOPuZE="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.a6d6a1e7.0_1611358334446_0.8541647258461011"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.b95fe100.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.b95fe100.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=10.0.0-canary.07deaec27.0","@material/theme":"=10.0.0-canary.07deaec27.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"229d3b172620cbdd5deae4cb60852f0ad2d4671e","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/229d3b172620cbdd5deae4cb60852f0ad2d4671e/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.b95fe100.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.22.1/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-b+icgbgg5alQWs0kV3xuwP6dvOtpOLOwhs/spKnZY3jkOip/Hqb64CWHu6exV2JTwTpTgcWU9BWp1Xb3wEQWng==","shasum":"91fc6b611a21fb87571ac937eb8a288d7c3a9616","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.b95fe100.0.tgz","fileCount":16,"unpackedSize":70802,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgC2T4CRA9TVsSAnZWagAAs0gP/2Pbu780c5hK1LfWqpjt\ndQHW9pVzODzKi/W/gI2J7d2DwpElC7WKpCZV/k52E0ySMxmVZeyv6gQJcpoN\nxdSzC7zg+9JatgoB3CUPHad1gqs5NxRSylIhSEbj9wJuPltGPlU/lgy3IY16\nw5y6mwANPSoNjzUjwzi1W2D/LdcT1CZ/Bmr/RHEVB4O5UZh6LVFqH0lr+NnC\n6XP2kc0iurKDzW+8F8Fk2rlyRv02m85DGGKYz6qe4aglyvt5a6kFGvJ0FbBK\nPRbBYN24x2CNz3rFGKkvc9rX8YejSI8x3LvzYKXGYL5pPzkMUd8mkC7Q+Ss9\nczrAGbhbaXLhZvsYYVq/F/yQ4Opk7WW7eb5R1jtYQK0ficzdLpv2aObBE2zc\nB9391E5+4G2ltYEax4zbb6CWudcPHz2j4/pekpKAyE8sQaljKhRDIbn0dKnH\n+gWenCAqN+tZ5LdUeLrBnYEhTV4neWn4BGx8wGUEVy+LLqh3I+3FHk6+ooAY\n7BfFBs7RI25thevbM9Iwa/ud9R6wqwJQFbsPNUE7nETzgmRcaBmWY8LALZ2z\nsseMPdBhVcEaUBIEEPqnfpfDVCVPHkaWb/ZRxnvUuhvt912Rytmtq4gWm+Yj\n/2opaq7OqnP2bFyR3P3QGzXF89ihjVobzTo+fJzGr3YpNZUDG270V4x6xT17\nU66A\r\n=CbEA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEGLeGcomm47HGfFLs5Akybdnw3siNjh2F7y1LKvXbWBAiEA0VL9aj3Yz0WST/fXgkx1BuNaFjjerTJlTvX1JwrpdNo="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.b95fe100.0_1611359480277_0.43975174489426894"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.c8797192.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.c8797192.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=10.0.0-canary.b9adb7a0f.0","@material/theme":"=10.0.0-canary.b9adb7a0f.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"42b37fcb3c5c8e4488b44daf72e5e374bf0e2e75","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/42b37fcb3c5c8e4488b44daf72e5e374bf0e2e75/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.c8797192.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.22.1/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-cDfLz2i5ksdMeDTKEJIMkbJyBxZNNc/1zJXmUH3ZTpv1eWXi1ctoGAMMmgo7SyTGEUkqBnAmt0W4cHoIBgs/tQ==","shasum":"5db49c801b057dad1ce2bf8769acde078a62964e","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.c8797192.0.tgz","fileCount":16,"unpackedSize":70802,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgC2iSCRA9TVsSAnZWagAAnqYP/132jpUGSMyQzusVN1gG\nUYva/WcHUTXtgbcwL+QZKSsJR86ExgV0G0qmRo3cykCzh9ZvszbYc9GP/8B3\n+OsgfA1oXMOsl0ySld4kNnudFdiv4+PZbbSBwGfA0Q8XbIH5hXabNndqcLzk\nh3H4vxwuRSzXgHAezE/rw4HCTHsW17rUadKvus8tpDBIi89SF0iEPk4HpshQ\nEX0OhTsLDpD+L6rrIpWZnlyLSZP30gey4AYGyCVcFW8Mk+dA5eBrT2g9RLaK\nD9WKxq2OOd3l1Vgk0iDDys60Q7aICnWXyaoZZD4SS/OIxz+XUdUJqP9cJ/8j\nnahdV/Iq38sFIBhCBSPljmjEXpN0BCgC0rNo6QTdDLjASjoRrlcV/MnxQcha\nRf/Wjwcb3Z/ZiU59EriwRE0hqhmieoLNnsYoW42rFeXQ0UJnfxY6Ot60451j\nnnuayXEo54vWaG+u0Ebrzmm9YPLv3hiTJpioLQ3+oFUy7GjYOgDfSzLHZiES\nJQLTCJvMrmthUeYlcsSpTgQVbkUINu+ta5FdUlne8hhNnj1UA9GHyoc0/0WH\ntqh1WcLjO2iNJKKJ80h0iYVyJWiXEbZAq2hM3xqIhgA5l9+02BnezsCfDmFo\ntGUXLQIAJNm22NNflEIS/YO/1smdcAr5h6RL4SKMbPvoKBSa7smXoY+n6Yv2\n8u+E\r\n=U7B+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCiBNAp1nKhuwXzIF/UQHDT90Bd6G2OP9iG66sgLS/GigIhAL+FUAdngLWbU5OW4aO33lbS5HjKH76a2K6YqVYJn3DD"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.c8797192.0_1611360402264_0.43500801238696063"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.946f5563.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.946f5563.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=10.0.0-canary.b9adb7a0f.0","@material/theme":"=10.0.0-canary.b9adb7a0f.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"56b8a23ccbe326cdce0b3b9f5d1fd5c5f5f68f91","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/56b8a23ccbe326cdce0b3b9f5d1fd5c5f5f68f91/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.946f5563.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.22.1/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-SOBu8aFLZQnVEIscjT7qHVMoOHfUdp9RVc1UYEFyEGyZunZxbmavyBwbpo2goRUycRC13MJzpltVWe0VsOQ5lg==","shasum":"3ef9cabf657242f306ad2b6d67dafae98673219b","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.946f5563.0.tgz","fileCount":16,"unpackedSize":70802,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgC3EKCRA9TVsSAnZWagAAqLwQAKTIwU7hQnMRYl+Rpniv\nr3+HXqh9Y2jBgn1coyH+W+NxehdtcsyzhV2/cEL/5mMXHw33o1xCgYldwTAG\nAbq3Om/HsSWtt4AsZiIbU+/MgxV5UF1zXYyYWw6s6atop6m3TNCthohDOBv+\npB5wet7bd8Qa2JsTjlkMBB9ZtbC2cuGYm31NWwORSYkHdHiH9VJJkAPNNRZm\nNUGCeVgj+gHIkNcIljRHhgwiTXmTpDlJStC0TAQOaroNU0GQLv7YLCoWdPFU\njdgpjqvI35cj1ar1ZKFvuoLWwvko7v+Cqu/L/TMRt0uQ4GONDCtVBsDYCEXL\nL1XsmbC/d8wGm0csfNcaRMVRTC1T35pLs/rXMF4kegyFVwPz5GEMhJ8ZoOGq\nxqwo9wNvi43g2y59TiOzrPh7ljbmSfHWX3aIIKuvVQflrOjycigIzf9Bir1L\nWZvUz9BqCV10IeY7ReZ7CB/GpVGWeJXpowwdAKTJvbLSIIBI8AkZJQWpjIyq\nfr/s3wPrsp3bxmwbklWBWB+GTCe/HpnaukIUyo7ZsAQSHPFZ6bhDBduaNi/B\nD21Vt0SHT5wHgyBkua4DxnwCyZw9SMr/nZ3W4iU59WilkOmVNv+awURTeoDw\nuSR7KsFM0fR/BgErbuJqOKh3YnFePILQ4t14jLYKB52CUSRTxZUGvcuxlbcz\nfrKB\r\n=7lG/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDGRBdnP7tD9LdJj9Pq49s2VzgzOkUE22iVNc1hJwZ5EgIgegjP4sioU5benOnfh7LS9wG9OxDrdqSAuK06mFJ4Udg="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.946f5563.0_1611362570405_0.17325261003958858"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.43664f0e.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.43664f0e.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=10.0.0-canary.b9adb7a0f.0","@material/theme":"=10.0.0-canary.b9adb7a0f.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"62b7e6f595b2e13e2e57bd8f8f56ec11405ee0f5","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/62b7e6f595b2e13e2e57bd8f8f56ec11405ee0f5/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.43664f0e.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.22.1/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-Oi+r/ecwSoalfcgE3vvVkMj99WvWLy0unL7jwa6aJkCaWixvpJ2DxU6JY6quoxvo2tX37i4VfxqC9fKrQIt9DA==","shasum":"0881aec7bf758522a5715e6162d8dcc066856ca3","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.43664f0e.0.tgz","fileCount":16,"unpackedSize":70802,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgD0icCRA9TVsSAnZWagAAJXkP/0hZlzA54GwBia6q709v\nohbNB5/nipEGZ9+q8hh5opvp5UDBbwCO1lO8/TxhXcu/yUsa4mOBrXr3dtOk\nlr4Las8COovUkMEm9OtebpUxRe6VINZ6scg7naYkYzlboHMJqYLw8RlNCEal\nwfR1kta5PITlunamszXBvBgYCOpV/NYKeAC40T3Bwoq2QeRJfjxQvP19GsAW\nbpvFWAJEBvEcnIkxfSsNs24Zkl4hIADNx8HhNWv+RZ/VWmoCFgRzp69EBeKU\ndFIjWdoN25dXleSzk4Q6yrE7/FswPLt/PzOdX7h6MxEc5zGp9PMbhTtKvPZw\no3DewinDEK0prD3QRVuwoTFPnMZdEo1cP9bL8D7YCH8UInYHvcHPHRcG1CXU\nd1//UrerI4AHKzkZN2ppmV4wEg1I15a/57umBRzPc98HQ4vcsOr5NPl4eWwE\n4dD++ATWpFGetfH7HhFHlO7R14UozuIgf6Iww0/GkNuJKRMh2bIwEeCigHRa\n8B1WGZo0s3yhWHvIsuq67fElRV41+8t5RuLbbEPEDc/1cJas9hItOeb/vr2Z\nNu3SOWqy2sd7ByS5UqSQxtrbBJCy9GnYWS1KmWFz1SlvgVEDSGAKrK0MzJCw\nCatmqJ1JsUIsSsatHclxjtKU0NLfkB+f74GItK/hkngDU+INE1S/m413i4zn\nKG1Y\r\n=NKlF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCMCrJcVjnBLeYnhoq8pEbmh5X8blc2h+abuP6Lj1XqEgIgBcff1j2K+LnVFKcUx5vySgyie1IYIqBc9yuxVlhFfpU="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.43664f0e.0_1611614364137_0.4764105997697625"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.2e769e3c.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.2e769e3c.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=10.0.0-canary.b9adb7a0f.0","@material/theme":"=10.0.0-canary.b9adb7a0f.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"e3a3fae1109be58444840f6099c0f87c3966367d","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e3a3fae1109be58444840f6099c0f87c3966367d/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.2e769e3c.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.22.1/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-kgQymSOewoGI7Kf3Coe9iSlk3rgnpCK+KuE9dSaCZ9enFJzE0VDFeVLXUbt04N5kBT6P94OTUdqQC+l2opeMNw==","shasum":"9cbc8a2ebc0b392edc4207ced4eb0624ccbbda31","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.2e769e3c.0.tgz","fileCount":16,"unpackedSize":70802,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgD1zUCRA9TVsSAnZWagAAJZ0P/iuDeCSeDm+SysX4CGz8\nUwk+hAFV9TrjPUd79sF+VfyMoZLe0ejxvQQr1M1s8b3Wm3iUcHb5z/XZaKav\nKNxpVQtdhdWrJk1kP7rLyMlu7Rk5xMCQ7zPHaRgW9UsmiGi6B4GLoUUuCfl+\nKIHkTvq47VNhesZVBV8fVk9LpplcVuKkFYW6Slr81udBllANtKs1rh9dOW1f\nl2l+oc+JFWfOYvKGejca68+PAmGRzImw7UnRSD0QyyrvknpT/tLu4Mq5rjav\noUqLCoOyVnj732UkeJj/NKqd58iffua349judiCrxuzgokpEOOLUFE8m94d/\nvn5pVFImJ8rQokSSO2iNxEofOnw2jByXue7yb0d7oOQVDS2gpV16rrF7CyQB\n32swyjmCQPEgKP48/CHrEnlzhd/H2wnUyjQC+54dTUvOn8Jh9sCdX6XpjjaI\nJZgZ+PIO2dXY2TlO1NLEmjukFl+MugJtOAvcxAecXBvctgmngNSQgmAU5DEl\nSDejJGnBc2F7bWKmSecTG14xUl7VOh/YR6gjhM6KJDGWGdPVzWycbaK7LCyQ\n9yMb0xGMNVtg4Ciw2mCXe5cx58p6vFDRxRKZ/n53rmum7jLllCKOdw0dw6t3\nX2W5wV4dLcGg0uXxmTYOpURz10KGvTA5QoGXd76ycOpiw4bh6+ZGDKSnZTqm\nGfhB\r\n=kL5F\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDfPpGqcTP6RspKCdhDSyZGLWBu8bSyw7j5zAQUPHOhSAIgMeHiNqPSuIbdeQq9zGglf/lyQWYRddAyYx+irvjBPeA="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.2e769e3c.0_1611619540020_0.5239875580071736"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.14e01610.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.14e01610.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=10.0.0-canary.96878e1d0.0","@material/theme":"=10.0.0-canary.96878e1d0.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"0794659aea627aa04b2ec37e3f0e8cd9d976ae8a","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/0794659aea627aa04b2ec37e3f0e8cd9d976ae8a/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.14e01610.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.22.1/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-8hnJDmy9TG6fiEv7ZhtamhwiN2/k2oOKOF5tprlS+uP2VlqkY51XnLYPjr+AjMxeLRCWYuqUPrL4A33pqBA4uw==","shasum":"6c6d53d727eba0bb0fcce9f29de51f3c341888c3","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.14e01610.0.tgz","fileCount":16,"unpackedSize":70802,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEcQcCRA9TVsSAnZWagAAKJUP/RzABx9mR6ES360x3Wc4\nK2e+mzSgThbzb4LjHDgay3kKv5yZob4+VjefdgKdvC0Ua94oqmo0PWdXEe5s\n+gFWriSBhlxVI6CRx6+L9uakaMl2DuitnVi7SaIsfOk5FJgOCdPaGk0pkEmf\nGU/6XbWNGu9hKtenDFmpVTe80i2MjlLFONqzHik/jwZRzMH8J1SgjWRSCRQb\nxwPPpOYRd/Z9qBoUwYT2MJfbLMyQlArgAJjUZnx5HqdeYzxQOR1BKx+WZdH3\n91l+GpBZxqsw/GocioyAhiNbArBoTD+phhPHlwgY3+zsXldvHjhI2tze3sD7\n/l6NbpaImP7ePdex6DotbGbeNz/DvhhbBnqTmdctZA5EH6TU7mcLt9isoG9U\nB4cSBkuj1niSK8xgFSIstiFFjMwLd8VxpGSUdytgcvdwqOPQfgWd89qUgK78\ntPunkzP2mi/DzIaxVMvoibu7DOMs52QQUgzJOa5anTHsCJW1+yo0cE8olls9\ngtWG+kEeHrRGwMeeAE/WvQS7fcj7OZMPtorEW1bykSzXeyMWSBwPl/WrpyjJ\ncchCSEuGOtVtmkWhySekkXKy+QFXywVj8/+Qi4kjR4+4N21WnvebuclBr2ku\npoax28oWAhx4+cfaqj5i6jGA9TsOgIbUxjASvQYYlTMfEapP9UEmy/8crsQF\nNiPf\r\n=/1Lf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD4+G9aAOX6oGkvbITR/ezBrwjH5wUti/t0IxjQLb28wAIgKeQIJVtb80Irywxfse5MfT9k3kDsVlTFSRfmptG1OxQ="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.14e01610.0_1611777051974_0.7483790502259207"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.5de00c1b.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.5de00c1b.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=10.0.0-canary.96878e1d0.0","@material/theme":"=10.0.0-canary.96878e1d0.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"65f40b8130ec795f2a349c0699be5b3038a9c32e","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/65f40b8130ec795f2a349c0699be5b3038a9c32e/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.5de00c1b.0","_nodeVersion":"10.23.0","_npmVersion":"lerna/3.22.1/node@v10.23.0+x64 (linux)","dist":{"integrity":"sha512-cUizCSFQjevHA+G6SSg2baCuhav4HTyld4nkPxefrZ5aDhPJUFXcnzkSCvUZxrn4U7EM9HMM8aCai/XTynJKfA==","shasum":"b3d91d4120f23599ee7fafa11126d612b9880e3f","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.5de00c1b.0.tgz","fileCount":16,"unpackedSize":70802,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEcogCRA9TVsSAnZWagAAlFUP/3OAxVh93r4UxoRgayQG\noos+HR+i+sK2zqWLRH1lnzb3K8n9BVNUYNnJxn1OHlGMYfgMiRwy16J6qYcf\nr/LO13sY1BdtJzr4VqNuB0qG4GQBTbxOttWbljQb0RuHvFMD6e9MUPmR9uSw\nUzeyuSMWPGw9MahZnY2B/YS9WbSJf7v2KUGUuCrFdlhRemI5YLh/IWWvk4RY\nTeQIYt8VIn69qSv3VKcs7v9W7tNKvH0i9P4DBk6WsMirdlDDIqa8GdxhWuaB\nqJhPXW/mBuqWElx4wwBWn/1VDEqy73oDA/4lDjmKfIHFsu5/6UUUVQgts0WD\n1Re0q7mUG3zPwVg4/jG8T/wjVw8hkt+gZnn++IlWzsQq64zPuB05sJNc1Fyv\nnufYYDGhD02FfJ4RGVkLE0lmo+Ndzmv24xiVH2vg7nvDcVSlbLS2218gvpkT\n59Xb1hrloQL2/kz2L0VD8zUp8NVmnQUrLw+t519wAzj872iTxnKGPwob1I4h\nMQ/peKbAqvYs/CgoaWgPRhC8rfjc/RhRkbOLsONM9NGW03aYRlsLnXuo4QLz\nrhRMuIJd7La455iQ8ldpmg1Tr+mUuyARPPIDcUIILHnCXMf5q5+sFu+Q7IsE\nv3WLPTdFSKxclVSP4ujh5HK5NZLpoyQRiPIQx11al3Knc1WNpJlk4Bac5C00\nsPFR\r\n=uLn+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDk2jRomdYL6YcdCqiqJkJHJhKXdixuebn2AgQCuLhvUwIhAMBjs60l5bzumSxSTrKiJizCT0cdwRG0M5zu+GRWlw1k"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.5de00c1b.0_1611778591816_0.18438094547663764"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.5a328336.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.5a328336.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=10.0.0-canary.96878e1d0.0","@material/theme":"=10.0.0-canary.96878e1d0.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"d5547f58c69336881e54d7463a7f7d92a04b53c7","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d5547f58c69336881e54d7463a7f7d92a04b53c7/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.5a328336.0","_nodeVersion":"10.23.1","_npmVersion":"lerna/3.22.1/node@v10.23.1+x64 (linux)","dist":{"integrity":"sha512-pMtMauaNBhF/CD3hLeFkgBwdepFTGKpUt95AqxdCyxTJbuXTn4qpJvSlZUzUAjBl4BDoAGAV6BV0Wy3WVgJadQ==","shasum":"451b5a5f8f3393891236dd060564cf229d5efbef","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.5a328336.0.tgz","fileCount":16,"unpackedSize":70802,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgExZcCRA9TVsSAnZWagAA8sEP+wTLEoR5qxNKCNzQqrQH\nLsRC23d0RnzUlpGmPNiOnHXrKmxT/GUNob6P6x3p2e5nnUY+rlwqims8+018\niLhoT3ePaEUHLNeMm3uUZ9gY99zefN4cBUTNJuSbNz2W61EbHXc3GvLbzk5M\n1Xxzj4Pb0+gG8IbrnVobMuvcVU8zI6xYm1JRwJZVCWsDYOyOPWmmldT8kscj\nvPDNbWkSWb9YTLwGB8qQLYASMVunHJ6yQ8b5DRzbCntjcQUstrYyRyl+F4Hj\nvK3j3h+nDqBhmfZZRNMOY1wLjQyZPmUcRr/fxoS5aqQkIOuJRSKbHxmf+WqI\nEj+U9w7TI/oaWtfu2kK5jwoJ9VKYH+UiFolG2cWFZr8tTjO7M54Nzm65Pwd2\n9LGaoumMetzqC0FOW+5zY5CclFAdY+iNK0xPr51WPiS9Kn0q7eRqcR9TJTFZ\nX7zqaIeM28ZOsN3cABTjoErvMAGnTyLzzCIl/tmRkY+LfLoPMpeKYaYQcr79\nUBrIl8COP3oNmgexFtAj3VeWZNxx/Zog5NNeJI8kj2lkn8YlSdmFqnUF4AED\nClzN2XtC5Pm3vuobFFT5ZE4EYwRP4UHgz97mIwT/pvtvKUF/ICzSRgKwfmKA\nGTD7mJ946Ymyu72pJJciLGyGOO1BVKyaulWJ6pse51qsJ4zmviv311sr1CWK\nG+IF\r\n=mB20\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDNWoGB3kiI6YNrskBO4LLdHidMAQ2d6tjOJW9oSyUAXAiBCb8Oot+FhQIuj7J3oBX/avRAYSk5mbDGExv9Y+AFkfQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.5a328336.0_1611863643795_0.007043297959890671"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.533b1251.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.533b1251.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=10.0.0-canary.96878e1d0.0","@material/theme":"=10.0.0-canary.96878e1d0.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"b88cf0e2eded50fb9a839a426059ff1f8242a490","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b88cf0e2eded50fb9a839a426059ff1f8242a490/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.533b1251.0","_nodeVersion":"10.23.1","_npmVersion":"lerna/3.22.1/node@v10.23.1+x64 (linux)","dist":{"integrity":"sha512-M/ukswFhpFrd+tpzYtidaT5KpQMLBHf9lyOAk+UY8EYT5g4M14lPwOF0vECIot1EDostZSHgYnLkrfh9Q6XTcA==","shasum":"da4f7d979496285e3476f13954b820ac27cf33f6","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.533b1251.0.tgz","fileCount":16,"unpackedSize":70802,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgFCWECRA9TVsSAnZWagAANtgP/icSVgdbhquD1NVMbOLC\n0KcY6J+QePRV64riM7fBzEnzjSE90jF3usRQFyDkHGvh8SQRdmwt9d+dUAx+\nMyAJsuzLrqL9w0rEOs2Siymp4g/J5vVunvoI+5/cTg5bCuViDX2+KFqDXpH6\neaN5c1Wudib9gWM6XiEWkzmFOWvVc/3qOhbDjE8bDYDXHliMQrfLniGf1uDU\no23xiwu0VKVyezBqwyJgnAYJ9TaA6UdJQpOMKPYvWsJHxqGSKeRK8j0hvF++\niGKmBd+cs3v5XQlZBKzvoxHrDtNGp8AW7Z3Bz5NiH8YsS1r7eRg3VEWuq/bU\nd9+5/2ywJ8kO3cVPKVk5Me7IDQIO3i056JgcS2SpLbj/SN5QbIrvw0UO9+TD\n5dJF56sGh05k3p9U8KnoGU2OadB5yDtXs2cTPtfUs7s5WndME7lKY2MsQdF0\nT4jjxI80hi2F2kuabrA6uG01ihbTuAvkkpqecqDcKS/X6uBFvYOGSihQO6sV\neWGDRKWJRbRiOjSeVHeLr9LLCr0rhtUqZxzbLqnrxuaOH8rIxNjj+Ds+GpNA\nbMmwID0OyauUvd9GZ38UW1LRbwSOCtp2md/oEUPqtgdwkR2/gWaBRKTTqjLm\nvdWw++x0BcWFHm8M+Du9ZQ6r1ugBq6eHmDvypf36KeRbfnpUe40o497vL92C\nTREV\r\n=QxGx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE3wN7pK/P4suFS7ygtyHqyuOBPk8oCZxCKiSrNH0SPEAiEA9+Y4zbg5lYMQ/0bHYQcBQ1J0xD0babl6rBTXDOENGsM="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.533b1251.0_1611933060232_0.08932692696132971"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.ab5c0a10.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.ab5c0a10.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=10.0.0-canary.96878e1d0.0","@material/theme":"=10.0.0-canary.96878e1d0.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"2809af58a44d479ea0c8000c34c546f525921004","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2809af58a44d479ea0c8000c34c546f525921004/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.ab5c0a10.0","_nodeVersion":"10.23.1","_npmVersion":"lerna/3.22.1/node@v10.23.1+x64 (linux)","dist":{"integrity":"sha512-kedxx0H9H7bS2ygrIXtDvft4uu4pxEIIHH+G2Xi5QjPCStWxOQkH21RpLrv/6b9WVK3QqAhTcljIIBNnd80zWQ==","shasum":"4326c5b5fef5aed03c26f07ffd858e649749e70c","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.ab5c0a10.0.tgz","fileCount":16,"unpackedSize":70802,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGbMzCRA9TVsSAnZWagAAwzUP/jVCtD9WUbQxlsJYqdh9\n5NQQSiYGjfcVSCM7LMBHEhDml7FmdNTxE17M74kGwy+hW4havf+FzbET/ymW\n+JCbnpihBrYlG9mvrWBsDzSSVMcOwHUqzIcJX/Lsuy5XvyJikUShh+7x8U47\nXBnz5abDKtm1IAcXCma7wP4Vu0UHzCIBQSXXCWYqsAq3/MtnNLcQJK5lSuNh\nDiiWJQAhnHM66Fq0UGr374YPSrygB8Hi64azLJHXNMSifhhZ6lenvTpDVMz4\nVXuHZQDFt6XayfEoQ4Hh0frJc3xfONqWwnQ95B1S7qnXvYI2aafMR5YrmNdN\nkMfFENNY8PG46op+d673vHo6Xa8MtoU9NDnvhmpJTLmp/5PzTrLDNW00YRY6\no2T9q2+wSeB8Xr2QfxL+fKRvM1Sd4NaC7X1F8zWJiInKy3/JwCk0K1M3kKzU\nAaZYF8pEhsgolP2/ytUVMyDTax2B1JmhqrDwlWLQ5pUlj+VipXu5yoyKTsOV\ntQ2+ZXwdbMuvb1Sjrwj4KkRRQ4eOggKp3/0s+VS33XUacJa9WTe+Tb8XsehY\n7etcPFNMqC5i6M0vXhpNCruiNW1AoZjro3vuGnqSoBYSfYJ9lXtmP5SEoek3\nfkDaxCs17IssD4McHS/XzPe8gsWeqvknUZI3nao1CQvbIH/VJoTOvhj+gfzr\napoB\r\n=EJ2s\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAppZ7fYsbblScq8AJslOHGEGkwrzFNfgj3WDh7PjzdrAiB+UZ5d7WeRysd7yXIw+Dp2nLpmy5KHaub5wnlib9CdKw=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.ab5c0a10.0_1612297010649_0.6054077554993682"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.b7a40b27.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.b7a40b27.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=10.0.0-canary.96878e1d0.0","@material/theme":"=10.0.0-canary.96878e1d0.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"c1cdf08e57947b9dd8b35ef8599a58c0ab3c09e7","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c1cdf08e57947b9dd8b35ef8599a58c0ab3c09e7/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.b7a40b27.0","_nodeVersion":"10.23.1","_npmVersion":"lerna/3.22.1/node@v10.23.1+x64 (linux)","dist":{"integrity":"sha512-xeNQz51d/rPTI+qsQ4b4o0lfUPTdLjuXiPGSkGj2peQqQwUa9nfrE4S82amuEW24ZaPjqMkNiZLz0mEzFpXWHg==","shasum":"f0c0b026eafeb374044455d4952b9f40bbfa3cdd","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.b7a40b27.0.tgz","fileCount":16,"unpackedSize":70802,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGrseCRA9TVsSAnZWagAAa5QQAJ9JoKoeMX3ywKMvIC4n\nW9pZsoYqhD76XTZ0crD34zou9WHj2DUSW+AXvsuCdkIRY7ULXSajX76DzvaZ\nah26cXRNq4EFuEaQ12IfkG5U57sqIet6dRL7lIM9x3LW3MjJOj9SJkmoVYjM\n0tscVjLWa7yy0dt6u/LuWZS0DHoGotdPKnCEdijzKXbWazGVbfI9vfTRASOH\n8GMguz19u2rdSF1maI1cGqlRURlrHZfdoyJkGyVp7e9BC2WubVDuh4kjX0Nk\nRO2uUDVM9shEg9kna9LfnEFFJml/OBpUmGCJl4InWA4P73IZTCdpM6fqIri7\nP/0OOGVFPdnlM9eRJ4bmnYkBRM9Aqn4uBzeC77vwArST8K+I0O6C+gpCsUci\nAoex3ZHabNPsalCWYca1oTSbPKyjWLxUgiPHXHp1o5DhUr/vfh+9L1l36kW1\nQZC447mpCDZTPMtrHRBTxZUdxNEcR4xOp/rxpDT3vYP8RN2m1MSl0nD710dt\nLiPmQsCScv/Kncg8SzClPU7ABh8fCMMD4WAdxioLwW4CRDNGlMUCy/IWoUI6\nM/+LLKxQAszGjDUKSu0TPqAL5s56acn4ELCl2UQoznlagYxS3mqQ6RGzFZep\n0NpS3ENKQ1y6hrm8AcTJvOUkzXHd8DMHHvHUUbx9qM2qzPZdF0S8qMa/LGZJ\nVfCU\r\n=qdv5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHL3BS319satd5z2UwVuh22YxUA3jYmMRaWIelE3DUlOAiEAmxrmLE3QSYc8pKKz6twTAgOVB0h70kj9Czk/s2kwMZY="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.b7a40b27.0_1612364574289_0.04735072489834358"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.0fdee204.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.0fdee204.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=10.0.0-canary.8e66dbfee.0","@material/theme":"=10.0.0-canary.8e66dbfee.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"f072f9738076b381b1be472e9a6d239553e4d7c5","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/f072f9738076b381b1be472e9a6d239553e4d7c5/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.0fdee204.0","_nodeVersion":"10.23.1","_npmVersion":"lerna/3.22.1/node@v10.23.1+x64 (linux)","dist":{"integrity":"sha512-tEqBEaI28y/93D9YFTfKpMyV4FsakMlD5i+7khGTMe/5Pw0Y8vwoD6qW0uEEoeJxtOWfkq2dLQgAJeQ+AthSiw==","shasum":"6b3c0cf66fe5ee837fcb1d1234e46c60f6452439","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.0fdee204.0.tgz","fileCount":16,"unpackedSize":70802,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGuxXCRA9TVsSAnZWagAAC08P/0GgGTuUTkTRXJpT57Ue\nQizhG3rDFv3bKXf1dWlsRn5+OxLBSa+ZjAeteovw1QWHTjhhz0YUrmpPJ1BE\nbYUhUCYCPsKPkSDQ/uHLpeNjRJVDBJdRe2EkGjbAtvLsRl7B99T1bFl4ygO4\nSrUM/nzTGJzmxKEZ8wL2F+Y2o0g5HCFieAV4Cuzjk2QkT8oqHHCjx8kcU+Jj\nj6ykrbMKmjId6laSy9QXmniu2parhgEpHUm8Vdu6t9qgqVo5zG+ejfPsqOqf\nJPDfaIJMriAj64UYNqY/un7IFTAVFjWlmvSxD5oCoLqTiE3yaoqbV53HFz0u\n/l1O7hjinT6xVRzosDKMuJLhEYotKW6lAk9TJj5L8iktxasaeyK+3tALwZWO\nUTnzlTx22dZ2oQK6LwEnjbvjIHL9UaLpiWG+3iwY7Iz1h5iliqWoUhit5YFp\n7zK3CYvEu7kN8HUoh4bm1OAZJwHfvcBFXCRchclzKO2RSjBaBLutrkcd2qMg\n1+IE6/LStUQDTa7MTHhBcXjnj5GBBqUxZ6xOPA274pz1m48k7pdjhiRwRv+6\ndWbV9gkP1OChz7qQQiX4QaKFOxd/3D/uZyxaxWoizoigaU+8NwS+U4hDb6Yb\nAjC95ikPejBkSPGv3BI0DCC4aSGkhnGDqj6HYRUXYRuecWFrpNv03ZO7xUgz\nN5uO\r\n=zm/c\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGsw2Im0BWu6sZPmeR71R3Dw+VPhPtMcJNioUpi64wliAiEAoKI+RG6Ms/dzhF8xA2gLT63gG1d9zqSKGaquldQUACY="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.0fdee204.0_1612377174839_0.5768806602529841"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.5160e548.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.5160e548.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.b5227247d.0","@material/theme":"=11.0.0-canary.b5227247d.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"37494b60e468d33d172953edbd3ca17d4aa342e5","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/37494b60e468d33d172953edbd3ca17d4aa342e5/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.5160e548.0","_nodeVersion":"10.23.2","_npmVersion":"lerna/3.22.1/node@v10.23.2+x64 (linux)","dist":{"integrity":"sha512-hKXEpOvDY8SpUe6cv1ExcxzjEp4gimjhGtgZ/VTMK8hVdTf+EoAkYd8cXnNAIvdJizekPMM6MtkwqCG4xmdKKg==","shasum":"709f4e1dfa01ad7e5415a09ae481efba05270655","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.5160e548.0.tgz","fileCount":16,"unpackedSize":70802,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHdnTCRA9TVsSAnZWagAASg4P/0+swbscfbRJlfqGxXOP\nGZghG6nqNHxOSWvIqh57aYZ+FyNvxOfqYyoUgiaJ5oRGznxksUye4dUYRF2w\netvWlCU+6wQvXycEEJkMsFc64rRvaFDl8LyraPZd8Vyqzs5XBEXAS8MyVYSj\nftDLgR+JgU20FfV9GSTWdngBO+dpFfJqqTW/Bjr4wm5hHszW07g/9vVDyxpF\nsrMPiwMWJFyFnjmMNC66eI4+wN7Adedptp4/R9NAdMh4Ps6RMChpkMOmoJa8\nOdhS2ihuw7RqLNrbdty1zvPWgv5UrjyLj6YqgqIx3dwxs7MI7MgKHIApA4Fh\nVy5JhJ2XbWD5Fc7a4p8p57oYXyc8qDpH6baZ9qOfkbh/GNYGWqCwbZq/ZP24\n/eP1rsL98f3unGSzJZrLNgM83EgFYWjRBlMUzOtEeyrujod+TATLRF9eTmRi\nfEEl2aT4JAUTFPunS0XP+QEBvQHv9jZiEeckHbzKKYa8IGL8Kv682XqFy7i+\nFk5ALvZ3pXkU7JCOv8nAYtpX9Wn/hCNR9Gx7pdSHNlqhptP1IpwFPh8UEDr/\n7kCbdh0tpzohb62GWLWB2f5hsQhDyT1tSrJIysVan/7Mphq0x+skDE/tp45c\nAkXXApetUVzomv6C1PdgX6yrwcxlZ0hNg3KFbJDQaS/dymChzDhzygFTwGhw\n9By0\r\n=oki3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDj0JKtPvFTESOQbnjab7K+C0c1JIZ81UbH4PU49nS8bgIgUH2PcOr4LI7x+C18IW46+EKX+4yS8kS8EtQs7mbE1NE="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.5160e548.0_1612569043144_0.1982164077269093"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.4fa2daec.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.4fa2daec.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.aac8f5d9a.0","@material/theme":"=11.0.0-canary.aac8f5d9a.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"49d5ec72e92627f861ab94dde045181b5eea9f00","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/49d5ec72e92627f861ab94dde045181b5eea9f00/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.4fa2daec.0","_nodeVersion":"10.23.2","_npmVersion":"lerna/3.22.1/node@v10.23.2+x64 (linux)","dist":{"integrity":"sha512-jK5gvM7M7oGX/ueFPePZYNmpLPWkFEi05i3RvhD0a0X3JYxXxwhqzEo8+KfZyy6LzdkAyk4PdHM8Z9sCvoNh+A==","shasum":"3b9e88a816dd04c33551e8e8f4b8807cdd3b9788","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.4fa2daec.0.tgz","fileCount":16,"unpackedSize":70802,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIdS1CRA9TVsSAnZWagAAPCwP/jFrf+Mz0BM5w4z6DUVj\n6y7C4iqMx5kuThS38ZuEVMTypw5sAQsaIHVdQKhIEJ6E84vwPmuN6ckTonv8\nLzfmrgBviJn2AitXBY15wss3dj6WjK2grenVMxtLQLC5yzMsrr+T60O8bqvz\nP2swW7l6cqkRsjSgdTQkMqbg/jy4clAtJ8ZcouVPcb973//hQK6B1SEkURQm\nnTPz4R6AApPKLnY2WmwU1Qa2RdM5WPmHdyskCHJ0a3CgmPEZ2dVGHNyynTHz\n2Ka2/xBNj6SJzDT4DuLqtkj2nZkGy47K25swfYYLzSRHePbzU0LRv25SnK15\n0TuTLs7bxYlgPz3x1clQXB6rZOtFhsAfQS0njRK7hayx73SyTun9e7s99e9e\nKvkDDerV+XYIQkUdo4jtbOyy3Ct8yBmhpUBm8BrYClWGbUCJiAyJX7MSTYJD\nwkg7+lusnAjeZZt/lcxiof2DdbZsqDB5XviFZ5SgIqjnhNrq053nT6bKDpOJ\nEqENC5vhX6X0kWHKyyRPEbiTl9QSi+kulie5H7CssbKwlwpebfdV0Fh4+jaR\nXsBpMPvG07NsBlUpZlRYqJMEE2ZPOB6+JJeNNfk6RLuRoGr94/x/c2y7wkiv\n4fQIMmwo9SwRPiLpTbnSe7RpHz6jrLRD8Z/HU2XLjZoe25BJD4n4/LHjGQ1d\nY8E5\r\n=WKik\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA/zjTwDEQFbHGFmRT+5icjSy6i0O+Hh7DyUJmsrE/UBAiEA//Suld8n4MfUYlo6NykYBcYmZp85wIVKbUE2rF7v0b4="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.4fa2daec.0_1612829876841_0.6249175109638756"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.67f285fb.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.67f285fb.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.750e18fc7.0","@material/theme":"=11.0.0-canary.750e18fc7.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"04f614de1b88fbd5e16a537f0b7e3f2f9b015a9c","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/04f614de1b88fbd5e16a537f0b7e3f2f9b015a9c/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.67f285fb.0","_nodeVersion":"10.23.2","_npmVersion":"lerna/3.22.1/node@v10.23.2+x64 (linux)","dist":{"integrity":"sha512-Ih3fWF70QZfPbVxI8pvSrksxrkVI/716oNvwozHKiQPGNJP/F16DG/53sz95hkFOLI0ccXPiLpMEGkhcMXxrBw==","shasum":"0ca73bfeb92ee7174353fd7142a0b534282e35d2","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.67f285fb.0.tgz","fileCount":16,"unpackedSize":70878,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIdxTCRA9TVsSAnZWagAATHMP/1scEVuVdhX0OzzrDIbj\nw2eKl/+xtmJyxxkJiBTzc3LRFt1XihiFIV3shUon0x8UrEtRqp+xWB7I3+r6\nhHGEIxj4APtg5ImdXFisxSXO7/upCCptw26ZvuoEVl64LYW0gLMR0D818ms5\nhlunHt5bJcOV6/1qhiAsIHi/FKzwm32W9c9uwMtvigXDyRDYSr4A3/+YJYJc\niDSE0et3kE2phzwgVsxKr5VHRlktfqdTLUsNElxQ8A3DHbPzsrlquqaVLAfm\nkoIjXuJF6FEJOaylalUp1PmeXEDJwrLpH+N5r7pznpg3u3dyQSQUK38jQZpw\nkUAv5scI/xZnqp+HyyuZYU4PvuV2fvwRYAtmaHe7PnXcXc2bSe3sGlq52D4S\nY4Rt0ZY4vYQEhJRaoM9aSIk69TKw82+E9VIJRJLtIRvKQg3LoMq4cIJb5+bd\njnwfyqpOmCNid37toIs5Exsjn6q0qxmfpYPaGmemll0+Yl73JuSNu8tirxax\nSSVp2k7qy7PTHgqvCCMYfCYjAGbP5hcK+nQkJyuM8JNjesHRf9qBbKHrXDgR\n25bYuz0lY0sBrdZo2AEYS/1VqlNG52XjhrlJre7dtsiU1Fp2G2l0v8jpqDHK\nM5l/1jgw2R+rDUFR5BjH0XeSBqKcNT680rp+i6p6e7m8DBXaKsKftFgocbnW\nDnLM\r\n=6qjk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDKZxqN63Xi8aalhAYoD47nSHJIzoeUnHSarG8Puw3vHwIhAOnlEN5LfV/jc2lTniXW+KgsoDYI9HdS8J08SbFU4Q6x"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.67f285fb.0_1612831827269_0.34192764968340406"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.58cd5a70.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.58cd5a70.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.b62b1266d.0","@material/theme":"=11.0.0-canary.b62b1266d.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"bd3f430e2f5a541d9ff928f6eef5e0f06946dd6d","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/bd3f430e2f5a541d9ff928f6eef5e0f06946dd6d/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.58cd5a70.0","_nodeVersion":"10.23.2","_npmVersion":"lerna/3.22.1/node@v10.23.2+x64 (linux)","dist":{"integrity":"sha512-4ocYjPDxK1BPNFPimWn74qet6eaqh7L8eBynbM9Z9I32wR3HUZwZScG3RA3SVgvhmVbOTFHU+nPWBRSmWTtlmg==","shasum":"b16ac263807b7d9126d4bbbf3da4c83c0b3f2479","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.58cd5a70.0.tgz","fileCount":16,"unpackedSize":70878,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJZb+CRA9TVsSAnZWagAAL74P/0xcUhlYcGd/A7AVhSRD\nUhszDFTI1qIswOCe/tWR9L2qFh4FzLdyj7fCxq8j9oKd3aI5tgprAIoOw5TF\ne1ycS4nfxcgqi3+3BrZ18cDpyX+xPgJNgYftYq5j9/K/TA9oyxUFRGB2rLsA\naqc+2vvMfNh9Z59pHcCKoq+wpM7D3Yd147fdVjbW3stRojgNfVx3hYiiMWuV\nCH23cDedvrz9chSFyraCPS9GD0hBCosy6yfhyK3HAWykyXf6SUAm5WQLd2by\nWW5bfFb4PNvODecY6kQZ7lgE022CDAmgKs5e1gZDjz767rpE8RycrA0AEvZO\nXvXdxTXGyK1uRfGpLsMWRePUjQJmd5TgtK2Y4vCd8QwokU0gRiQF9g5WZO+Z\nutXUwbZOxxdSCka+AF7i1X4nO6iE+lgZ6HPSnuwqAEE7cBtfKEpoDpT94qi0\nBFhfMzPYI/TftmZ59LyctkSryTJRs4wzO+0bkj3cTdX1yFoUy1hO4e9k12ft\n14E07RHLe83HSjGRyyzt040GGIS4D/Ok/vEJ4G8dAXUlLFiRhqLo0Xh3q1/2\nkzH7QMrc+0MXb8IZSP2lHNKS/r4FxmeUv3ekyd2IavMuXztqoQG5N7BdaHx2\nZjgbcsJFXtJLCXG+ATcjqzDheacfF8NsHZRFIsNa3kfhJEzTibt0ilBJbrRx\n16dl\r\n=IuMy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDDpMWuKJhYPE3bv17WX8/Tfp+wJD+QkhuLK4gNLXBNwQIgSMjKwmoAqiyfer5cxLXLXvBB1wF2MAoJzlY668WKgdk="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.58cd5a70.0_1613076214886_0.8838682777802598"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.8107ca43.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.8107ca43.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.a6b3101fb.0","@material/theme":"=11.0.0-canary.a6b3101fb.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"579eae14a8b8a347a0e4b31bb6650c994d1df472","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/579eae14a8b8a347a0e4b31bb6650c994d1df472/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.8107ca43.0","_nodeVersion":"10.23.2","_npmVersion":"lerna/3.22.1/node@v10.23.2+x64 (linux)","dist":{"integrity":"sha512-9kHZgrPVHb1Z0LGEoCtQvVNydCNGBBCxZxd/XYY13jpqWYRe6CRS8GjEay/m5n/ZUWcaBoyuiSXcWheUnfzzVA==","shasum":"170fbeed7bf40429122ec37f958e404f77862f07","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.8107ca43.0.tgz","fileCount":16,"unpackedSize":70878,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJb2UCRA9TVsSAnZWagAAbXQP/0wXQcH7y8cuMlYPYoFk\n+CaG39gHKJgXRiFCskJZbqdXc1t/ed1C1/I03UyYX58fuq+UfF/p+ECOoI4y\n7uqI//YIA/IDnhMW9ctu4EVnxHnN1ouAeKxMDQ1O6H5zrkLniQL3a+nUKJS4\nXsbKxDaePynWwukoRhXKQt8hu2KOoW+xy5ZD0S7km9AzfrnG+yuxNCHNdPP4\nO1rYyP0mCpMI3QR52cGDXAAdF8dZyaxxTX268skdQvTqqaFB7E7rD6ysIkti\nkckMzxlJLiV3UGkUnlqclDQyp+unrujf4TbYG0rtUmgbSFSiJB0Q59YI41aP\n5/jZT0ARH+yiprPKRwUbQ/OQcoigJsyiVqWDQrpFCWiKUb31dHIvO6Gep45I\n4S1xLQtg8980xjMvVOVwXlu+Lrz95th4OMErWHPBQatZgYbwaqcIzno4b7VG\npqnfGoeWhJxId09C6KLxD/nT4EUS8Yr8Ci663q34aolq9QSbJei/1CKc8Irs\nUkR1zWYNcXA74Zf91w0zBGImdfLQXzsUkAUQDuZYWvCWTgFUrTpbHG51k955\nIrUEQGdMap/3++1QcprZX+DCBp+F/GHeXzC0SSRQ30Lf+ZFKXABUzw9wE9Kk\n+zDLK74GRAlSkNx7szgCnRl7L3wvAMDx5uyTFTcvrEQAR1nnjVRi3Q3BsIcA\nSZ65\r\n=eHBE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCTdlKqJ+OoiGW0TAf7a59g2yTQo/q6IO37uz0St+AgMwIgMm9NRqu4ws02UBj727/zIyclUQmEdDvE5sfSrswgj7Q="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.8107ca43.0_1613086100463_0.42576510375314736"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.d35d64ef.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.d35d64ef.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.a6b3101fb.0","@material/theme":"=11.0.0-canary.a6b3101fb.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"2fabd01c45fe7a18430cbb0070ae8b3f5d2a9dca","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2fabd01c45fe7a18430cbb0070ae8b3f5d2a9dca/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.d35d64ef.0","_nodeVersion":"10.23.2","_npmVersion":"lerna/3.22.1/node@v10.23.2+x64 (linux)","dist":{"integrity":"sha512-Il+dFrzTNtmSV00GTtWOurWyqoGw4H8PObsrwUOOwAhV865pw0hn1YQALn5tjRXRMPpmWAurVhRdv2UwJaVP1g==","shasum":"04f70ffeeb9cad1da541ed335c8eeb7e09282d23","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.d35d64ef.0.tgz","fileCount":16,"unpackedSize":70878,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJcDkCRA9TVsSAnZWagAAuBMP/RRLrZySj5HbU2gRkfHv\nvWI5UcmoY5ryRlGLcuQh+S13bcJ+UR9cbfPtZ3v3wiQpKMFdF9bqjiDjhpEN\n8Eo6HfCknN1ol/y7Z4vhaYuIUb7Hk6wVfwVuAJ23u8vtVTo8mQzZuqUT9x1B\n6c7tTy0RMmNHZHEW2TpN/S3GZvOkEzRaD0VNywEU7TNkVcKsZowhn1EyU97C\nWud1XmLxnPDQvPUtv3uDT8EoCZHg5d0a3VrdbVmNNPdsJBmV+RtbhAHsKE24\n6TjhMkPhJKfzriLWIKi5x8GLjRYAhdOGzLd0tJCP8IZOw/wqZVxbaqblf6F7\nqfOwB19ue9Jl0vwm9b+4iOEoiIv0iDaWCLNFQEmEL9cg6ivr2bb7AFCUtHJa\nndoSfejo5GRK/9zjl3g8odByfO7VtAxPx3FMcnPg8nqEpz/R0ZFPaT1ewRNl\nnqo4NQQKW8npqDnFBK8GKZn5ujiGWjXqJFFWc2wNHHXNdWV9k0kKdf/o72B8\nT04p6hursWS+YMMP5iJ5T92h4BmAKBULQ2FKlcPJspJbchb2y2Mw+QiNt7eF\nvLIgDzPeFf7CrUn1vXsC2aI4sAexLQV/bfX/EDDbFqfs8aOiToHNhvelOtuF\nGcE+0z0kB3h9hwsSggbzONhqlkLmit4qifTJd10ejXht30ZYjJz1gPaQBMmK\nd4Wy\r\n=Rqoo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAWhOE10/D7DapP+LlBkTU1m2WcukX8GY+paNfVYdu3+AiEA4iVEhcmOWZtylJsk65sYdUjH5OA2gQDt0sI7Am8/atY="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.d35d64ef.0_1613086947928_0.23366471721131643"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.78bcf058.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.78bcf058.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.a6b3101fb.0","@material/theme":"=11.0.0-canary.a6b3101fb.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"98a4001d56b1e200103e0862b83b661c87fac551","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/98a4001d56b1e200103e0862b83b661c87fac551/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.78bcf058.0","_nodeVersion":"10.23.2","_npmVersion":"lerna/3.22.1/node@v10.23.2+x64 (linux)","dist":{"integrity":"sha512-HOXUSfm1zum4MGqvbjx3ogK3M7Wcem2dp8ywu6uvfVxQz8BhRZK2lo7xO7aAfjGJTmmMzXyEHf5Qz7b1TFeghA==","shasum":"59c6d8445190f120dab06607e10971a171e1b1e1","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.78bcf058.0.tgz","fileCount":16,"unpackedSize":70878,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJdAwCRA9TVsSAnZWagAAteMQAIIHtyYlPPTcNwhmw2vd\nIa3mUS3cUj00x9hwCTVJ0tww3ieKJeYjvk/ehne5anzh9q2sDSq8ApnqbLu0\nuQwucfKH+1PYayMvttmrSvqvZqT7lZIbZyKdh7v5JrNBix8oByxMf7KvIfxm\nmZkItQ2EFezLDfn+gGmojJon/RWiIhfyCQ+O0qUuFVKmn2c1XMWCyW+YYxwu\nmbvHri4xdUmN3qyd2081OYH3WD46ZRkjcLjebdNU1jMD7rBhK9gPImOTnaw4\nKUdAFMs+zMZTy3Pkm1BzavBcM7FR5+ixffdSyHom6r5O4ARUT5DOCJp9AcO8\nK8oLflD9hIOnOiuwF6u5/ndfjVXaNYDEXidWEYjLizGlmYf6IR4c9FKdNjVf\naVea4U18aKEbAzzYgELD9URQlvrHtNOI0SmeC9JXjh0rlVxY+CEiABmlRCWG\n//H9UfWYdkXWq+6bjRQ8yoIh++QdYGsX+iIwGrxjYSIayaydlYmR0j5OdfBb\nxKIXL2gtub+4vnsDg/fJJNM6LmTcFSVMS45ShsspM+bW2OvofDVP68cN4cAY\nGqWAA+DkYTCG2ujuurc6kghoQiHW4G9mbVM8RXczu75OhBLZP80U2zZsEbIj\nBHkm43RnJDDbiDEHhC8wH4yn2tt5W3ViA4u6LmAGzdQcBNiRXxVTQO04ySwn\nVHnO\r\n=5EWI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDNVIVu/BP+u0lEiqw5e0ZWveBwopT9DI8bv5WNp5+ieQIhAOa40KwXsQUjid+CO/fTbQfRejirK04pcn3lCh8s5nu4"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.78bcf058.0_1613090863577_0.1437477286502693"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.0c6908fd.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.0c6908fd.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.ed88df700.0","@material/theme":"=11.0.0-canary.ed88df700.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"f290af657508c2392a786548f206e90e8bc44124","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/f290af657508c2392a786548f206e90e8bc44124/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.0c6908fd.0","_nodeVersion":"10.23.2","_npmVersion":"lerna/3.22.1/node@v10.23.2+x64 (linux)","dist":{"integrity":"sha512-RjFHmXKvd0HKsMSElXEJsWZm8AdGkFRw0cLS1J1BxsjC08EDSEz1hp6ONV3I8f4fsHFOO3i6drGO0R6+DJzesA==","shasum":"114161bd4dd5c9abe721a28f7a8ec63ce4ed9d7b","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.0c6908fd.0.tgz","fileCount":16,"unpackedSize":70878,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJdi9CRA9TVsSAnZWagAASjUQAIlqnoIowqBgzRZym2P2\nNPgZ8yMwmAdr2rihB1Lms+gJge3UtIdlc1ervwTrjYmybsr+fyIF9c8DWlCe\nUxUXDhwqvGO90a2gvYk/0RqsKnd9YzHEIvS/cJtmmM82cgnwynpISlCfzqSk\nqQW0ShzaWp5NZNyll7UYnJIJH06XdCOCAJ/vZ5rHmTPYalCGJ7ldwJg3yhXO\n8I/4o+4ptSLLVrju0hmy8y1QTW1LFcn6S7mNgJ5pfzfHIxnDSSrjFGzPWKlJ\nFjAt8515B7kbzdhD0A21RMEkErMdBbxhDphjZuBE6yR0Tu8zURBVN2Ywi8pq\nxLFBwhTDbzAzwjtgyuQ65ts+JGB29xEyVfEOCVvd9iSCoXtFhnvTJnBzlaR3\ndsptoyyfXwUUzTFsqzcRcHEULtuHeQFc4lUu4biWsvEZTDtoRIBWnJ+Fex1L\nTmZ/sOPsFafM/H6gnhz2iSVfXZugKGDdzH3C9CKu6SdhK/1DS+uMl05qym+e\nmdg9nqXa3wZUbBAxkHH4FqUVLtQB0KCbiO04GTDvHKIcdF8+ht+oMYAW9T/t\nkftH3yDUYCIfGf68451JsdosI/69lD1hKTQjVgkwqBGDoDudF8TisT46omLH\nbuTHqfeEva4iQTQQ/JsSur/NXaybexFNEajtY5jdzDCZy2GzXvVNsgvH3ES0\nGcvy\r\n=oktq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCVJ557aYhDEXpPXn0ZUDdD6dRgQG1zEnse6V4EIAsY1AIgUueUwagcOJfIvUAGTIvUVlB/jRJyEHhin6ZLK7s7wHw="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.0c6908fd.0_1613093052641_0.025424345802138593"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.f1f34ee0.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.f1f34ee0.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.71fe9a067.0","@material/theme":"=11.0.0-canary.71fe9a067.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"b16a616d2cecb5d8aa3c279c76b01b2f49ab6965","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b16a616d2cecb5d8aa3c279c76b01b2f49ab6965/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.f1f34ee0.0","_nodeVersion":"10.23.2","_npmVersion":"lerna/3.22.1/node@v10.23.2+x64 (linux)","dist":{"integrity":"sha512-FM7731B8LR75OGWcvSqT7Ybo0AYu3qt/pt+1m1qa1xWteaTo3ATRiICwvUjkPj+M12vitNipw7s4JfAuAXTVmA==","shasum":"012c210304991a0e70fcd625a948517a2520185d","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.f1f34ee0.0.tgz","fileCount":16,"unpackedSize":70878,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJuJYCRA9TVsSAnZWagAAwW4QAKHQappKRjWexIZ2uc2i\nwa7irHW7LF/VTiDEmtX3zguL5dz3SIkIVQtbAH6mbjooj1jSasg272EwbJCK\nkl4GBy1hLI6XTJPVvE+QNHLqHQ1hbnNLiZrq4zpXAHcuNB3cGnts6+m3EV8h\np2nn/VqrNN/ad1N1QPgf9A1cT2BPGeD9CbwPwKwzmVCQIgd5JZK8ZOkjpFBm\nT/G/wOMZMxMIOoISmiPR0rjUqb5CgHXCZSbq7wWZUrVkj9EQGvuSJy7RhOYp\nrsyVv263Bxyw3dbnXIre9Onxk3tDc7baZMF290ln7h9IAB9FBrC2wVfOcg+g\n687TKy8JDSdsy0LSEZxrPBQyMU5ZhiHSWlpRzK1CUOXl522UULaW92YL+ghV\nnd7VgbYCpqr5wSSDIvbzEC95uqNrwW7rY/9Y3aHCTCoxM0Ol860oT4CDtzTJ\n0hAenTU4N2EYyZ70eVDeC2l84aV3QIGNJ1iLG+n+Pve2kz+oHVuYqTbUCWtL\n9nQGSdbpv4FHALy0NOT6ygh5HjUgtdln9MeXFC7VCR7RSUCQVWA4LTaCrTo8\nUI8BcQLpILnSMcGDcbo5KGXkQer/xYNyqCELNb2LMvTDaza3GzlHOOr5soh3\nUtOFrX9MJcuu9MK9I8WB2PFMU7DYOtLShPQHNAw3+nx/jhihixxP2jrAENsx\n4K8K\r\n=eCgw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDvVWYF5TW1yEGsEGAzAnzU8fsCJgUzV4Ayrdtk8fMKfwIhANnG69IMcK3vO0n6vZRh63agouy4GCBRpEx+dwkPSKLc"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.f1f34ee0.0_1613161047828_0.21961084850504498"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.d84df029.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.d84df029.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.0fd56a86b.0","@material/theme":"=11.0.0-canary.0fd56a86b.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"af09ce2e1ef6f6b486ea977ab8890e81af842541","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/af09ce2e1ef6f6b486ea977ab8890e81af842541/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.d84df029.0","_nodeVersion":"10.23.2","_npmVersion":"lerna/3.22.1/node@v10.23.2+x64 (linux)","dist":{"integrity":"sha512-2Cu1k1/7qcSBPZ2obolACEf1ThyPfRvQjIpiNCGdHeUbwHFaHCZwOjrtbugigVkKA7Zzsv9cZENo1n/N0Rk3zw==","shasum":"963bfbf8c57354a6c1c0392fbb03420908d92fa3","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.d84df029.0.tgz","fileCount":16,"unpackedSize":70878,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLBfXCRA9TVsSAnZWagAA+XQP/jOoDteH20QYOnqO8eT0\nTSZah3X15PPuu32jHNNIByoCnkbzyy/FveynxiQKhpAHa9Ak9aGfndIpmytC\nHRpGHdPKNwvD6ZxIlcpADglmqjfu3WkGwjFlnX9BjWzPKj/cM/9KkvZ4Q7zs\n/EOVe+HGBer0YX2hm6KlJFzZH5617PcpLKvtcSiy7HEjKYOEkx+62nynGvpI\nXS5XF/NO7Pn554slshc2I2h8IPMz0iCVjZ5NUpZJkXay8FXIMtVN8Nn7yyPo\nXbVcVgrwHJtivbEevzN270kEX5+QG1YHFYahVTcYB1zuHwNdfiDxJKPJdSN1\neV7DlKM4ZwDSm3cZbGjG2BGNyMa/TI/4E9CoyVTHgS9qdv9tFjl4XCQtJVnr\n+yt/2u7wEzcnWQmrpk+RJ4h9jibNgjF4XqgBhC7OAmAIdAJgXhWKh2dQEKL6\naUGdZ8cR7VilLTOJD4Snf5mbr0G4JX2tFAJqK7Fg2ye1RMYgRf+93oqr2s6a\nTGEJPuegnLPKWxVnm6i4wQvHcDBmQdMoBL/Z+yxEfYstseAFjQoLVhDlbxso\nNpO3jjdve2ec4ykrE2+jFPpDUaAix/eIyBrJeDjLTvboHXOE8OgzRJbKyUKW\n0F1rT5IhPzydx7ZN0BA79Ogyk7DszEhQPhtaYecdyeazNKGc6QBSIJ917NVr\ns0V4\r\n=JoK7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCPpMa3Qp066nE04myGt341LkuYwbj15Ythq1U8W/H0JwIgYvjjhxWWBXHhRJRsapqarwW1hl/Ee7kaZLKdBiFBXGk="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.d84df029.0_1613502423049_0.9346031777970158"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.c525f471.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.c525f471.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.f9cac96cc.0","@material/theme":"=11.0.0-canary.f9cac96cc.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"eb401daa998f20b7222c2787e22c669e642586fd","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/eb401daa998f20b7222c2787e22c669e642586fd/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.c525f471.0","_nodeVersion":"10.23.2","_npmVersion":"lerna/3.22.1/node@v10.23.2+x64 (linux)","dist":{"integrity":"sha512-LWAJNn9AnYZxN1cd7qdMmNtTuTk8yOawsyq2eqVrC+pVAf1MiZysRbyWEQX+TLNq/Fqrtc68GB9bsRhoqPrUAA==","shasum":"7a7fdd892374ce857851572a1e7c099f0a529f84","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.c525f471.0.tgz","fileCount":16,"unpackedSize":70878,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLYIjCRA9TVsSAnZWagAAMYsP/2PaLXZdo21xdQA6g+Dj\nq2HU5fjBLFTbkYTR6VYOn/1b9b/7Uxxm+qYttszPjFkBsMtXeyllck0kv4/d\n4H9xkDd3Z+QxZEMtJGPVdcMMPlEG2eadsv0FgbvbQs8XyQFECMkYou9g7mJl\nKRaNQWkg3XUEu9gWgHHhNFWNq5PtUu3vnUuqAmck4KzwehZNYl8pURl6MLVZ\nGjJ2y8TUqrB6lGBKcVSIbhH4OfIzLHSXAMqIMWjCEzUrDAcJUH1WwqM6eLme\nPRrHf17w8LRsY6112xIiXnh/5Z6FtC+/5TDOdf3SZZyoe2Z86OuPBFz9od5b\nV3FzCb7GicgqwbsWi1Qp3+O1GA05WO/8YsD7+18MBAhZf5wEkQMHaA00IiNq\nryIUaw9HNfxH9epeEYYXz7exTbGClypx+GGrLt6uMoUan22ARt/Ndx5r20Nl\nXcaaOehtKCUUkdfgWwoo+Xwhpl1tQGmH/OS7JOfAkFYZprrGpMl+1VOXl1kO\nZv0TB3d5TAYLqMfUPWOSdmpRWs/uZrjO0QAT1dlIcucUx75eWE/UZOLniSdw\nAb+LmQrsHXrWg/hTUpZQAdqRUx5q1eqI1/HKO/5DsTVJhxpt0iAKBkggupdr\nnuqMHrgbRaSHTZTS/zzSNvdPoco6+HsWq8NZnG2YmnGAI20dj0lutp176Y4B\nNwmC\r\n=d6T3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDnYmAzu5lIxEM0Y0IzG0gPgF8Vgkx28f3cLP5ZuqvHuQIhAJK1QczE0uaw3b/uZshRzqBM/epjW+wtAVKBuTFcVlP6"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.c525f471.0_1613595171114_0.2393659034731188"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.ba7a1b35.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.ba7a1b35.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.f9cac96cc.0","@material/theme":"=11.0.0-canary.f9cac96cc.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"5d1b1f5b6c909a9e26befcb63e69de98a9b6fba6","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/5d1b1f5b6c909a9e26befcb63e69de98a9b6fba6/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.ba7a1b35.0","_nodeVersion":"10.23.3","_npmVersion":"lerna/3.22.1/node@v10.23.3+x64 (linux)","dist":{"integrity":"sha512-rMTSVweWiiTT9Pwr81cqRumIb/eHbDNY2I8OTudOiJRGv3i01Dlh4UQcdQtwVzUT33LG6v3mf/ZfCNXQok9YjQ==","shasum":"45cab7fa8322869afe1a95c59f8c86fc8d7fd0cc","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.ba7a1b35.0.tgz","fileCount":16,"unpackedSize":70878,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLwKhCRA9TVsSAnZWagAAUIgP/1c8U/aVaLxn6/zPs+nk\npp/MH25Wz5i4cL+P6kpUp2JCEbL1CQ2sZTdthup1tvSYyHUL9gg4ixXLwyL0\n9d5krlvi/ZzEh0V9CMAyeBy2uPYtIif95HVoZrdG98E6SxBQ1sze0B4Y+K19\ng0Nx4cdS9aL/KcA09PM9DftmkI1Ny94xF6cWhdfhjaFF+OK3HTO0Y9FiZ+mW\nwVmpR+FN+qLw/UxvyOut26s9epEWKV6LUstkRandxm6K7OsqUS/feAs6MdaZ\ne7FcfAAlLVGQblYVPowKepyn4NVpJtTCZ8fwmXBuJ0t3w6+oeVH5G3/tYz+k\nTIyBP+hJZsjKRWCd5fTjppZ/dXeGK+H3EBv2HW1FxNieNUj8hW3edu8PRbSU\n8kQoNs7jBzYIisUu6S10juYobVN2OJd19SbptVgzjAJdXfoVJVLXbsTUjR1W\nAC+LiqtXf7Ajt0+rfbdM9eg4K/oc6l40AkhUpqq2mAW096RAEZhtBnp9xNeh\n+ODYgraybdyYTpiQbv3yooqvb1Hktu7hrlbYBRZpVOewvwwIonN6uTYOFh4j\nUaSbCEImEcTQAE48rNxfzc/KgvUMdJI1BITFwWfqIsNoN5OZZ1PpFtApcZav\nCm7dT0QHthloVNWya8O65abscemfQjgmeLqvV44UCHkJqYQnyHsxh1H8eZ/B\nGibr\r\n=FQA2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBAF4XYe6nqti1ZXDKo+GA/+YWnTBuzU5E6tUZYu5SPFAiAcZnSj0hU9ySwHC18iCBUlBUqO8R8b2SbYMmgOnqAIHw=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.ba7a1b35.0_1613693600567_0.00808030258129011"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.9a566dda.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.9a566dda.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.0b4a4b2eb.0","@material/theme":"=11.0.0-canary.0b4a4b2eb.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"5093d1f8984fe9f44acd6597512a2de2ef5fbbca","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/5093d1f8984fe9f44acd6597512a2de2ef5fbbca/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.9a566dda.0","_nodeVersion":"10.23.3","_npmVersion":"lerna/3.22.1/node@v10.23.3+x64 (linux)","dist":{"integrity":"sha512-CakvvECkmCH4X5X8HkTpaBy8PtVMIhLOqwJ7kBOcAOJA8yojUuOPiUZZOe81A22R/xjL2VJcHH+UU7SNeo2QsQ==","shasum":"8be2d09566a79c72574ca4f354f142be5359164b","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.9a566dda.0.tgz","fileCount":16,"unpackedSize":70878,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgMAVYCRA9TVsSAnZWagAAZRMP/iRqSvgPErT7vrrfw0km\nahWtIY+n9UUlPY8gCkScuNEyzroU0Capbq5bn8CNFaYfbKJLIYTu+RMmzV9Z\nP/aCWUWzSTYPlVv5F2GGtMZaGo4rwfAAk6FpL3bAeI0VTUY3PnGXGAg+8kNg\nZIdMa9+7FdRXvgeTzzEhKLaqZ3xwS8E74VGC9fXJCX7HpFm1Bli6cIGMwn7L\ndvVai1t0c/gD2D089wlsLgULf3a7Wue/Ayz8U3JIVhmjMGBjTyjqdCc7Wk7i\nJDIvFLu+fM9diSelQL7cTV8xvSND3aHT3sBd1Ws4h3L6Sxnkx00VuOGdq7Nw\n1+z+MehiHiJxhIUyQK2ZquISjosU3IKqNVEXmzDKobw9wtMznBuAx8hKUOLM\nn7oQYgvSdMKfbmbc0u1OhmvF5xzuiQl03Lb3Ni1yz1TdNFFJ/pqfQhMMI9OJ\ntnJwFQHd4WZUVUxGzpjsRUdnDQJQUG5ujZT1XR2o9Hw5zufYKCtUOEmpPerN\nC9CeaWpQa2DMZoC2lrcytVGfPGYwstmqr975l8Ln7KBP9+oNWzeX2RdwmRTd\nCIGqhzwRpTNbhYwdZpSPOLh1CALGgyK2cC1VNSy9eB/HGWbpDhMD1p8i3oA2\nTOI45uKRXV57K1Zi+4q6DgvW1U+8SzZAIkN1gRvwnG2Gu1uZoCHqAXcQgkst\ncAQg\r\n=wzrL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEBEHU4PD7Zv10MYUTWttni39uZfYJvUz2QB4FXweXa+AiAjxcIP6lI1y04pC4VEhewOVqyNBbyynbEUTVz1Y7SBRw=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.9a566dda.0_1613759831885_0.4273900019687247"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.55addb8c.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.55addb8c.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.0b4a4b2eb.0","@material/theme":"=11.0.0-canary.0b4a4b2eb.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"02634c071c90f7c1124ae44f34cb20a61bf49350","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/02634c071c90f7c1124ae44f34cb20a61bf49350/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.55addb8c.0","_nodeVersion":"10.23.3","_npmVersion":"lerna/3.22.1/node@v10.23.3+x64 (linux)","dist":{"integrity":"sha512-Y0xlXPSpC1un2gei4m+AIALyejQn8dt+z6LiWLbZUO2hdopVw4eiJPpFwXnww7VmJjHm4SLaJfl3Zkr611R6kg==","shasum":"cf20e4c1c1b13bfe6c972856c02c1c87c0321e68","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.55addb8c.0.tgz","fileCount":16,"unpackedSize":70878,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgMDVFCRA9TVsSAnZWagAApq4P/2GnTvbk1JbMKB/700Lc\nhd8ng1k95pJZ1y1wKnr4r8vX6vVjg7pQlzKNV7frt1d97jyRJqa/BkeslCJJ\nJXlMUalD44F3fBZlsxkyK4hqvMAkHY1DTbsXMJ9S8cyfQo4Pb/yqLnMDlyBb\nYzJpZM1BlOE7DXqosZMs84TUfqx2CHNZdzrUX0P2aGbVCh/BDQX/zISfXS84\nkZPpUzDdXZkm2bEynDVNCLrxr+qK20D9MxwkNJ738HsWyX7X5PphUh6KV1q2\niTuJTNldDcMNizu6JBpHtIkvkr026uiykOw9Za2378pQEW1cdHmpLddNr2/m\n63ykFj/os/BXUMlKUgJ6dwJFeJVwXUc3cscIDWdNb/QA1a4S6404wyBSkqgf\nT5z/sLichrTjgb0M4/2xUFdT5ilJ5clT+T80EmCu4XC3Cdi3A8+CeBZnYjgQ\n9rXDrWFYpC2hyq11TzDNBbMip+/Y/cdDImYITgeeJkdHgyW9100847tyEayi\nSJaTq4aRV3Z57KE9ocjonvlaoeiQxs4zRMDr4eN5Skbcua3/zQAwLPPpUFAu\ne3LB49rE50N3+8xWBpVL+c9R+ZrGrMlQxtkdgyIltjRQ2WNKTkmwKz2le0x5\n8Kh6tgOhZ8HCNXUWqHar36kjU+RmiUWKA+gU4IqapHeckiJKitLqzS+Vt4W1\nIEoK\r\n=FDpV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCuZDk5CqFt+enfCaH002H45UZQgP1LkisxIz3lYcLftwIhAIzPLmfy4eAHj/m/LyQxmgh0LVs1GHLfC7XAcG4qPAl5"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.55addb8c.0_1613772100573_0.750478905590843"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.85dd5e9b.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.85dd5e9b.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.0b4a4b2eb.0","@material/theme":"=11.0.0-canary.0b4a4b2eb.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"a723fb0b68d5c0ab6eb13c066a9c255b58d1e19f","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/a723fb0b68d5c0ab6eb13c066a9c255b58d1e19f/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.85dd5e9b.0","_nodeVersion":"10.23.3","_npmVersion":"lerna/3.22.1/node@v10.23.3+x64 (linux)","dist":{"integrity":"sha512-hOh0IUHOdlQs4hhQI+UWKdWFnSwhL5hpOmayRRK48yQEYIhP1e4IyO69XThJGkRvN4wYKo/H+gMqa+0ShnPj2w==","shasum":"93ec50e0d55beaf3332593b9d1f875a32241e088","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.85dd5e9b.0.tgz","fileCount":16,"unpackedSize":70878,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNGYBCRA9TVsSAnZWagAAMEcQAJ1PicCUS9y6K2bhH9oX\n0zlLXH1f3uZudqY5TTfMAVwjc7xO3EBPjNRmwSaftRkGcXSVRRdSSnecRC4X\nFoW8BC7jLmdag1Uyzq+LKr/r6q20tbP2+9yf6AgRCWElPaiUuRODww8QpE4r\nReoTwmBr3CmkV1psGnx7LN8laA3RoG4zzcBKTZwFb6jCir73/6N3oy+Dhku5\np5KIcvoWiuL9bfOm51UYdiE6bB0sitwq6L9/ZTtdU/h1ysB8itBjUUsQe31u\nvtlX36Gvjk7vGwIlDWHQDscFPpH6k2dNDjaPamEzKRBRpaFKwyJh2VRZdg97\nIXhGjPwHs1l7tDyJP4qNymzj4t+sDAmLQv5esOp63Xtgq8MlgvDmZqxbZMjU\njCikR9HleThN578I59YBEBptFUTIhMUkHcN2c7PTCYkeCWtvubBKp0M0sGkc\nZTngG25gA+vy+3i04MMI7RM/IrVHD3+G/2uu45OmPilIWEjKPmaPyV3Sgqi5\nT3N6Q/5kxEwxLiXZ3qyfR/kk04KQEMIufT0jj9f/usDSEYQoxKzelsdgYKG4\nHWtFLkSE9PlnSVTfikILq2sUBjd09LPAt8ZYxH/QPJjxg14FIFgndGZYrZ5z\naRBvv3vqHMVCZVkMB9bBpdE4FgvYBmzhwoAHZcLbQq0+iZU5zZpqVZxQ4S/M\ndLpC\r\n=CTsZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDR8FTtld8uBMJGCq8QqYnIKk0Ecd7zfeCrREbqkt5qXAIhAMY0BWzOhdTFKcQZ5gZMErL1vcxubG/s2CpQ4rGAlR9q"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.85dd5e9b.0_1614046721183_0.9543998818839656"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.aa3e078e.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.aa3e078e.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.0b4a4b2eb.0","@material/theme":"=11.0.0-canary.0b4a4b2eb.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"2acbbc6ed6d9f649621ee54e8265c9d26c49f634","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2acbbc6ed6d9f649621ee54e8265c9d26c49f634/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.aa3e078e.0","_nodeVersion":"10.23.3","_npmVersion":"lerna/3.22.1/node@v10.23.3+x64 (linux)","dist":{"integrity":"sha512-IdzQ8ijgFIWFA95NPPV0H2xTUZI3w6QGzdOE61rTBr+WLZt+UG5W/a8RgHS3tPfETVw6/DwEG30+NDqTX+gEAA==","shasum":"bf43a7b1d8bb8cde8d4302ce04ae60d844fd51c0","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.aa3e078e.0.tgz","fileCount":16,"unpackedSize":70878,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNTfdCRA9TVsSAnZWagAA/2oP+wcEAi/SQXCsinEe5ovy\nwxF7Mah3iUVgkTdbwIXQflzkeCcRktceevC2xMuTC4RHAHm3622tTnqZ410t\nHS/Al/joyrBvooYBjceST8gTRzGBmCTm+3bVqLoVMHZ4qH4bFDoqniqqq62j\nPApwsBm7/y878sPogxCH64C3naIxSIC1r7Xv1VjFDoLijnWEKg7YMceNfTkF\nTqP7DWWhymETT0e1asg+RAT4+bTmm/4HHbNT8QJH1DJM/VvfNlKDnZ/VBRx6\nXvj5TWM3MkT5j0mAhLnppmkVftuuAB3zyC5Fy6T0HEBe2xWsl5vJJ3ATt6g9\nzyWGKRx2hYNk8aW0aib3M6DWnFm29mmaPyhVNxvslry/+6ll1sm8h4vP9cB2\n3loI6YU8fACVClBX0kJuW95m+yZLbsqyEcd+/epao3gVbdlMUcqX7lc6g8y2\nP6hNvul5Mog0a4URBV5C3yf9shCXlRU1prp6gAlz0FORxu4bT8e9RMMskO3N\nI9CNuLPDVo5JgNP0sKhPiIpJPYvynefMW+IT6scFMqEeHrVKdYHRtEBaPkdA\nlgTS1E/IJvaYpaPMTsPG3/DfdlpIAFHIfKsCN1ofOzfdr1nTc221ITanC9Ko\n4XRlzCKYlmd0XQ1zSJeIMa758RYjuWiAfk0y/YFCQykZ+WsrefU9ysAQQBnN\nWefV\r\n=B0F9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEonHE+/Cq6wzx1hPd/us02NHti0PyHNRHbeMFboq01cAiAXMu4kN2rLmpzXCsiOrphB6xspaKS9onDy+VvV7/OMMg=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.aa3e078e.0_1614100444492_0.5192951883885923"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.dccd254e.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.dccd254e.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.0b4a4b2eb.0","@material/theme":"=11.0.0-canary.0b4a4b2eb.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"7c3011f1d9328f6405596f794c28c98485d9d40b","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/7c3011f1d9328f6405596f794c28c98485d9d40b/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.dccd254e.0","_nodeVersion":"10.23.3","_npmVersion":"lerna/3.22.1/node@v10.23.3+x64 (linux)","dist":{"integrity":"sha512-s63GXsC1QshUuwMR56eGz8AqtK8RaUTL1qc28rG21ew54D/wDbqUJ8UJYHrxrW6PlMG598Rel3iTy7oH64871A==","shasum":"7f0ef883681d81f0adbac4c722eef1b5fc9d3ded","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.dccd254e.0.tgz","fileCount":16,"unpackedSize":71058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgOWORCRA9TVsSAnZWagAAmJcP/3CHEUHJ8eXlihCgctJ4\n4NF5izGWV9vyvGI5tmjgohaNxRgAOm7W+wzVbJbD2BWdv9sa7imv6vprSjOv\ntLPd2CH7SlYsOoKo8IH2w3OUhi23+VB1VKnFo/MFr+HHRTIIW8JhFnbsJGwZ\nLMhyjlIsG0k6/NBlecXxHKgoc88lUeHm63so7bG6d2noESKh8b9O4qrnP73N\nXyFK1LFkKPqiGIWO/3j8/jd2vR84/RaSUjDLF86h4Ugs6YJJUkU9VGCjXFwc\nQlb8CVD8UkQI4dJJAsWiBA2iUCUm3YaFIeweiHStOkPZaPRe2sBIbimelpML\n7BPFff3krIVWRqaJQ6tNb7bAh4K9pyIVbFzLLUqYTdAQs6BJrehwg3LVVeuf\ntwili49hbzY9aPFg/qGkJBQoDQAmxaS6z+aAejSDaMcOeHl6A96wNj0LN5HZ\n17/p7yKsz58wMtdzHAJdrBg6hkm+J1K3fD+CnRolYQCSZPh66pShW9R2qhPi\n9PcCCmDRf04s8cymWTSvJR/nAkl1A/9CC6/3C/X5dB/IH2AoYeJJF5M82/8u\nnXJsyA/GmCq6Bmg6SIRFfB/W7BgpNTxal4Gen74Cq5NxCuloM3QR3evr99UA\n+nEJD4VDtn/XppuZH6mIYEWeXRQV4UQFqbkjpbj3pWLHIw/GdJi+VsMwfpTS\njsNP\r\n=7+9E\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBEi+LyNqfF/GEJVkVXeLCd8EPIrrmmOEFbtIjuFhhRMAiA5HulGiG/9j0xf3DXA7pl0q9ThzmL3KjyiVPlFst4jKQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.dccd254e.0_1614373776706_0.03270040067998048"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.7dd1a27d.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.7dd1a27d.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.0b4a4b2eb.0","@material/theme":"=11.0.0-canary.0b4a4b2eb.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"15fa381ead1eb4897aa006da0f445765fa9a037b","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/15fa381ead1eb4897aa006da0f445765fa9a037b/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.7dd1a27d.0","_nodeVersion":"10.23.3","_npmVersion":"lerna/3.22.1/node@v10.23.3+x64 (linux)","dist":{"integrity":"sha512-mFmyCdW9Co8YxdS4lja93PQa+20G3t/k6O7pfzLzUBkff9rHgKqeYbAAsqUbcI/1pmESBJ5TqBLFqI/V1JVr4w==","shasum":"0132e981baa9e1262cb6dac8ae1bc6180c193e8d","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.7dd1a27d.0.tgz","fileCount":16,"unpackedSize":71058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgPWQCCRA9TVsSAnZWagAAHtYP/iy0bP0Vv2EONujbdWvR\nZkR8MjM53Jg964gdnN/QldtaHixvppt9/ZDZkSjlZWkVYVVVpXoASaWoPvVN\nBYgThvZvVeGq30+MW3hjzkGc7/rg6RV3selCO6B8FE7H9EWdEReE+NGm4NcW\nhYADlsHp2U9kdl6c8eXPVGoBBber76LIF/CrkspXgcLGBdfCaTrMfkYkd/Qm\npWPIsc6sUnR4BxUzqWTNvxjLizInptWhiRBdGm8xxx0tWxCvLjbgS97sUkvd\n1oZ/MiyS9iD3Lc+emLMGzhJf5/28ASFOwVyVxrZ6roydFU4B+01LY03hjwIs\nVbi7tDWDGphjp9w/ojxITGn/eMYIkC23Qmj+MwjfTwmdZFUBXHkZB0iLU+0t\n3Os+yf/3OeqUSRgM+xdrzFrMq3XiejobCY5R9Ix9JETcLSfLIspQ5Mcr7kcG\n0gEq5P1zXQG6oxlFc8ep7H/giGQL9c6vrGZzgksN7Vd+Nh/CTeH+/4gAnq7f\nQGgRZefWl95LTfFe09ZHGu2KnG8nYTbosXYgR1QeHEKMQLZV55tG+Gm4KOZA\n67Dwu7TBneSRlJdlAdh/TZuuCQnyt1/NLoXs822DBt3QvBHp8Rq5d9zwdSBr\nCd92bZCezRYNxoNmhjpIgc1N5A3dOjGXn/L3jidMUtlskJo+1x/aJ9mXPgeZ\n9kAz\r\n=AFkw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEbi0Jnap8EYdMdcTafheg8N3vMxzIw4gf9n6xTi5jCaAiEAj6q7jckZMFi9PtUp1v4fLTjjyH3Tm1ek9LKWPXO4Spg="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.7dd1a27d.0_1614636034087_0.5657826104624939"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.12574572.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.12574572.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.0b4a4b2eb.0","@material/theme":"=11.0.0-canary.0b4a4b2eb.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"043d9159945b812192eb864b33d16f892831b4d9","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/043d9159945b812192eb864b33d16f892831b4d9/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.12574572.0","_nodeVersion":"10.23.3","_npmVersion":"lerna/3.22.1/node@v10.23.3+x64 (linux)","dist":{"integrity":"sha512-jT9SdSVLKNLC/e7q4158w0XBr8DCA1dX9TCueOfb+xQwWPZYxfO6U/qcT+loowedIVs4fvAPEi2stJXwfWuvog==","shasum":"af5c0c1604b456ee2400981a4bf02c126f97a20b","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.12574572.0.tgz","fileCount":16,"unpackedSize":71076,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgPqAECRA9TVsSAnZWagAAzagP/2OB47nXu/Jbzb8xNYYt\nV74kfmdqas8s8ge7jOkWcetaSSSRS0vsoTOt5YqZbxDhNWwcRjteZfOrOc27\nBeO1i4gFO3dDS93wjb6z0nltbVoh4uccjDl5nn+KDH0vJfkXt+BE4CHTwR44\nlbhw09T/buOktNDJqwhGYARG/7ya2I/BGC3FJLwNU0mTmethizRmLDtD4+t8\nMLpB80l7pOzyYzfcQ3hd23lGTk8/6QvdjOtWbDIjBkYwXlw4heqamhWcI82+\njuY1oBOkbYhQg5Cb3y1R3/O5NEsbUs1z7ERl40sjWfwR6IbZAIAotKjawIkR\n/YopdbPqX4V/4cLomFW1r9Nme6YjpcmO9CyoLBjljCTA8sADcxGdGuCw/G+G\nDAEQtFn+UEtn0w00hrnjGJ3Xjj1MUnpzsLDCjhLfqsinYjZFrmwY/p2VIl7P\nFbg80QdP1omnxDlbejC0jmkenelgK7dDwdupqjh3B1kkVFDSG6F7d6W1yTf6\nJjS0SnkdMzM91oJUBSRsMOOHpk+gCR/OZrKlYLk6116FBnLzH0beLuqScXqa\nMfRK87drSr93Iw0O8C+CPFkbn63ePXs4+2tOUVgSAqD0oZGxt5gakwbwLUAN\nV7h5JAXN82pLutONj83LdVgJlE2/OtlEqbvFz4DwZyfOcFkLc6iK3PKKJNr2\nO2vR\r\n=IA08\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC56pAS5X6T3wu0u8zCIbZ8xu5fh9Z2dW+F/zoWMUl0+gIhAItZorraAK4FE+6oSKrIEj7uWX54rwDMcSjz16Oc4OsR"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.12574572.0_1614716932304_0.6951279497421927"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.1109a3d3.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.1109a3d3.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.0b4a4b2eb.0","@material/theme":"=11.0.0-canary.0b4a4b2eb.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"8cdd512cc62bfc703a1cc766d67d04509e4e0c08","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/8cdd512cc62bfc703a1cc766d67d04509e4e0c08/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.1109a3d3.0","_nodeVersion":"10.23.3","_npmVersion":"lerna/3.22.1/node@v10.23.3+x64 (linux)","dist":{"integrity":"sha512-wq7T75YYxBIXNzgfoQzFHcPJGZvj7RGlxnqFvp4je3ybisd9UCFAQWnRodx9sBlGMqrdheUUsC/CD+GzpbYK1g==","shasum":"1b64f3b0aac53f68cd0f3a636ce255fdddcaaa83","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.1109a3d3.0.tgz","fileCount":16,"unpackedSize":71076,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgPqEeCRA9TVsSAnZWagAAeioP/A1gFkmtXocrfHoxLE+M\nHNC13rzl09OnkQx5OSPqCPmXZG9U5O1+7bElgIN/r6PQGXOqULDmvD9FEMCl\nubb7ucYMEkQocMLFTM5h4NSsMCfmCYsxImHFse0TIF7WgUI0neFMswoLeaWE\nVz12phmaY4AM1ufWDRZWhOIgvnGkN/C4U+pA3OhhSbmBkxeLEiqB2+fkQjBC\nUXIi6NkncKxp9o6O2jSLTfeF938qlndnemG11dZtEPpnaprNmb5uRfK8KZgf\n8yXLz6A2wEq5EMpN7MzV28PMKlUxwqbxR1w14VAdGU/kWSzDSKO1YXsBAbLu\nrDAO3p98D8j5XEz6caRupv2ifbvPPnLXPgjkIodmbQCDm8eWBRyCQkI6bbAA\nY/QXf+MfrjWxG8byKQTgR8zyBPAGdnmm4WZYNqezkDHOrsKk5DCEIQDlV7rs\n/RR2Redxs8veHdSuAdYc/L+f6cCSuht8/9ymGXV3aL9fukAkmCaU2rAeW9wM\n2LjCGFSi4rocpyY/KFqxmVS7oozXeZWvSpysN1Kqt3mq49YZFpexh79C4XZY\nPHHkq5MOsM9rGoBw0rxpxJt/2H/VwoaWRvA09FALdbI3ZrqM1GrwXp266KcW\nRrZIbR2mXJeh+KYojOmEi+WpOWxdbYwoyzUZx2YRv39gkfrSFNo68vhVlqoD\nSY4b\r\n=z0Fk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHJI1p/C2li7bHvVURNv7uYS+5w0MVNVUaZgpV6hVLnZAiBapA9eKmUb7qLPIYOiUjvrQCiIYh3aXzZZ8E+rt3FS2Q=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.1109a3d3.0_1614717213559_0.30721794067791897"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.b9cd8739.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.b9cd8739.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.0b4a4b2eb.0","@material/theme":"=11.0.0-canary.0b4a4b2eb.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"89fe0448abab4c371af17b2866ec736d9ebd8cae","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/89fe0448abab4c371af17b2866ec736d9ebd8cae/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.b9cd8739.0","_nodeVersion":"10.23.3","_npmVersion":"lerna/3.22.1/node@v10.23.3+x64 (linux)","dist":{"integrity":"sha512-u+yWVBVlVXWaKr9O6TVIHJcpK6PGlwcHAbGtqe1GeH1Uz64Vmp1iRp/ZEDdwH5PRqiWSeYLS0rt5K4BUIMfEyQ==","shasum":"17dc9cfcad10d53cd59827ec07560fa07fc35295","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.b9cd8739.0.tgz","fileCount":16,"unpackedSize":71076,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgP8tQCRA9TVsSAnZWagAAOiwP/RIjBirqHPIxQBcsYqXL\n3dCgj6ZFQHZZ5CoakmkFTt5EkJi6Hxm7qj8EnhM0YMNMaruNubzaLtPXYq7o\nLV6iyLa4ASi6Z4A2Yn7EzicSEDVRNKTXAg16nrXmAXlCflul2eLdVmFbYFCa\nHto5rNN2Jv3x+BPIyeRbYz5rF11q7cza5SIWbqTqOok/hGrKRQKeD5AQtncy\n/JVyMPSQpTI+lwr07Of079U+cSgrTKo2mUmVlqSgB1sP0Vde0IoFpTsKBnI/\nYUlyEN0wBxPRlJtFdFNycaIppZm8s3zbzmdCWQYDXzljZUgVPAUTJ1hLzvLu\nHpw+9Po5KqCfEuYaTQA1NWdZTeKfsCYMMnM02Nef6pyXLiOeMptkEzyOze20\nJtoh+sV7LDAl++r3jySDqqz0rBfZVqNXXWpr8GTsLhQVdxv3v6qvXk8vBmUM\nUYFVj94thxDMlOGFK7TV1q0wjLrtTcXc9W/U4apq+VJMdErkmBcgS/2Dlq14\nYo8EHNLY5sJ3ZGwc1Syy5j4ErIXmP4bCcExcPZkA3mSrekcoROktzsc3pAnO\nO99V/U7TlP5m6MMXAPMly5WURu2vcX1VPZrzvEWbUk8wUZXXFAnDThdVcP04\nfdb7IFSEIINvGU6O5nRHqDiil8AB/TLVgok28nbToWpyF5+TQSbV1O99u1TQ\nyieZ\r\n=Lbdj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH6X3mEJGqIW+jRrGXHToQgIFTev3XdhW1TlRG9WP9R/AiA/wRwm7M+FNLEJdipV/DUyq/83nlP5HHlUqwv6jkiR4g=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.b9cd8739.0_1614793552212_0.5029659846753403"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.71ee796a.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.71ee796a.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.0b4a4b2eb.0","@material/theme":"=11.0.0-canary.0b4a4b2eb.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"d989f6470cdcdd144c7021a4eb0ea47e63945cc7","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d989f6470cdcdd144c7021a4eb0ea47e63945cc7/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.71ee796a.0","_nodeVersion":"10.23.3","_npmVersion":"lerna/3.22.1/node@v10.23.3+x64 (linux)","dist":{"integrity":"sha512-hwJkR4WhbRhSJUQ+TPEgxdwrZO2TK1iw8TzB+WrjIa7/9Ys3W0z2PiObRpLf+391NL3iGRpuI0YsR5HI/5CFuA==","shasum":"dd2246b9ccbc2016fa5fb75881dfb0ed0a2c624f","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.71ee796a.0.tgz","fileCount":16,"unpackedSize":71076,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgP+0pCRA9TVsSAnZWagAAWtMP/RINvHOMT3bkrcNYucE5\nOavHCcBOnmVNO4NvoZfc8naX4cI2SsqbVfd6VCy9lkS6P9WhUGyIHFTr8lgw\nhn8u+XZcOubaHF2dfJq46n/RvhKpl75NiZHN+eOECvq4/KV8IXMfLGiuZg5D\nvdQy3DGYjIz3gMHjrWNdzxGzJXsZgn9xg1CQBInwYqHkaEDPqa8U02eECt95\n65eYbpeibD0/bVIFGfSWXM7mYi4M9LTJozJF0RfF5cpiwfTq1cwcOvtat0Vl\nGcrE3JsTJZy0FLtdkIsdoS1sq3FJV575qvQU2yrMRK9br5mIvJlerxjLwUf9\nHCO+uZPifElb+2AdJh5tUYWh8wvnbnMM7HdJdU//gTDEOoG6riEJjUOYRTbj\nVQMzmUAYw2wuvFancjom/pzwV9PPFv37CpZqirxYS7X4WpZJKXzSdvjV/IV2\nnFUcyLGUnkKop0Sszbti9u4NasblU5rduIs9Yc9HtLmTD4Y9FgZFiHRbRUgy\nxJ3AWpedESTavyK0hSxl/xOGCvLVQplBRj1brXAtcwL4QvXrSsPOqjWXlsvn\nAu99Ygc1MdT15cn+0rwQW7VUT8mo/v1clTfSfxQnqUCYVTg1lP6RWiJMCYIj\nSLRc91JlJIZA7WerOI6QEAV0Y17mBjHEPfDwEUH/La8Mp2/Z8BjI6jjHBl8U\nL2f3\r\n=LZpq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCO8JH6wrQpzNoSLoH81oM4fqk0Te7jrBy1qC5O+t0AiwIhAKMav51pYp9C3DlojXu7p3JRQoPb/3KJDTpLO/ilpTko"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.71ee796a.0_1614802216940_0.5405850191366479"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.2be191ed.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.2be191ed.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.c7d98fcde.0","@material/theme":"=11.0.0-canary.c7d98fcde.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"e273563187c689092eb053c50fd9b94385380fb8","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e273563187c689092eb053c50fd9b94385380fb8/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.2be191ed.0","_nodeVersion":"10.23.3","_npmVersion":"lerna/3.22.1/node@v10.23.3+x64 (linux)","dist":{"integrity":"sha512-tq7VERP0tLRSKyi0bLeUn2iRvwTcze4lvVZIfGdpbnO99rCTOhhN6096V+R9LaQXMSI6FUSL3nUpbPGYOaUeiw==","shasum":"8b748294f30531716d808bc58c3ea8e19d1b205d","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.2be191ed.0.tgz","fileCount":16,"unpackedSize":71076,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQAS2CRA9TVsSAnZWagAAEGMP/jY1IjLrS+WS/BSNnCTD\noYUYfwtnH9wmGo0TVmsmaph/sDE1PyaPfZo+OAAs3H9W+NMoKgPwOMKtMxm6\nkM2uSIAXphvdRfrjj3CLZZ1wOKbg1ObMzdbVc/4nHGBW/lHqcsqEES9J0q2Y\nnkBdT+c+Xk9rjZdz2N53vARpK9jLLwJ9fzxdb3Ex+SGB4J0fldIaFrXDPPI/\nTZnpOFJB4oZjCWNn8s/yqYkav06l9D4pTbhgmU/Uu52i8xi/G/HGo2J/KH9I\nKX0te+KVY48If80DnoBvNxE2rmNuK4/7twdXs+CMPWsbTm8BNbQO8rZYO/aV\nXUYPZ1Iao1az6vtck0W+xiFOf2KBae8fmkCCILoObwXeJY9HLUXHBEhEA09N\nCWTiHDQYbVnmEE/ukallQUR1Vo3+CtukFCezx81XWKPFxx0oOVCdqgnqf+2j\nFvG08alU1Yfexw0DD9N/lg4O6Xlt4xEnLT36qMr7zSg2f77UEvz+Pj/aQlNy\n7GIGwdXVLRAfBQlF0p4O+CxvU5sJK/WipiJScVsp/yLE1X2EBEoQ+b7IBigv\nUpMJ6282axB/5BJW4q3LZ2BBQWU5AtL5hyqGCqsU86/lCW6OHd7Nd7znEq/A\nxrjN297kO1s5t0eKPzZMhGrQkEvmq9h/i0hjLVFcFwPkw3VZvkS8EcV4EnE+\n8Dk4\r\n=NqdV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGeG37VCvEb+i0hBHy1JKfk2kMxaebmWO7DaS4NooR9OAiEAgQgYJd0vn4HSL1pK1Kk+S5wap7qOa3kvM5//PLLb9a8="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.2be191ed.0_1614808246079_0.4997926178783334"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.6dc7b06f.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.6dc7b06f.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.c7d98fcde.0","@material/theme":"=11.0.0-canary.c7d98fcde.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"9a8a072daac91e9fc841e2f6cacc0fb753ada76a","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/9a8a072daac91e9fc841e2f6cacc0fb753ada76a/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.6dc7b06f.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-SaGhlmfOLNK6NdrvJWfFBCsnkTKrHZU+Fa1IkAknUDqYrSUIyrKFx3eAIOaWn7hVTzVbMphzBiFDqwBZoLBghA==","shasum":"9a12d44a526cb1ceebcb89a09cfa0f54169299a8","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.6dc7b06f.0.tgz","fileCount":16,"unpackedSize":71076,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQXmKCRA9TVsSAnZWagAADtYP/jIDAKlECa7YNnZUT7C4\nEon6jIyWHKf121ilG/YbYB+tbhoum8hmwCJ4zBOWWTiFVQqcRWfRfPWmeY/c\nyK2XdJ6q2KroG9Bo8aM9t8U1A++EwLwaY0RQPYu37cndHSnfQlfIujDMoOJW\nbMcaqabvXb+BNjCJFlRwzXOFPP0BWPvPpGwhbZ8nM6PpoMytIabPjdb1Hj+Q\n+hVieScucIWONQxUH8cV/b7PekxliuAUpeVSvhibXP1Gg7EnW4j2ji7PurCb\nX2CNLyHoQi29DeMfuZ6kAm5s45NYyHp4cmgE31tF91zXNyedkfqLq5Sbkr2n\nXh9d5xGBWMXtBPVq1ToH5ky+BqeIp97eGDquk5gbQ70Oqg+kyXVCF/6cSO3C\n/EPbVv9IPjGMwEs6YjK4efD5zGNpecLrsLIPJ2Kqp4q+13n0QIXXcX3OJOXQ\n6XtIozJsGBB0K69afvVgWXvIHmCL45xFsCCYI0dWKXdfbqO8KgEtD3Vl+vZX\nrs4P6JVG4ikkeJCevGwiFyevBqaqdmkBTBrRtZHL+g1FQyQ/lCj8UyFXoqbc\ni53vOZC83NiP3GouLjWEsEdMAAPOQOnYGd7A3L6VWwxF1sDlqmF0diuo04Pj\nQbqIQhnuOsxHWiAvFmHfMZuYAuC0slLUqnVqrmF67t/XO3aLLFP+nGbWIvvN\n0m+s\r\n=K8Za\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDaY4V8jMJalrX01Z5R/VyPhUb+ZYLgf0K/jJgtrskKLAiBnjo9SVvCQqHc8n1qK3jyd3SljEClb0GFqtgV8WFxNCQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.6dc7b06f.0_1614903690177_0.6139066880851036"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.24fe7ba6.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.24fe7ba6.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.c7d98fcde.0","@material/theme":"=11.0.0-canary.c7d98fcde.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"d87a6c320af38bd078f91bc9ea457c0e21cea9cd","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d87a6c320af38bd078f91bc9ea457c0e21cea9cd/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.24fe7ba6.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-cq9IRCY/GbMVGgy+IfirZiZd+cL309T3gHqRWgxWkZo1UX7InVniokAlvkZuGRwTddv1ZsqwqrKS0iBf4YSM/Q==","shasum":"82737636174322f277405cc3992b564514c7c701","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.24fe7ba6.0.tgz","fileCount":16,"unpackedSize":71076,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQmnLCRA9TVsSAnZWagAASiEQAIOoPrQZCWoehepdDIq3\n4DuGxsk4Kuv/FSnqQdWmEGzxXwcAZ2nR89e1sU6GmTGgSOk3d6bHPff7oBeh\nVl+iXzX0fmwCVVrThFaseCn0X14YCIbRF9s6JwQwSMEqhWtJ+Slql/cTqX0j\nmnuGaSDKPV/42X5NepLqZvPw/iVT6bsRqNccX3rKZ5j57qIhhveybRP+7hCi\nsU5JKJWu8kfDEo058eB0oKsk7WdxZFBFo++6EVd512QbJ60QPLbwu/XgKMTW\ng2g7nrFL1ZU/4uFtTPSsh+3qDm29xopWfgnH0LBwlabfskiQRb2u8EWMVTk+\ntVsiYlbfkylBtgH+Gx3yq7GIzvh5Ex1Q9W33pENHXObM6mfF++0e8g/WgnND\n7ndFV4LkfJqevg5fnh80xK+Iy7yKgkLqbCxD8UFW+zLym7ovn6PKlb4bqTSb\nUNr8sUTfNQEsp9gn3MV2XaxNN7DGmn6DKPz9JXg7N9xMSWirR011gOVQGThx\nBPMd8kqYEReojk1vliRCz6ZWTdBBIlq+nvU8DiXlfpOnKtAZT1L2bLLUYK9r\nWnWv7oCLIPlgqo/+paJXsjCtUI0c94Opd8Kl2KmbMs5OVNsWR+pGlRpYw++5\nAXnI7oYQzdaoGH2XUfwaw1QMDTmdak+WRESrxkZBRBoav2TDf3SJzNVt8Pap\ngG37\r\n=TAX0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDlRx6iRz4QAnusWhiHvvOmoOq55Estvo6Q+ARor4l4QAIgF54kPlTQaUAlk60PSHTeKKFPijF/jKV2XkxiKjxD7IE="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.24fe7ba6.0_1614965194726_0.4924955043030894"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.12c477d1.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.12c477d1.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.c7d98fcde.0","@material/theme":"=11.0.0-canary.c7d98fcde.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"ea7731f325b77f7ec93ac77e442625ecf14e7f25","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ea7731f325b77f7ec93ac77e442625ecf14e7f25/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.12c477d1.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-GKCXFEnUkbHiPA83zib3qM/XSgM+rMQ6awxY/IgEFTwlNn/UwXhoRbHlyYm1q7A8kk4l1xoZ9f99R7xfQuXXZQ==","shasum":"5701629a4e0fa175d23f709c44f72221c20becf3","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.12c477d1.0.tgz","fileCount":16,"unpackedSize":71076,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgRqPECRA9TVsSAnZWagAAiEYP/3D8IzGt1waixUE05Kzz\npJ9r9dhQYS0OEtuCR5IHt78J/2LVx211SMozeL9e40lzGotAIWUiq8gueKx2\nMNyyTDsgLFadUdTt0ler34bUVRk5DlH5IcOpZhQN6OMBOMBTx+XFMsL/Xm9z\nMmv+qPPBcSXipdvyfvGQ+dWy/+mNDcVqXj2DrECV1xXTTz3aMOAJZSxBvbeR\nqEhqhk3hk00UrtQpYuMBxSFH3xE+g7Ip9AB3Ga/29bJwwWrrSWegxCq2yTUx\ncilSChTF6fEUp2plo9L61Lokm5XfeWAfhH4Emhe8DdWvIFmM96dRq57aopiS\nZRDhPyXLOT6iwQJMBhWJFf4mv7sMO51WIG3sZzPLYCtcq/AmPwNSQmRPlgGE\ngCnfhGcZisNp6sbFY/WCQfiGEZowVDZDnEL6qnsuopnijIEi/kwmXVKbCXmF\nMBR0XHLwPFXpBO8RBtJt9aE66+SXuo++UsSdyNmRCEBGVAyNL/OQjngDXtBs\nwEJ4NkjvxeYOJhyQfHpWL0bFq0lh+Vj0LJ/9twWqEw0uTHu4/wuJTf4P7o/J\n9CwZbLDWl5nxUZJ67Ha6QCAhQ1H00j16rqKTtSZ2NqyMZJJ2J1sVNe/awe+t\nlvt2s/EkNkyHuqkHIueMvbPT72A0ueIdWUabGWtluMOCTjATwDM5lsVf/m+I\njZHo\r\n=CfZA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCNnPdTOger3ecD8vYfVPTDkYZZdVcJFYawj0ot7RkINAIgD9X/oD5vjb47sGdHOMGEXSjb9Y4pvalfPpScvInzuks="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.12c477d1.0_1615242179845_0.7989392922164305"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.4c38f801.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.4c38f801.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.c7d98fcde.0","@material/theme":"=11.0.0-canary.c7d98fcde.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"2f19e904d6306b3a12d41b0158ca0c3fc34362db","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2f19e904d6306b3a12d41b0158ca0c3fc34362db/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.4c38f801.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-l1GA/+2fQORN9HW3/uV31hPc1ppMOYwneoYaT1yG2ADL5tbXREuYvGTbkwnAXABEz+4xAlT1o5OoVwPZJsfR/A==","shasum":"801be8cd4297d0d1eedfe0a3fb4bc2ed75b5bf15","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.4c38f801.0.tgz","fileCount":16,"unpackedSize":71076,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgRrINCRA9TVsSAnZWagAAg9oP/iE8Ya09TCYfvlsbgs4H\nMxfbbdD6N7YZBmtxdk28GVjUQonW32XIhbsk55BIx/At7HlZllCl6j3SiFdU\nkP5bVhzc17RhUFHQ4CmRJdwZDwDB8TiHgWKr5dT4N9i1wjfBBPkbvsJjkFcd\n/gVg92ZRb8vPzb/hjPtM+bTfG1yg4OgzzA/wsdIItL/B5xTRSgaSc64YWBHm\nEF4erWLwJo1rz7+28HwDZ/NK9/g98Chuhqlj8LF+MAeOWJ63Rmv4GCj1MDBh\nR53rGV4NicY0M3ERuprK05CjeCEVjZrYjeUK6EfqJtpFTnhhLEtBFB+h0PmR\ndfKrKHyheiOcjYaRqQ6etqeQJhBsnQm/3q/zXBMf8Nk8oBNnYXVc2bP4mgEM\ndegHFcfYr7gJOMNutXPhMImNSmNTt8lLG+q5vIGbfVbQdvPHnKInJAm5qGEO\nK/EsP2kPieR/j+xpW/gLC5gloe28XZLhG83YGzgPjHvYuyHt8qeY8jv1IO0G\n0yCf1o3kFn34QTjBRdzoDGQcRUA3SHPq4nPae6J0mp8k2RNlOXeUBOsbCo4h\nhALxqTIb/owtdGCVbp0218mQa5RUCIol+Vfxu1Rlw7VFmfmmtZG2Y9ymd+y9\nT58H6c1cig0IOnYkP1wx7kISgLTk8mVlICFKl5YrCyMfIjc++36BkFNDOVFS\nZd4y\r\n=MOy7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFEOcxoy5p02KteNNe7/mqBuYOj7GZp7O12cTAEygTELAiBBgfviPcS9dqHyKhv4ddTdSkfWdoc3g5Llbivje0NDbQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.4c38f801.0_1615245837261_0.8862671726982276"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.8795b83f.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.8795b83f.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.c7d98fcde.0","@material/theme":"=11.0.0-canary.c7d98fcde.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"e3e75af3d23a6f47c66e86d2168ac672364726c5","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e3e75af3d23a6f47c66e86d2168ac672364726c5/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.8795b83f.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-V+oeDYjnFyN3qp28nlPGjaBKndX9245+1w3UVjWFWPINo/SwXS2X+bU/uyR6ozJEjjl7XI7sQg8DmMSAPuBksA==","shasum":"7897ae6b3c919a41ba92c97f5644c37bc3d1e99d","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.8795b83f.0.tgz","fileCount":16,"unpackedSize":71076,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgR73vCRA9TVsSAnZWagAANw8QAJFGvP+6O/yqDH5pwVAj\nYQNXQg3ucRB1J1VepM1NGjDQMxw+R8jBdirO/aGJUIhOl1EvPPWftLSOz43r\nFQQSqy1Qnkza/scLGm2TVg4CWeP7Hvm85U2kWNcDOU9FgJ7TvyF4vICVvstu\n8pWKDdfgb27spETT4oJ3FVnyUjnES1pky6Kg9TA4OeaTUGM5nRX+hHT4VYsR\n9Z4VQ+cZ2KCQ4kEF6LJ1RWeJHXca7Sii0kNOFiw+KYOAETb7toSZ6GNRimcL\na4ZDd25emRTIIsFtK/GmUdXB/9RBZnkTIScx4IYLM0Qw9UvftgfxIlND6lro\nnIMDugjwLKOWnDP6zlQ/u2Vn9kuPXRdWMRtDM/EGv9yGb0xGBc9Mi+yQftoo\n1axlIWY1f6zhcyzgMdlyM0ttsgpON4aBiz3ZHhLdsZu/O3C1x54oY4NDDllk\nkXiPN26v00aphK0a1WH7Mvvb99Lhc7WI6RmK8IMTuXUV438RyLRoDgR76Ndr\nAr4I1NtRndM1Ia5F3ayM2d9oZcnLF2AFOnVjLacUtOKZPbx6tIpczAiF9TXP\nl6p2DCAdm2A+LuUlPt3goiTP257s2smRZVTxvuR73UqDbAQWjxx4TDOft8ls\nkbutX2dICHZlq2VO6OLKhcSQvoXUE6z9YtAnY/I4EWYJrlimHdkwXDaEqFEw\nXj1F\r\n=LEJf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCw0pm+eMUBZSczAA2L8R+f6yKDiTSEBCVdhpC1ZvD8rgIhAJCg+UjGf23S1+HgDCjyMjcdBzPsGMI03sgGFDPbOzPs"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.8795b83f.0_1615314415380_0.6433978469616972"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.12b84cb7.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.12b84cb7.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.7522dcaca.0","@material/theme":"=11.0.0-canary.7522dcaca.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"1f49d8bf5098f7acbc51aaf3dbc6880cbd46a2e8","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/1f49d8bf5098f7acbc51aaf3dbc6880cbd46a2e8/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.12b84cb7.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-5IIJNQkEuyomZMLoXcVi4BCYdvbuxYjKOmYY0ofXvN+HtJDWLkO+YMQLCkj6Mylyg3oHznbfPlHKgc+XhKzOUg==","shasum":"9b7d7bf1f2bcd9c6e057c076205c3f4c4263ae17","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.12b84cb7.0.tgz","fileCount":16,"unpackedSize":71076,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSBWDCRA9TVsSAnZWagAA8SIQAJWZ6NfZG31OG2SPIoK7\n3V8cub4qP3L4WLKpHGJ+6t394oMCB+HjxQqZVPcB/Dq9LDRa9WIVnon7FR6+\nzOh2wSTGstw1ImLeSmHXVil4KtYmPslSvI0OImASWRvRn4La7yINtYtvZX2E\nb0dU6AruMucUlv709c2G+FsNwtsDLk/hKRabr6uISsUSXiSK9Sln/gRgGSBX\nuFP2E0NAQUGtU5DpiwhOL7cBJr0ash/4nkzWgzUXS4xFgjHCHyKtSlt7zcUe\n7kwHVwqb4mqL+6Ql8UcfY37kkdvX3TfrPKVodohFBcQuo+1QV1hT7mJocphQ\nVYBnsIAFjJoohbbmj+4AI7r54zl0GnjaUT4tpgKVLVuctVe3ndZ+ERFAbZ3U\nIpSmNx9reugGPTgLvZNkphEODZxZq69CQQfLDQsFO/SGoCytJppJI4F32W27\npB1+Q9gGdPy8/hP5HQljYg/MCNfAxeQrz3/EjTpVyOCVNQvGKDFjRAI6e1x5\nBJWIKfugMWLZ9WMg4wXfXzkY94SCw7q4/PSttghunzXbV78u02qScOwqOByU\nh2NW6/jCwv20RfzzAPBJTgyXum1I0DHxnJtj5UOTfdNPWuCDHeBbtjwGVU/N\nuHA5PMlRv5ZJT4U5sWxlFh+tjfGEK6e1EUayYd2Nr9IggXbmI5G5YFlXPksJ\n1uPx\r\n=Y4mv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDNS6kNhh5KkLU9wqgQ2fwxvmrUwW267hqqnH6tC4bTJwIgeXb95HhSoCku4k4WMKMALSg3HyB5X7Y45zZ8umyAks0="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.12b84cb7.0_1615336834700_0.9050626208191452"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.6ac6784b.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.6ac6784b.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.7522dcaca.0","@material/theme":"=11.0.0-canary.7522dcaca.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"c60d8f8df8e8260f94f9e15fccf93afc356b0634","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c60d8f8df8e8260f94f9e15fccf93afc356b0634/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.6ac6784b.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-7N8OiPHlRgSMr8OKz1ML2rKMrCjYo6lHAZiY83VGJ8KpZw8cHKmGU7tWibnUaq+BypsoInVEFAxtaDsWvPfTmw==","shasum":"a4f88b4faa7f16167f4836174eb3f3455b274059","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.6ac6784b.0.tgz","fileCount":16,"unpackedSize":71076,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSBfZCRA9TVsSAnZWagAAZJMQAJSxv2GwwyI/w2JC07YV\nzy5Vp8Keqp/2fNieqXrJo43Re0d7su2ijdHYLCd07nKUyxKESOrnmARKe81W\nDg/7BA7MV6nA/usH5pTsK8udMB9NyEScO26FRmH3w4Fep+uFqpA/BL4e1m1g\n6IRhrg6rRaIluWBN1xU2d0Wr53TDCr5IVTk94AlvCxGHGbgRr6747OS1P+VL\ncGMdQc43Jtl4HszyyFKlozbE7WqDmJYLbp76KtQVwYCKrqPamPxWGJwpk8hp\nqDZlLFVFarJxDukpkUQbkIj2OwBcaOErKU3ehimoYCLk8a/CBhoC2e3n7Ab7\nF+AUyDgOlnpxcWG78o264ZWGQ9ilQ3x+H66cI0up1Pmm/nR930XyDCCBJq1f\n9MwDbOaUFtlAR3VGcbyHTeSzFtnZuOOfcbG1Jv13D0tBQt6FWNkNaEjnMkE/\n0w4ftq9EoueHNisvh5DxpQT3CHFHTWwWwbMXFcdbOhQ0vWGK8RUbyqldQNVU\nySa/Fp/2cs02Jmgjqwvrf1Vg1lygP1YjxZmHqVygtRHloPqJSqDTE3bP/khr\nNAU1XQo37ognadhBAONLsC7TIr2O5TTvO/u8TUCRfgjLcfGlyTRs6VC1IKtr\nj4TCKxJjr00F34lzRQfp7bXTNsYPr76bFF25orci01V20QIf4jR8KsVjWWK6\n7+sc\r\n=fDxe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCAi7kPfDJKu0u6qLveAJ1f+MLmfuiyi0UpHgbqHqMu7gIhAKPTDEGUUqZSNUkTRZiyJn60NMPJuwi6IQPIOInBC0H/"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.6ac6784b.0_1615337433354_0.09741386449153744"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.b6d92934.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.b6d92934.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.59010b6dc.0","@material/theme":"=11.0.0-canary.59010b6dc.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"82c48b7f335ed9103a3bbcd062d3163b1eb661a1","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/82c48b7f335ed9103a3bbcd062d3163b1eb661a1/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.b6d92934.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-jfN8ZZ2yG2lVm7pwcFYXJme5FR9sin4MxwrhHswPRbcXk7s53qlI/oePR9VNhLuf4SyNASmGE6yHJ7nN6VbdzQ==","shasum":"79469d39ea60a4dfb522f6400e7742b4234225a9","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.b6d92934.0.tgz","fileCount":16,"unpackedSize":71076,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSUFyCRA9TVsSAnZWagAAxLcQAKKqi4s9yBhYA/iveTd0\ny4jx45UMszBo0tzVAq6DV0vCcwo5Lw1QUVtlINfVd2/5KVkbY0e/MTs3/isU\nGBIyKagXHa5fIycwcLgRDK3jBzQvfxtJ8kj0q/JMjBnmwfb4xR2lINn+0v46\nua5SnLgLuZ8MF5O8GLG+QK/VQPJEZ450+c9SOnGcl2qSa8SvbSjH6OW8c0Gp\nnt6FTn+bH05iRJgecO8KtfSYPsT9MLlLO73IrKeybFTjiVV/pVFp0DXJDZIf\nwapDIj0IaaRr2cWK4yQOBZhYoSS9X8zOn2CoftOFtq/Sp07I8MqV2Nmc0yIG\nNYfOgpfea1hUXZkSx7ISFSFGSh78kOAI04X+hMBpKZba72ugcTRDOfRtFVKF\nfaOSYS+wUD3UF2F9SJmbyyC8HKTpyTSO4BF1N6G6WweUDzPQPR2q1DUFlmGJ\n9KrUYVFWXHwoFC+qilCImaa+Kg70DYRRUu2xKlGfL4KNUUaaQ2d2Ww6Ip2L1\n86Mqz3WZlPyvdhrQonupOu7B5UvDxSF+Du7DXuZZmHi0AYMpiypuq2R6p5Xr\nkvVaGVcJt0WzYQzdUVrkmQnj12VwDrxDG0mbROF/iRBlA2NErFxDWXgVLtdN\nVApPeoQ2GQ9z8SHlTn91YiM7Q8MV7qsj4MlWdJaBAD31+7cTjFhzDYdoQdk4\nSzXj\r\n=fdRo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEEj8PdJ5OnmGsVJcX7n+afHFD2V5G+3DbP6wWMbicF/AiAX6W9Gsf9VDM72hqtePuMzhzBQHf5L7JWbMKb0DJkCJw=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.b6d92934.0_1615413617887_0.0927716414568227"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.99a55b9e.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.99a55b9e.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.59010b6dc.0","@material/theme":"=11.0.0-canary.59010b6dc.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"8b0d740e8ff12f180cf11caa9a264f3dda6542f7","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/8b0d740e8ff12f180cf11caa9a264f3dda6542f7/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.99a55b9e.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-fkjQZbE6/i0IoYalf9yMgeWma0mNM3eBzs3D/IlM9fX9EUFPt74Fr3q5XJ8ngyhhz/SNhXCo301MX13oRbaKNA==","shasum":"54591fe5b0a1be4a024a8995b16afd7d9ef3f58f","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.99a55b9e.0.tgz","fileCount":16,"unpackedSize":71076,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSU1eCRA9TVsSAnZWagAAhcYQAIRNGjy7fMjcxxzt0OGI\n25KXoQekOGYolUfPGjL3jo2pVQP93D1WDl7f6GvFaZ7nXqrAc0splLBRJhy4\nEuYtxz0tGTQqKumkI1+iIbzjoREO/C++gH48krQzwRirvFG9YpKalkiYK+QN\n7UpTR0ROKQMPBpBB8wmu088aAfTHV2pZ1mocHY5GsI57glxKpzWw/D1yGZFM\n3e2tCjPaep8CvLredFxLCrcISpbhiUND6AgRaiKGSoAQ3px4UIvaWyBB1oqG\n2YO3Wktwm0lgFC6++Ca4fnGWWcUC3/g8bdndur4GUS5H58yLHaSnAiWX+bqg\nRFUxXxui53IE7RC51Wc/fgKCXBvNSvMx0YVT4vVCQlxbI9pss+a/iL1mSevj\n6TWHPQl38vjffzEbtOPBXEWlZkIqUV1EQ4qr/JDLvWwtTj5XLZzkleUGngeq\nUG+BdktpsqR9RXezcPVK33HbPSRTwT3CyuQqcaWSJVB1Xt7r9LZ/tIWYg34C\nig7iD/o8BdFROQ7hKodSE2S3XKToxJFxKzyN1Hlw2VwKStaWBBF3jRypvC5Y\nd8tVU/wkF4NGlwgM+MjY/rLDE12H2jWpdZRsoo7KrYbU3AVlEciXOdjsAvcc\nX5VDH69Lx2zC+C7g0YP4Wpkfps1yk70EkJGjuQXZRP5RnaoMoLPoild/TPBb\nNbC9\r\n=/hcX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCL8gXhIYzXKW3WgD2ZHgPQ1f3f/xPQO73v3GRHBrZ2+QIgE2W7ZwjioYFolp9sPfxbR3zin5dhLGASpS+OlyQ0VdI="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.99a55b9e.0_1615416670127_0.5429032310963091"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.bb14efb7.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.bb14efb7.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.59010b6dc.0","@material/theme":"=11.0.0-canary.59010b6dc.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"00644005f58173e15c7e271bc9c226535d1bbbc7","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/00644005f58173e15c7e271bc9c226535d1bbbc7/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.bb14efb7.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-A98i4Jzru2OPVWVSLI/dvpPy+CcQ0Gefc3hTkGaWFFvThdJn4pxd9z4t3i62wr+MMzSA7lTqNQS5i74PZvRMhA==","shasum":"ccf0ad4a30677d4d8a3260d99ec157837b4e48cd","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.bb14efb7.0.tgz","fileCount":16,"unpackedSize":71076,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSVgLCRA9TVsSAnZWagAAXqEP/RoX7AI3BR86hDuQXjxJ\nIvRFYt492k37xePhhOyYrQ1v4hunZWIKTEln42w/PKvQBFhsy+kCJy5hkg5r\nNvenDylCDiOIFdbHOPD5zKv3R4M7rU4u6MwBOvhVU1/K1uRLXnZngsIFzXzQ\nlIhPH7UzsgdVSV+cq6rThFbyRjOZ/Q39qNNBesy/5XdFhb1aC8Ay7L548XPn\nQKERatlajIk6w+8tTQrsw564h29O2dxmkYLFw/DGxyrNesb3Vi5HJnF9no52\ncxu3eYQAQz1HY1wPpIVW5Qv3ceyrV7nwC4zCYHc3wRMydmjBaVqRsiTRz2zl\n6+eT8Qco4EXBoIwcfNowpydLHArxQkh2s/WoTSEqeCw2VgRkkf4laahWSGsS\nJCcHuTY/9xSHQFzY6IVKkdw3d6rP/aZp0VKz3VZ67D7zgNS884qbFWNAjZUS\n3TzZ26hxRaz2UAH4HaX6rztJsAWogndlcWqAeAsPyeQzpGhhfRK1gfLpDp78\nclm75Wlf196ijld9q0j2NhEakJpacm5Q4tyMG/KFrM4f9Mp4lV0oj1qwg6fh\nkQ1iYSS2S6u9F4sADwiGkUXQtdMNUgU5FcPwbOdOslOcRWBb8WJS8SSm0wZL\nmelXJHmYsyqSwTKGkh5WxbTlwXDwlh4gpzFcosRP06ekIw7gp4E0c8CbUgz3\nGQ5r\r\n=AUdt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCSmdf9DAfF2AYSib2xFBQVq2IXdPBJSbDnWjC4wrH4BwIhAL37TVyhrPveazFOczOqLvCbLky/Y3Qn85Yn0Wi4HMbq"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.bb14efb7.0_1615419403133_0.18846388814388892"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.9ecf3bdd.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.9ecf3bdd.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.59010b6dc.0","@material/theme":"=11.0.0-canary.59010b6dc.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"536269b5f421223a32dd73271ba878cee3e04ec0","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/536269b5f421223a32dd73271ba878cee3e04ec0/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.9ecf3bdd.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-jjyh0V3c7QNqE0JD/fkcVUtGEC3QT8VtG9IVpQG+FzmbALBEJgo/ARya7U/dETQ6/GDVk8rNCVRwJT20VPL6sQ==","shasum":"04bce2035e5076731015ae172f8134ebc5149fbf","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.9ecf3bdd.0.tgz","fileCount":16,"unpackedSize":71076,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSWLPCRA9TVsSAnZWagAAwa8P/3nGv19kD4C6BtbND1u5\nMhPlTtidvFgl9cS2uIz/X9g8lwlatSMykY2kgiC/yK6Sp7Wvz2t835cFa7qg\n6vlUsyBiAIPzLhzcqFtPlFR6LLHvkUAbL3j037HGCVUe2khefsFEZxetHKvv\nHnHPhufGRdPUY8RkqcSAFkk2cCDMGzK53JMrW5Sa6BvnLZUdM2u/sd/p8wO6\nOpR7VfVQKip7E8hnejKExDtgfUnLiEkztRqBeSZaOvyWSePhSxQKy7Ct6TB6\nIPSifnM0BixzWGQ8BL6/3e/Xa5BQ+EhW/8cSHU14npPa6R5KlHexa5am0C/b\nKPW7tzGWSjf3NouQm2W9i1mjnMTNNe+D3qZfkj6E0cwRAOItKRltQ4UHE/f4\nLzkNL47k64nL/76HoH6MlL8C6nwfEbtSLHH3eOztdcLoYDYKNb13KyMzYvor\nqhKzdGQ8754C4DEFGEV1Fs4A+7eOib1yuVdLF1C759ke/J/myE9sv1mVqbbL\n+NN6Ie0jcOHWRupT0RUX17dMgfOQo16cw4KlE5dxTe0gU7B+WGgwb14NMldr\n/P2wPbZg33otJLv3iATIeNIWElWgmtqBxN1fzKZkgMj6qa4LMAjAVmh//Yxu\nu8M76GEnesctL3dL8yfuTKqs7mYxVZ648yxt71wn94FFywv347wNHgmz8NSI\nsPMe\r\n=20D2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD+IcnrGRa77WOvbw/Q3vCC3to9DeUh7xUw5HIRMRGq7wIhAIizB6ounByBNveAzuKW8vA0/UbuStvMTDkB9Utthh0B"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.9ecf3bdd.0_1615422159369_0.6768179451422482"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.7c0e02fd.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.7c0e02fd.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.59010b6dc.0","@material/theme":"=11.0.0-canary.59010b6dc.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"96acba80bdfa05054613c4753b3c0211e2ac7a76","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/96acba80bdfa05054613c4753b3c0211e2ac7a76/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.7c0e02fd.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-yLIgr5iqeFg/vLDdhgAQMTEsK8wPfWVExpRlrnGe9bT4u7/YibGIW+lvMkAZL29991d6euOuBaWiZ4iYm8xVMg==","shasum":"7f44b808b5dd6a4c79c0e016bdb8663e5b7535ba","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.7c0e02fd.0.tgz","fileCount":16,"unpackedSize":71076,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSXZhCRA9TVsSAnZWagAA2z0P/3v1xtoLQC88NQAfVaSp\ngQ6uD4pvBUhmQXJEeG6CLwdOCIz4Jkf3SchSP3qScQB6/bYvNtRO3AsR0w0q\n3u9Jb0dpg05zZSHDOzkRdPUNCZh44nnDSlnTaMzkEfaDeTHlYvOHW9WDCVwv\nfGVA+FYtZ4EhcspFs+1iyUAiqEHdOyYO8C3qnxYdWhjtEPKGYw+MG/DCGd82\nfAvyqdMGN2cckzNhpr/OsLcjQTZffPfQ+kyr55ujBCa8xy/HazqJZkNlzTd1\nMM2KwJLYFg3n8dwqUqybSK55IdWYZeI/3u2YkwzFBzTrwhkYLG/Y12hrbMYO\n/URPggsu33bleK5737X/+oal9F59f6hg5bWoeiE9xW8PDKg0y/KPDPeXRvop\nddFU0KFRuDWMCEryJ3ZCHvM3nRcDjCQnRotd1DcW1VVr1/QpK44KzsXqoTkY\nL0CQZTyuGHS5FlrK1gUZxbzVqjuIBmZ3ctir/TVYRBeaJzDs7hntFE6kJCXy\nN0R/b1YlEE6WrB/sI8gO6kpD71NHh5hn/4KhxcZm0O2LNmFkESiKnsURG+Cx\ni7JOdXkXOfNf42JXkqfNx0ZKw8VEV+BxjQOYt1VczvIS0nYKcS7aePVBXkIB\nrlFxJZjOf4elOxDwnssnyVlWh0ztrreKTBXe2o6N7UVg44kXoYfcYxhJwbgg\n1s/u\r\n=b6Tk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDi11gkm57c3JAiz6enHYV0/J//DgyNWzRYRv07Nc1biQIhALEOe4/tAEK+z5YX9sic/1kt8frbP1AIyrdupZnuoW9y"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.7c0e02fd.0_1615427168659_0.02342867005390481"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.2d6d59cc.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.2d6d59cc.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.59010b6dc.0","@material/theme":"=11.0.0-canary.59010b6dc.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"52ad91ef80e9719962d213826d84928a37cf809b","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/52ad91ef80e9719962d213826d84928a37cf809b/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.2d6d59cc.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-vQOtIW1lLSq7c6JVUi595Z33Bk3ygewf/gTdHeJvfodzYcdUomwypGonMJkWMqhMLkPhq5tw+7PPT+xgLTZt0Q==","shasum":"efa844535f3b04b494ed35a417b10fe45c10b293","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.2d6d59cc.0.tgz","fileCount":16,"unpackedSize":71076,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSmFbCRA9TVsSAnZWagAAapgP/1STaTd239n7WoO3Y6LX\no3LKO2G3N280FccndUBCLjtxOlAT3BNCbBcMekqdLydTQkDlLKloyDTxqH42\nq0Ip24TQAZuBOt7803RcPnA96qr5o4UkRKsCAUFd9mH9L8CW+0Qle8D2oV+c\nwYisw9cHL7CvDimaSX0GvUADwn3oQCi246/XP2EJm+1CZbeUt1/jXz+wxNSX\nPSl8YejRX3+WuBcAMb9A/V/FqnEU9n+BhtLeW00XTITN1xTI3LjTMAxJlJEk\nD7N9z4v3WyjKIQWZh81d3vfTGNXxrYExbYp68bnZCUamDe8sCjWHdF1NlDiY\nDqmzaBnmTTZArGMPUeBYrIjTR4cEvcT8hCqVlgyBpCbHvXgiGLTe8fhwPJgT\ndSCg0of+1JBWkzb/Haaftb96CLdnrRiYWro6kyNB8pyfwB52CeP+xyUwDJPA\nuK3TGjNp1Nth5nQE9IK1G0HswQAQTjJ1VcUZea9Y2vrjcRX0N5OLrcR+EeJN\nptGrnBlkYgvlxVbtFbq9kItRHU9iice5MYeXsPSbFqgh0pE6AYYMyUzxwbEe\napsqZ4E81wYDR2m0P2Q2+10175UKNIlCY8kdQ63SNEUQn9biBxisbhDXZf5t\njrcmwyGmv9RNmWtUfuVTcR5NQhLLhs061818gIb17yjpAzBGIsYwfQRqzKb8\np2mV\r\n=Ex4c\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFVlEd84ePSRUfSVi/9QEFqGsxmFC5JLvLekuqhxXhS4AiEApRucAxwgmwtIWSnac3RTgm8k8Ohz8gSnngA4RTuFfjM="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.2d6d59cc.0_1615487322768_0.0976102816406288"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.0138863c.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.0138863c.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.59010b6dc.0","@material/theme":"=11.0.0-canary.59010b6dc.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"851518435241b4315820e91765f5b26a5537c63f","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/851518435241b4315820e91765f5b26a5537c63f/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.0138863c.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-1EQAsEdLiZeoqvBA4fNDTgLZ4GBcSTzWG3x3KlDy3hvvFTEYsolrsDLv8jyWr+6nuzoGBRDzXPnoOEwSbBxddw==","shasum":"495c43c13cacba57231fc2582fb049aefe376142","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.0138863c.0.tgz","fileCount":16,"unpackedSize":71076,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSmMVCRA9TVsSAnZWagAA00UQAIckoyzk6q1kYM/0iOBA\ntTvE9lZp6rtB0RqK07Lzvw12Yt7WasOWGwdId7udUi6NI/CgxVQXxuDSwGqQ\nMZ4yog4ddIca1U3Ec60HlYx6X/SdxZ+dWZ2Pc5WlMycrfjRTnbNUKxzBTFIE\nA52ErJ2FOOEzd+oeyNKBldGYxCVYz7vonJN2wiMud5ZTjY4awI4tVYj/XIwo\nl0h6+kCVaXEzGqGtMJBhfaKyNOCTXz3EZID0p6yMeUyNk2ti2HSuMADjcNPz\n67RXMfwjIuOiwOkPSvYAWdFSstMDAFOs3H0ga5Daz3f2cr6Wq0dNXTiCJg6v\nBcq2D3AnkzklGivBoar5YDdW+v4XcrHWTHGHoETqISgJa0/C2eURD/iTS9pm\nbjh91oZREWD3tcRLa2M6LHksp4JE/qHqe/3x6YJGhgR5cNmE30BdlfAnOM2y\nFumC/85Y9Yl3oZSPJyecr2GaDhquOuAWwijo5hM2vnKMketuTYZRt1cy/GaD\nsKqUfuQ8nafltXk58lnyBKdq7n4fIM9S3tljDXwfI461qT7V2z0+rKpewWYn\nyF2NVjfO3tmyVgo86BO75qrOcAUfJ8re80VpQGH5zOIZBgsR0Aiyj1ekBjIU\nRfOUG6GnQC2fNvyfV5uyzrstib6MVdXKHxZIFMEsjZ8VDOfH2yvry8EjypNY\nAbBI\r\n=V2bL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEMCHyXUIndLtCNTIqo8Upf9fCnwtjG+/E/y3DBKGAD6IzoCIBbNuUA4L8QaAO2wOL0h3lD0g6BKBq6ydOtEvKaMIEHI"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.0138863c.0_1615487765248_0.12485665636377297"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.926f5bad.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.926f5bad.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.59010b6dc.0","@material/theme":"=11.0.0-canary.59010b6dc.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"516a00bc24de904c4782b3d5f4f0d285b7fd1d3c","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/516a00bc24de904c4782b3d5f4f0d285b7fd1d3c/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.926f5bad.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-zjYznvqaoXL0EMrnBZ6UmwrxhKUtggsKHPVYeLHUKKQxJa7zmwf5S+pI86RM/x/qUqxT9xf6sGBh1sw4chcllA==","shasum":"8deb4dd30db79ef33152d37ad95cf396c5acc8ed","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.926f5bad.0.tgz","fileCount":16,"unpackedSize":71076,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSnsDCRA9TVsSAnZWagAAMR4P+QDoKxRnZP2jVxxxMHD6\nsdfmBkyFbACV549qdpLOTnzqeh/uHz+BGbqC8Fl31esilK0O/c1mn20Q/5bg\ne1gn0N/54KZAvDgqAHliwwW9ehhjaH7bJTxnrrh72V5KkKYIfsKx5rGWc9mA\nxRufBv8YSzFELulTrIF5P5ZcTnk5v/R2M4CQDiKFFICSgO46pnbNCKtvRYXQ\nOf/4zxkKrkYlysAxP+SJF8500LpSocan4NsY5KXKpvIXDetPh/KDclzsJH69\nTSQBdCYrIsJpQeMoRDSyZbt9npiwZWEiRWASCDBEy0/A5qn9Ms6YPImT5Fh7\n1X10kUFg++1GAHdTFJ0WgR1jBlj74yb0xvjVUKLhdQBBFeQH7l8gUkuhe+DE\nBqtCFI0B1pQtIKNCzq2WA3m0u0y4vhhNat/qsg3V7i0WIhAWxA4kAH0cdGlH\n0Xz27nyvzs0RzZ32nyKNVtL8wnOcR1zBceLur0cAxgjP7gIESekejAMkcW7R\nbS1WHH/7TDyopk4OdJljCf7JXCayWH3Fqt5yyUCmAHK2J+VC9bTGTBQytPpQ\nc8NXCXqqJyjSDj3YoBktR4hBtN3QketmVGTuqaHbFFrrnZ8cKyw0dxnzopXr\nqeHeOTPEoWFlALXvwAuk2uISN5jDL7L9Hayi+kVIz5e0pzXcqDS+f2qNoJxS\n6838\r\n=8/yY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFh5CjNrz7I782kZpfJK+bmWz50mzMxI7mMyo0cPsdzKAiB+XjqnWmuoZJeNfvepxdTVcrvcBgoJhl/JLUYidpe32g=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.926f5bad.0_1615493890576_0.6346753551475568"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.520290a9.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.520290a9.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.1e0653477.0","@material/theme":"=11.0.0-canary.1e0653477.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"9817154a83b0101256b341e18843332e354f6c08","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/9817154a83b0101256b341e18843332e354f6c08/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.520290a9.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-aGTBypNypSWKYWShi8nD03uQRre92qhAdrVrwlzu/4ZlOQKIetx1yDPGTn6YhxQkhDmMf7aXHt7oFgNoXaM/4w==","shasum":"50b7129c1a90c074775a9f5bad6ce1c0db314ea5","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.520290a9.0.tgz","fileCount":16,"unpackedSize":71076,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSplNCRA9TVsSAnZWagAA0gQP/3JdZR1jErFRtc/TQLYb\nFR3GDFD61JAsI7pYjVvYqPbI/uhmp/4xBKxAE8HuOxGttAdaA5fHOBYL/tf1\nMOjbm3TyZcmkMDSFcqAxwrhHhJVg+mu45bjL8zNgxfaaRaMSecr5Cb3k3Tc4\nmBHCmLNJ9LMT0Kb9pltPkT7hfGrUKZuA3+oILveqYQgfio6oNsC0ol65mZOw\nmfdJUd/bUki2+18Ohi0gqwkoQlVX13EZo5cyyLnRJdReDM46bpapXR/wyzT1\na0XkPZG1urEzmWv25diKY455pDg2iz1rAOs6N/fttcyo8nh4AlFFcvayC/0Y\newDBMYH/co65YesmzrLxuVsyVmKNN9Nql05vKLB4+IPmzVejTmOSl6zzEJ3y\nQMDsQxZL1n1bMpAb59950KI0fQ2Mz5nsbV7WiLs3eqEDrB3nmF014hDlIvAQ\nEDw9c7h2WXDlSICxWqWFmykoKWHG3XIGmS2uQ/OJZk3yUAisG07fqnsys6Jw\noi2eHvRm4GHSfyCcQmHXlIIIBA8ovj+fM+C9ZUVbfa1QMU6Boa30BybZkyPc\nJ+WS1Tb/g1nV0oezooNCSwXHFl/+oVdl7G3WSZi+DhZUQLGJ5IoZMAUa+x9a\nzNC8TKbrLwu3k6GMlTlZnAj7rIs+OVfUVX4ocgyuWMRB9jL+tx6G5b8JiYPn\n9PeJ\r\n=raTL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDcgkweel7cJ+mwidiOTduMr6WbS89x3X40r4AxcVXTWAIgRaVCuMDnyfZwjCuvouNvkXoT6m//1T6F426TkXSm2KE="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.520290a9.0_1615501645309_0.3227365282971191"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.9ec431d1.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.9ec431d1.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.1e0653477.0","@material/theme":"=11.0.0-canary.1e0653477.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"d7159bb385f7dc7e6077615de2e9bd441747fdc2","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d7159bb385f7dc7e6077615de2e9bd441747fdc2/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.9ec431d1.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-YPZkt+Wn5HkaVvQyb35VPbXCpK99f9h0SCpE7W7QZu3ALCI0zLFvWVCsh82hO2FoXHswQOM6t3xMJUIcm2Yr0g==","shasum":"1cf9fb1a11fc5682f20f1c59dbcd7ecb849f8cb8","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.9ec431d1.0.tgz","fileCount":16,"unpackedSize":71076,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSppPCRA9TVsSAnZWagAAFIoP/jJlH7Hl8ZvDtfbvFQR7\nKplws1s1ZhtsoBkDNdLvzyRi6d+Vohc93clKmiAy4PLYvMw/tFypIdFCRYEp\ntuhaPS1V7UZ01mdWwkh9fsSgnq13T6RV/uj4lF2JEE2SNtRWk/0IFv54VaAH\nLk7Om0UwflpQ/7RQbMPV3Wyb8oQgfQ3a1Cl1ucIETMArZViE9ecBfRXgJid9\n4yRXcXg+eT0/2AM3rZ7qogl5GYpV8BGJLsFV+ISVTl9dhI6jWeuRkusRWz7P\nmq7EhldO7jCs3PXhHMU25aX3Lu3Hsy4x8KsgEjUIIyPeLLGI3J65U1A73RN9\nEuv6N+g5+4dtLPQUj1WKWS8WxLvRiht3jlt9+/kGRNAW3m02ac5/MF1/LROU\n4Q+uxxH7QENoFAZBUKbxl7l2/kmTDRRBec/iaOdNOs+nLiTfCrOMDCTfXceH\nDKCk/xp2NZSVZkLMalyvyWftpBCWZEhzWzcOMfU5yEbo1gVtWQaukCuSevEj\neYm9dkrwgOqJw6/cDBxkSRpc5cHNutntTmtp24VdHrUwyI4sLCyEYPvGZsSt\nfswEwwtnGaUvK5jEZpQvZon7s6WwNnqLQo6+72/EAHDjKC1v9h1YERFQE4tQ\nOwCaeDSXIgyYbO6e/+vTmvLG67juPvMBTMhgQQNz9H/SxYEMhTZ/v8bh7I3N\nxPdv\r\n=D6y+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCriD8TfU9y6+kscrdi7HIg3bqN5nqrSQAPhdKvUSXxugIgDYHfWFnMMSfkJOqIoo2ayepYHVFS4BPy7GG+e0GEB0w="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.9ec431d1.0_1615501902944_0.36442382298484377"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.4246c082.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.4246c082.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.1e0653477.0","@material/theme":"=11.0.0-canary.1e0653477.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"571cad0df3b7d77ca4f17d7248d6115fb50b756b","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/571cad0df3b7d77ca4f17d7248d6115fb50b756b/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.4246c082.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-ySPFFA447l+sB8OWga0beyfKZrFo0vrYrJYmPv8aKk4vVI9prgV/43OiAVOdn5fbuPbKPE+gxTN18Jbe2YHOnA==","shasum":"740ee9e1cf64d6f79432e2a982c1a4fdd23e5cc4","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.4246c082.0.tgz","fileCount":16,"unpackedSize":71076,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSpv3CRA9TVsSAnZWagAAUdQP/1glpIP/N0R6eaJQVRR/\nbiwy6Y9qaJNdW/PTcXCEQHCZaqAUYzpme68oYkpYaA/dSYvjrtSYJdXOsvSG\nlt0psTjoy498ncKdit10YeTDVyT9Lb8byHOZcUtvAwdCRzpLr1F7uWu9TPdF\nyF+AE3fgzn0tJvLdCr/Mp2oNUvep7NBW+vuyJ8gEyLT/CQAfa30GYNw82pmD\nfyjF0+UsNcCXVWfVoT/QNhj3GV2YRo8I3ORm202xleUj/89yzhTFmGeQDHMA\n4ZmlUGvh4+GqTWYX3Cf+L/ei97QQFCInZ0edKACNxTcuWhHZZHoCLbZXkGZa\nVgDcxVBRZlY6arPVE5mw12DFGxTh7TgdXOaBtUc+NYsMsIL3lDgWtgBZgug4\nplFQIAh1r8B+i710tiI6lZkvV2J97T4MsN2dUxNNWtKQYBHD8iHiv3ZDGp0g\nBNuEYzKcNNVR02aRoA/wyZecLK9UVzP41eniDEFya906WB2esM0IpBEWeoqu\nCm6cb0yCXLT6GEgyZu2hvhFC426eHGxAY/uBy2ygLOdieeymhE7P+dsaLHWa\nwqYez4s1gd8Y7iDYWlMYQDKQF2hYIMw1/RC0fTqJL22ufolK5cwmdHoanzFd\nfXd0TxTyblWe7tJaPF7a8FBeLRCWagepAU2zogQ5zVQCyxWwkB18+wbGqhb9\nGbvO\r\n=SiAE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCsdE21eM9UPqDQCaFgyc0wF+3tqa0Am+BD824IrdsfXgIgDTmONGQp+fMz+ymuDwM15T7ugtB3aPNZGMyFDJOeC9I="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.4246c082.0_1615502326811_0.4429950406856442"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.2d736253.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.2d736253.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.1e0653477.0","@material/theme":"=11.0.0-canary.1e0653477.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"4d8c53039218a8da7cc5199162317802bf01f7a6","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/4d8c53039218a8da7cc5199162317802bf01f7a6/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.2d736253.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-HiV/7PRqriGB/5a/lCeK2ArHO7n9QrjjmcyXNei6/u37rZI7yULTOeLiu7Sa8hEz8d3ehGUp9Jo1mL3GAm9vzg==","shasum":"57be390d0042d7e7b321baeba5d3309869b3ab52","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.2d736253.0.tgz","fileCount":16,"unpackedSize":71076,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgT+EjCRA9TVsSAnZWagAAqFYQAJefZrHkUnyuAT5x8yW3\nAWUECBLT9nkWZktK/LnsDpkmZipS2BWp2TCkJ2D9OdIPUWcK3veyjUj0oM9Q\nP47INi20uXf6CgoiUUWPYSMOxQmpGLGTdJjcKWr+RQy/nEPXIYwqbm7wEJVv\nUWUhCiZcObbOxEiZ2TBq9kQQ79X5C8+nkUDDcQCMyTed2QjfBmDCM4F83ZXU\n7vvnAZjaccDP1uhTuTxUYRkvKbxQ1ym4Ed700za8u4eiuS+NFQyGJFPO+CDi\nRORNgJq7KsN590BRAOSMF0fbrozFwAbpWa/DplNKO2cBEvR8aku7cCZYUx8+\n6HB+Wb1Jv7zz6hrIXoldswDthU8ioKSlxebgYWyaSDME1Usak7gffZgx2LgS\nCcPhmilK09S51KHTCZGfw4I6sI3oQuPPgMloDBoo1mx4515YcPdqENOaka0/\nXhymxwyBk4UI0AOWz2EuZ9LiBKavtllBnIzekuBjqrhSpnwe2+4vznM2DKeC\nvfvebm3+VRWkIpIP4FW8TNu+w3H2IAtwO26PvLKFuxfpcODWGUcjIvMfuV3t\nP9ijM084IlRlFH/y+7bjp9PSdu0+E8+6WDkxL6bsTYw7tqVSvuNwMn12XY0f\nKq2jSmUUFrgskmXnGABglf5y4CxLj5DImHFAXJKGe6E7TArQANGg7LasCgUD\nqsFD\r\n=j6/I\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCJ6G8D362SbWei7+1eyIJo7myKQmqYzlYss0mXdixw4gIhAPUQkru42gTSwy6qQf1CUNu/Ex5ogNmon+SaNBdGz9vz"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.2d736253.0_1615847714768_0.7540139676127879"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.7033124d.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.7033124d.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.73a227194.0","@material/theme":"=11.0.0-canary.73a227194.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"7797af96dedeb3641f0889f0ae67bc02a1ff2332","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/7797af96dedeb3641f0889f0ae67bc02a1ff2332/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.7033124d.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-zauD2Bjl5EDS8WyrP72/eP996KTrJmiH1EOtkjXtUx78o3zcnxUf+eHSiBhzSfeJelAHipbJMDiPW6z5D47hJA==","shasum":"600c1d630313fe30b761ec9b8427dbe66294cf99","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.7033124d.0.tgz","fileCount":16,"unpackedSize":71076,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUPrMCRA9TVsSAnZWagAAwXYQAIFnVwIlLcX2MzsCT2w5\nI8d06zzxiKhiU2KSyTEiNKwz5jU+PXt566Ta3Xq+gj4RT8Qx9m4FU03YDTUK\nyH+59majkzdJxJ10qNOeSli7stGk+j6G7jPmYBwcQ8t6EwmMyq5MhvJyL4OA\n4JqljBQ235e5uE+J0avsZdNouCTuIDMHiIwmmJQqJUjxtupZ+VEWcnADzxsm\nQ4dRKipCDK7/PVgTJ42rDgpl++pJh7tGxHwC7oIdpA3tPrbkFjp3xdTgtB47\nvuouI2Mo1iexw9847k/iBvnJd2bOHfkNKbE6tVREyANiW8bno9xTkecQysKx\n3lA7M69oecbyPOs3/dG5tQePp8wpjJCTslewl51hsnASBhs8sNsXfzVA4Zi4\nru72hRZCzHJoYwRtreV+A0EyL7AoT2VHs9JEGVr3xEzdFlKkxGBVN5VN73Lk\ngnRcBpRVXVWoS2/6Qxf457b62++MG9flQkhQsJIL9LYpgrSYuIJsBATRkBJp\nUlMJdc/V5J6VYI672UQ3bpML60lhmYD+8U0o6NpGlABKOMNb1fVqwiOKDTqm\n7XxALDYPMgeGoiBlvKX3oOIq1kioOlzUnWN9Qd6dCeIkgB10jYCTOFjux+Yk\nAWMyQM3iyvnnEykGAedTay0RKuKcXiDjEIR8Cn9a5XU/Zh6dwurW/tks92Hj\nB31L\r\n=cM9e\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIARQl+iRLXVaI76OYC3YJSBZ0yZTHoKeL009GP5F1QlFAiEA9+89r6q2O9AW+johjYGAycGAmabTmFPp+sUA/1Z1wUY="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.7033124d.0_1615919820183_0.5242329259385712"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.6c0ee901.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.6c0ee901.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.73a227194.0","@material/theme":"=11.0.0-canary.73a227194.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"d7894da96b1452ae771bb3096b993e3f51ce8adc","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d7894da96b1452ae771bb3096b993e3f51ce8adc/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.6c0ee901.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-H8606PW4tnwVPCOEafKdncHpNsSmqLoaW3LkCaHrcagf/G9+I3h7NX47uxY2dH8zIQqHNWkpPHlaFOwnk8C5Cg==","shasum":"f249645d5e2d7824d1e2170ffcd39018af0be536","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.6c0ee901.0.tgz","fileCount":16,"unpackedSize":71076,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUTNhCRA9TVsSAnZWagAAYYIP/0lOGAJIAUtyppzkVCnP\nh+9PVSft0+w2TAi9oZF8NnKGC46Dwcb+JKAe8ugqoRDn9hKzzFljL/mQwhdG\nDGIVvn3PvUgQaQ0QITfyVEOn0gWOS2gct11dJmfy3RlfLWGZsH+lfYH3hKTh\nc7JFwHtgGpJTaJ0kVADF7lvVUpBtTYQz/McJDTW/4qXsHM+sgG71oGP2mc/n\ncd5or8fAkyKI3oLSPgueXSXg/KDfd1bbiC2PATQOFU8zUi6SwIiQN3EDZfeM\nm0EHl6uE0YvT7e75JOF7acIK0AwR32yLF+sOTZNmdy5HbjrcdohwuMycU71H\nk9g494n6nhhofrCNAiXSGktLVeFDRtVV13qlqMfDSlFMy1ILG/hJfc/M89jh\now3caos8Md3w0CJM0fPo6U5zEXH9+ei+E8sq+rRq6vy4olGCXAKrNTx0tBR9\nuCXEgwqx3xv1UBejSbLZxhXxY/9IJVq737a9DRNwQpVSdmd1g+5siTJyZi0G\nVF6R3Er1/wWNSd0BFd1e3Zm74GS1w0hyAFUZXpAMjxbC03Tyja84fHNePyd1\noW+gOOeQ563AN9yMzoXuwauWt4FJDD1C7teGhycLAf42OF4P/MO+cWRTXB0R\nnguuuEe23Yf2uGmFdIAWcUoxe7kv8ru6QB0xGV+4Ly4U/7NXByuaDNTxP/rc\nhsun\r\n=tWlf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCTf8ibmaJoQUmQj9Ee2R4knrlJyoymQuW4Dne/fEvTKQIgXKSSRosl6xRfq1sXUoQ0GEK/hhubZ0jbd2vMO4Qn1M4="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.6c0ee901.0_1615934305332_0.6964707415868812"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.7f0d605e.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.7f0d605e.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.941ca3b3c.0","@material/theme":"=11.0.0-canary.941ca3b3c.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"77ccd00da9f68d22de2494a2aa4f35b0da375669","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/77ccd00da9f68d22de2494a2aa4f35b0da375669/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.7f0d605e.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-7g7M4m7L8cUjFMY0QlPQ79DlPly9xknWRWHIisxucvGBv8JqQ49uOf/6mXhw8zT53rZmC9TQSwAXl66e1TEt2w==","shasum":"9388c45eb0824586e17a3bfad42c88f50990bb8b","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.7f0d605e.0.tgz","fileCount":16,"unpackedSize":71076,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUkSPCRA9TVsSAnZWagAAVT4P/ik3xd3hieK1YM4Ad+Gd\nD33YoWi+ND4d/RJLWDsYREP45gwM3H0nIhXYZbtuxkHAIh5XTEywy5nPYe0d\nBxWiN9AoyD5Wq5PQ3wydXpMPv7k1Dprn4wukyz3veZiNdCbZDncAle9DKN1K\nAmRFaXOP9GQ/d0pA+wVpHKoOpt8W9pxXJIS+7gFj6j0rzIkhlx/lkqmtoNPT\nlQhqQiukd1AoEEyTRvoh+37buDyDdL8D687u7ELWNN4qnsUQyksvIzWfgRy3\nRC2qtk5QwZkAgpRAJmVDsL0AEjeg7zN36oC166NhOvqXNhyPqRU9ZCH+XoLA\nOWG7NnVeDzBTxervuOQ+GQf54qaWsFOmgUVc3otVdBAEsviY0ZSOb1avSIK/\nUmiE1BSBsr8mUb/TfInc0SPqG5JXrlbZlv2/w7vXcAp8CyU/zHEoZ/8lw7rB\niOmhEYn5uWEaW2MG66VigvX4LwMeNvqJQJg8xbmhydcW4pj0rC4I2rgK9exg\nfLBLUsJZ9gcAT5oUfURrRUNzLcItIPs9/pRyEEdy+CMQlmmbvYGcod5DHgC8\nY7qhyn2zbcrmsFrNtZV3/pPDecaIbWx6GLEgCRS0ZIpdsSVJG/QRMueMKES/\nEoGti+Hc64PkKDymu5Bf6vm63PSrEA7P+/4CMCZTamBwBLhA4I+jTjiK35RC\nHYco\r\n=LPEF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDVVQGKJJ7uQ6ipNDqCWSVzkW9+xmDc7MmS75z1E/kfRAIgVhs6A36VWwc20GNBjsOMmlWaVsgwv5kNRC7Jkfp8OlQ="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.7f0d605e.0_1616004239233_0.6445693295945762"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.572107b5.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.572107b5.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.941ca3b3c.0","@material/theme":"=11.0.0-canary.941ca3b3c.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"9399ecfdfc3b2f0153e16b3970555c1351c9ea81","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/9399ecfdfc3b2f0153e16b3970555c1351c9ea81/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.572107b5.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-b9UMleJJqjgM6CN3Qv1hMiEkXsr/J2w1qg1ZK5Olp0DvPdwEAH71yL7q63TVHrEra2IngEwPeWSlCqQzNUqs+A==","shasum":"0ff0463d7a4126255c0c7b9f914ab91c53e67f01","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.572107b5.0.tgz","fileCount":16,"unpackedSize":71076,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU+gHCRA9TVsSAnZWagAA6xoQAISWABKPPpSrQg9thLnW\nYWlBKuXN+PbLmlo9ehpva2Wu2+hCCcoX5lJOXru6tSLjij0Q7IXEem5ozQR6\npD+s897tebnpT4UevTSrWUgskY5pLvxvXB4VhwD/dq968JcCznNyYCx+m1bJ\nSCgje7W2rfPlkL48dknZvPp3gBgnxWT7gMNM/k6s51r1Q3Z08A6hYby1u1rX\nlFHCxZRHfxuXWBbMILeS2syWPq2z41/yyLqEzesYZvMgmpbYUkBeup4WHhH8\ngQaTICW48zixRVDQvMbDWx2U4/tJtS5j5W+H00S+o2qRqTb/WavJKIm5LCFg\nU1zsgDUhPgYj3qWUuUauSpDbVL2ae2zBdvInsaFD80zZNGOBszgTp60HyHa4\nuyVYXSZyMBiHREqUnDQhM7EOMtM4A7I2XreN69bGNb9ih/ZdqfpGC0VpYOaC\nVeWcd2vpqABpsY6xjyj8L1Iq9QzDlTMDSRL9wdbD0Br+kBaXV00TXqyxesHx\nqV+9KPjcP70XJmcp2XAf5Yb0PYgH5xifJhGWGs9DVbIrw3A3Sqz8nRs1Syag\naDNMTDiKb/PHN8g9EnnjCJGUTr6zeWA1g3n0Px+6qn3ZDx89//iFBtRIwgg5\neWVSMaP1RqUfvyfZ999KPe499802il81bMjm5h0wzoZQJLBJl0UumHZXKlcz\n2LTt\r\n=oPta\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG71mmV2qO8AwfRdHxQq21keB9UA3mJIsa43TSpKtXO5AiB2QgrG0ox9bG36OnKmoYIq7DSbhfeVbJRBV++NfNvFUQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.572107b5.0_1616111623197_0.8392282596802485"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.b7b220b1.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.b7b220b1.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.941ca3b3c.0","@material/theme":"=11.0.0-canary.941ca3b3c.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"23f87dc3afa9f7b0599f9673a9f27f15d9751f3a","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/23f87dc3afa9f7b0599f9673a9f27f15d9751f3a/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.b7b220b1.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-qak4tmx9GD7rhRVX6cpN88n3AgKadQDrq31Sw3LRLkfJmFMedvjwW8Kso0moNCNJfcTvcLxHsmNmBW0pZ7Y7kg==","shasum":"77bdf5e7609716bfc80939949a012a990be6c088","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.b7b220b1.0.tgz","fileCount":16,"unpackedSize":71454,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU+4LCRA9TVsSAnZWagAAaL4P/i3OByXtKZGg7G9u4/vP\nV+mOkG1YbTNKDpSZU9drZb7/ju/dSCbFV6k5J+GJFUQv9VmkHgjpszsspY24\nyKxtyF2J0Kukz2XknJNKle7AN5faiFoUYgwF6H8LTXAkXQftDA8nVAD+Tq1L\nieuJlsO2a4db766YOviVNdyl6lyYuhqUHvs5llelS6x/KnKyeO23HvE0B8Ij\nZ81sKvHw3HVmEh3NPQSGONPX74k2x6hGdxh6MG3KMQMOiHN/MeihXjedMv8B\nqYLEIEOMeSaW34jGigRk8//F1VYyzR2UhNYjh/uoexNP5NsdGC/j8Lghexcq\nMlnVLhvTVwDfTEb1K/dXInF6FrxvavYrBeXTvSnrdf9qubQ908hPEq5wb64+\nDijwZhWFA84szy1Lv6W7FBuKno+5NL0KbfZ2cT0Z301nmzsnxJCgmRT2VqCe\n6QNLdGZEmqtGi6E7+r4Ld3RBezzeMjVuFqxiFdPxx3QfVK58arV0egGvUDSo\n1ZTDX6/SC2JqbNsGpVDpn8rjiXMXaaNaBO0rhl56EfVs+nX4ZMzuB5EGBvES\nm79A2woQFkjVChHWg2rGqZeGqaMqNvTkq2C4Lw026h8osCiJ9scxntrzA4Bp\nstUXbwRQAc23qVSdFhnkcE5o+hgxYeY2olb1xmw1d7QhkcKwcDbCxFfsKELh\nfnp8\r\n=tfHl\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICyeiwyrSbLcNGgRFgkYBzsygXJJHkr4hOOPN2SNNfW5AiB52wtUIIRJj7WdNkfI73dmSld/HgFO4DBMsW0slRmFMA=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.b7b220b1.0_1616113163311_0.4095700510374991"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.233b2de7.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.233b2de7.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.941ca3b3c.0","@material/theme":"=11.0.0-canary.941ca3b3c.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"6887e9dd977fe57d5199416b097952ea056e78c6","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6887e9dd977fe57d5199416b097952ea056e78c6/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.233b2de7.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-S4xFkpCSdBdZxyKfYx7k/d1lopaqy+YRy7Z/yNIcoiuMf8m0IuBGUcpY3QGOKsT28a2C/IRPB0LWaIPAnX9jOg==","shasum":"ce4061a70ededa4719d506d7e12d06654a00f02c","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.233b2de7.0.tgz","fileCount":16,"unpackedSize":71454,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVO1/CRA9TVsSAnZWagAA76UP/0Paof2z+VJ0cLkNbOr+\nN/LVKviMQ2L33CKg4bx/5BvWAKnIXmbHbpsixSnEc8UlzCrSdZf3QHJKa1mt\n97l7dlsX8vCH/n6XeVhCpTxdnpmZPDTQ10Krt11/9c9LpOXV4/NPuxBAkd3t\nmw50NStyrhXcqwEhevByotm1ghc4IfqvF2KbZ6LAqUMZWZY9n/H5pYpBZAOP\nAmwSWw2489SupSdNqaajliLTs2i47gbmXwTuNz9lyEchx8S2JZ6jn06OlANj\nHYmV8RyoPxqHHg6opjelyvPByckcWRrm4b+SR00vO/stM0mjA4cNlIKmuz1L\ncuiGhRNV3EA/uGYnx4dS7aoT2EXyztP1gKGSg+xIY5qjxELgSJi22BoUJDKo\n0v+rpSxNtF4jt84lbujGMUgqZNQCpi6Klip/XarGrNe3/auwx4iOIVRjx+TR\nUx/TtnS0s5r4BmbQ8VnqyFvTUAPxPVJAr3mWqAZGI63JkcmJzLAc4fM/Md+5\nk+lMBaJ243P5DT7/1L3i3Yo/W+6xsUQ6z9Ev3jYMaA+WmsYfWrXuOif7NAoE\nxbg4eXUYBFD9AGwSoypgikW5nmYkrrn9NJo6UqSrh93apzN5t6gnRknTslhN\nhKsRAjYxRKDvZ4gNUjXBc1J7Jft7PyOoMcrsxsmrczi7a0xW1A4JRYzTDfsv\nVxxs\r\n=HOjq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGE/GwDnzIWB8fbwgfeyl9dAoBeR5RbYrzdC6dJ8u39oAiBO1JkKxj7rED7RQSOib9OJwvup+FmxLq3L59YQNBKSKw=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.233b2de7.0_1616178559166_0.2796973670142362"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.0c1a2d97.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.0c1a2d97.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.941ca3b3c.0","@material/theme":"=11.0.0-canary.941ca3b3c.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"d341fb857369610d763723d28d8c9955cc461de4","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d341fb857369610d763723d28d8c9955cc461de4/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.0c1a2d97.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-6NbKuAHZzav7RHGqrf2F9zGCcL2qaYoiV899EDndLYXOy9UV/57BvBiNLyj+gZEwtDBlhC6/tBlLdB2tRGLleQ==","shasum":"febaa1c2e34e905d319eef2a8da16b65d8d4a602","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.0c1a2d97.0.tgz","fileCount":16,"unpackedSize":71454,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVRWpCRA9TVsSAnZWagAA0cAP/3MSTp84PhecaARvT15M\nasLjpLjB940dV92rqhZE76uQL7/lIHIpoEmEWl6Rg0LEe6z/5//rRywVhJy7\naL9p+s8+b5Zf1BMyFDlkP6x527s++5kE5nb2WllyGWO26+P0CYb5S4cCgzXX\n6rvncMCVMlV035Hscf8tsOnJFcIEhkCijhWFf3615n6RM3WmBoR2qYPxmxr0\nX9zrmd5EjrzV88APzMbeTU8Hlwk3n+5Bp9BCVaHJ7O0KvBKoOkfeVwJmo5J7\nUkxKpCHqUSGr4EN9Chi0pabV4wIxWsweZQsZVL+UIwBdJ2KbB4Fq1MZW091k\nXV06KRgtPSLP0FEExYpyP96XWzTK5hJ+ldHYJC69XA+jsmPUY/9B69JmrW0U\nyrRxecNaHkjEA28aw9ca8AtI8R5Zcjr60sYFT/v045J3+QB8iSldpqIRSgUJ\nCO+f/fcHC7MndgtAkFr1MKRMbubEVHc+SI+yeR+8ls/BcG0awpURLwONooS4\nq32G179Ld51QaNRYW2URbRrYcYkN6cHOe+MgCgznEv9quE9RQnbzOA9XR5Ds\nnd8Bu+1lceU6fcieucxCKDcGA/dtzsnAphQINm5tvIEzSqUxrrXDrO2mM773\nj+LNIZlYcyUNFM6ku1mRjMQ+3j6Lz5YDbBBmmjucBKHX5O04rDB8vxqw/75+\ndzm6\r\n=zcuA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDxJxkulL7TJdfggNiaRT6jRNgjB2wcg1BBobKuyksjAQIhALHYRxtVCZxVeoJHJsFoJtzgnE9Ymg1KhbFKBMlfDoO7"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.0c1a2d97.0_1616188840715_0.1859483104952686"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.57ca2e73.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.57ca2e73.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.5f0fc444a.0","@material/theme":"=11.0.0-canary.5f0fc444a.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"aa86345a10da02c5166fca78e72e367ebeb95677","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/aa86345a10da02c5166fca78e72e367ebeb95677/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.57ca2e73.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-zV8m/J1lyNvRyfE6zELPK5n5HSQcAq+ifYuK/mIn2WTka0M3IJCxErBBTFW6jEVj8CP1WXltTEHe9M+qy4wbHA==","shasum":"2b48559e153eef2c70585f1f5f2ce310eaf728cd","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.57ca2e73.0.tgz","fileCount":16,"unpackedSize":71454,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVShQCRA9TVsSAnZWagAAW98P/iIyrQTYoq9a09ZFS61h\nKbk0U+mF8k2mUBfyZFYxShlJB2zDXG+gwI/i5QK3ZFBDK5DZ2xBXC2z8sAa/\nuyyBYUFlk9pQ9+Lw/GFuVpbtrvvRjBde43FGudvrZGD04wOIYRRQTXw4ew1F\n0PVsLB6WhSDPI+GevFrJN3u9YW93sqtVzxId1ZzqAIXYsTfV5AyVnBTDYONk\nsuduR6U7x5/h6poOASctGTQdLgJVB84pSE8bS0cfuiTUGDVFWc9Ya/3EZt22\nq0YOAcs2iabOlfd82UhvCcLz1ap6SAnLgv+RH8v4gsSeeF+ATwb9hyCptj1P\nVcgLVysxbjwxJUq9FRObh9i9owA/u8rBBT/NhO1DLCGzIB6BQBXoae4ocC3H\nYAint2KSFGYSsy5iIhR1cI1aGzlhivEa2Exa5g7S5rkXjBeaK1bN/qo6Fpc1\nPdNATLXlB+W54Op/ag65MhzCo+Jy6wYH03m7S3MaDTS00vZczORov5IsJhdQ\nH9yAnmgDgpr4jM7SVUEZz9pkvmYRe2RB3WcgC+bWv7I46EcJ1hgBdpBXX7JK\ncgxsGiYSooEPFti6NXTEORt5n6z5rqXitR5AzhU2dQ3NNy0HvMJJwB7eaf/q\nW+IC9gmxIK5c2IAQKw9xLQzxR03LCOrq2mQOeMXSUCpTywp1aJoSTfJlyyM6\nCcUy\r\n=6Cp8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDBwrBfgt2rFTRA1ypYUenrHhDKIkmsvp7mgdDuNAAvPwIgKnveJ5H4qG2CD7YLcvQH7IFbKZcyOTuVmCTxGsd1tAE="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.57ca2e73.0_1616193616463_0.014341751453064377"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.5c058f4b.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.5c058f4b.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.8943b991f.0","@material/theme":"=11.0.0-canary.8943b991f.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"6a50e9efec728fe20024c0ac52645387b1485f08","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6a50e9efec728fe20024c0ac52645387b1485f08/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.5c058f4b.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-jxIWEE0AFs4E4ornSKXOk2I8D0Uy4oIrd1tsLNV9aErmaeGINlwQLdI1zCyNCSW798oAb9NGSgMFnUs+v4CG5A==","shasum":"b015626ae5e4613b05100dd2de66e0df88fe0c4d","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.5c058f4b.0.tgz","fileCount":16,"unpackedSize":71454,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWnTPCRA9TVsSAnZWagAA69cQAJQWheaW5vu/4m2jU+vO\nbHyfPRgbJZwCAyukfergP8R2QGi1XJkA/xLcAV4gEz0IJRlggd3z6rd0jQKK\nHDAg7RUu4B2tLjSszJhL8nLkx2RxiNL1qgBPZdPr4DHDoJm6O+jf9YyCwCto\n/NIOAIVTbbkRtLDiWt9fY39ZyQqAmMT3ka7WuQopziPvAJFfxYqdkt18xzgT\nSCT8F6D31+LOTuZfTyXEt9JdevML77dXoHfA8BiGPqQqbv51+jkbidh2hhdK\n2L/jbAuW4Z7Ab4wXntJ5NZTLbuRibQA0qYPNiLxX1ZHM2YhKipqQ4xiHElMR\nZk4t4trZ9Dq9aG3QzYZEzWBJXhKikZoTIT4nFabGEZ5bL7oxSQ9PuxZG+Zgg\nM/pSYcR82Y1MiXwvuZD11CzltleDBs08cN7rids5PMtsj5rNxaJHvE5XDGk2\nfj4OUaKvIGHDiX2brBKbPRftGM+98fiR1/UMJ7iPWHLPa0qtiVcbQvTivrOJ\nvwu52WpMmESyAXHznanK+EIk8+r35yjiCHR9x9iEkHQm2OpO2Ty+cxjj1YcS\n/l920mBht2LfYh06KA6PT9iUyTcPeS1N2IM7pbE16A49P1PI5pX6e/7F/1Xj\nxwEY/ZtW65EQD5jUXRBtwaS6Z25G/vu51FYxnz0bQnSxRZBeO7uNiWDW/BMx\nzBA9\r\n=XgDU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDyohDoWWDFwnKoi4EWV/E0O9fvLLId8MC9KfDUADE7CwIgfNj+lWi+IYzCrz9D8+lU1xzuE9bVsQVK/9YB+CpGUMY="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.5c058f4b.0_1616540879235_0.7248469407724498"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.e27ef7cd.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.e27ef7cd.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.dc9c84023.0","@material/theme":"=11.0.0-canary.dc9c84023.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"7631d1b220323112ce72141784e75c8356ca0f88","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/7631d1b220323112ce72141784e75c8356ca0f88/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.e27ef7cd.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-gVNpyTppcR992GzM++YArOUX4PboBqrjDuXq1Rp+1QEhw+vH6KKAVV5OLD5uwbSCj+4PWd/RBcGY8W7j28/gEQ==","shasum":"fe356358edff446fe9cd8839c9919b778132a106","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.e27ef7cd.0.tgz","fileCount":16,"unpackedSize":71454,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgY4XJCRA9TVsSAnZWagAA+K8P/RGq3T2cQ9Tk35/7yceQ\nRnG1S3IAQjYoNpghtmi2CpkZyy+yu9lvjABKhJcHK9KKrNKThVb8u5HdXjIR\nr9X6ARlBb2pCLTYziVi6B3sqf3ot/5rCS0I2x78KMIIBsFadCuog15Z9PgkP\nFYij0NK8N75Dns05sXM19dLPzOWcGMvKt5POyvk4/xhSa2IhIwoWf5HDjXJL\nFnbwNrSfC8AzE4ED5TtGFzG179Hx+e3r/pwNx26sa2Ca2eBwMev+CpuqlP88\nPsWnEnzUOiOkd6k+5aFPFTiL9PkaL5V4ZNzkWpUKYJPNdgYHqpme1nHdOOap\nu6w2u0e0EWfbinYPEtbY3ksbliJoXaoa7RmMSSJWORfFbuvDjHqPExeXTu2P\nlXeWoapWXFmVP1JYlhJN7PDp6nCIcpdvD75/5RjLyq3XxPhI6NPScFkv7SKT\n4WCXidfXipKjv1K42S8XxL/1/4Sy+XqmcK4OrSBEQ2oFRxMudUjerBME0JiX\nvSxTf13SKZlkWvQsED5q138idzd0nOMH8Cy9b6Wj/54zhdhVvtVQkuBaV6C2\nGMNhPcE/DjKe7AI25xb1DG2lMjl5wIUcJPC8t1IrzqjnZNBZLg3MXaPvzIVa\nxhhcRMjMV2zeYseLfnBqA+G/K64oi35xEdkX8qMkLe4+ABmTEu0ToGusS6wG\niNyS\r\n=u1bz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGl3PAeoa8jBys2YGfmM7ww2Jr5LOJUp9TdEAJFXVQuXAiBuYcAyH9gIQZzogU9A2CCSYCy2VvfAgHCAyw5NBYMJYw=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.e27ef7cd.0_1617135048754_0.9030935371703237"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.15c09e74.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.15c09e74.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.dc9c84023.0","@material/theme":"=11.0.0-canary.dc9c84023.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"6f3ebc4bb5f04f139f9cc24061e00f418b04ae88","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6f3ebc4bb5f04f139f9cc24061e00f418b04ae88/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.15c09e74.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-HbI1QEGtgNuuWMX+I5AJ98aZhgz6twWkS1yF7gpr9Uk0YxzJpte/INvE2U+qZ89eibhHKxzMssQE727tQMGvlA==","shasum":"2cb3516f634db7ab4512aff48c1d61de8d67e20b","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.15c09e74.0.tgz","fileCount":16,"unpackedSize":71454,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZKeLCRA9TVsSAnZWagAAlf8QAIHGYTFnKXMYa7MGYdIk\nk3itTa0vz7YTTabOp5NcYq3C3KuiIelxazECschz7fZ9Afejm66Qlov9KGbN\npTx6+oaWUhT7G9qrlr38MyxA2j5qaEvRWpfMccqFzooowzSVqJiEGiJMHeKK\n0Z04o4BO+qNnB0ECnARnPPk1tM2CJttpCIQor6dY67DHdFmHdImIMHXQ5EA/\n6gqxgi4uNte40zkrCGswQw4eagzj6R+MFaYQJo5kmdToiKvixfj4B0H7dKUh\nTE77hp5my5EedwwhNPgvVzGAhUYKod4tDVuj6B1S1p1+pqJrNJXWMtau/dJO\nclKofaSgWIY7MvL5HaFgL5s0SkZgsbSP3fNQpPCYU3AoHGgeupQzy+zAKB+7\ns0RM7JeqjgscNXHrSKsdNO/txIz2JnvVNhKxe2gBkgm/QIHT7haA2d3jac99\n4UGQoP+S35MHeA+g4XgLAG+jWN7uy67cC4sX7Neu/xXCI21wLAetMLFc/I3v\neHsD8j7DGbZs5zRH6cvMZ+ZM88H2UZZB+XbSPN6Jxd8a3aSCG4Qg5cIrDMXb\nIkeMxeWbNbOFbHKZR/0962rRf8lXDXxF+KZwljYlUVCM7UnoNvniVn/0DuUU\nbq8S5+nMQuUW846aFH89YBlWXL6mIzDEEO7Cv59/qRK0YxrlkO4/f5yriVk8\nneAL\r\n=i7kR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDNa0FO/elMt9rV0nOjr/SSZziofAv5BzEFXD9GNmz0IAiB/Orpfph1EWE85ngIywF0e8qk+BrdE+Yen5uZ/g0OdjQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.15c09e74.0_1617209226652_0.7642625649496582"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.4dc32be3.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.4dc32be3.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.dc9c84023.0","@material/theme":"=11.0.0-canary.dc9c84023.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"1f71c032815f456f2ddbee58c9b175e65da3c18a","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/1f71c032815f456f2ddbee58c9b175e65da3c18a/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.4dc32be3.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-HKPzqzdZvtDjueHVwAs6lPakMfN7XiuibsKWNWuWAa6NEHrbQjRW/jFuvR2iKSgrOL59rMpuO9Dz1hrJo1xC0Q==","shasum":"ebd267c7d0714ffa24c55ddac3ad75e0146d6921","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.4dc32be3.0.tgz","fileCount":16,"unpackedSize":71454,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZQobCRA9TVsSAnZWagAAfeUP/jKHbhW3Cf4AYEoQauqG\nGFyMcpRUMWSPFxhJtv6bcUtNyazEHAfMnxwjhF4q4zCb1E74bhUoMhkueZFB\nNrWf6b7Gsq9JH2c2hxKxQbIPVTGRfeV6h8rAbu9TeZgYXwHPkBNDUbw6m3FR\n4Aq8SH4Vux+4Mu1+LngRhlPUPKlzqWuzSyYX/WtEKEXmDxol3WBpgXEaQfjp\npfDbRhbRjp6isJK9aLXT3qeNE2uMoekAH/8jVOefwUTxg3NcnqFOISjBSQ3e\n+6ykL9e4e4x2KdegiiR4j0UE+U2g3HBfnPp+2O3UtboSDh/y5c/lmwmQGGRX\ndQQhhydbecf8lGvXxS3otSPtMKqZQVL2gey+MTaZXqvu6LRV4end0kaWW7WP\nDh6rMHlP/JhxVTBpMod3A8ZSvwlwQ6dug5Abl+7/9z0pbDP88QiSTPTOelzY\np3klcWsyFFRwYlwDstK6wVcAjvjP1oQCOD8sdcg9YpAXKzj16YMhpdNr4WZv\nLX5Ax2umiQwob2YnJb8qyOsWwOzEuBTvo4i+G+DloJg8Ayc0CgP32Lo2nKaf\nW2y5PRXG90/o4TAlJYjs4mcGYt5cUaaHK/VJbHkmsCRAVwTaXnESRCWG+Zsb\nOFxmMTLtcAWR6TPWXUkFsRY9BJSz13SWWP57Dk6E4ciyK7jW7jCg6gcLkR+A\nU5jf\r\n=zO9S\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHLE0M1PNUytPqkv5185L4RQvYwV+KMvLoUbQBN+9O1NAiAntv1b9bO/RuuZTnA07K/4J1rGCt59W/s6jFZsKp99WQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.4dc32be3.0_1617234459339_0.8267724429236616"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.4b717f65.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.4b717f65.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.24609b822.0","@material/theme":"=11.0.0-canary.24609b822.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"a7b21246791a74b1ae4e57975b1f4a394ad9cba4","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/a7b21246791a74b1ae4e57975b1f4a394ad9cba4/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.4b717f65.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-pi2/ncNSg/KQtxzffh13OCoi6R+6fJ6zF8xN+awVxFymXCO6yCD93trro79t4Oxt4UGWFtmTCE8YHBQhx1mZ4g==","shasum":"120f79ac4d7ef997f92c5b8b289b52d9e71903f2","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.4b717f65.0.tgz","fileCount":16,"unpackedSize":71454,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZg1PCRA9TVsSAnZWagAAxbAP/31oL9TRrP8N9eRMrQuz\nUYWBIogTq2vVLpjr6V419S/G5QVfM51F1bZmCMqthSEQ4v/Pf5EmbVV8xTuk\nO9LOIDUmeyV3MKMRBgyoz68ksY46M/nR/TnE8rNhMqxYgir9Mycha6HNFbNU\nW0BFbUPJXvBlLNHd+vtGE5aYsRodDkcB+kTMt4DECdOc1R+ONCc4yNf7SMCq\ndxOx5Y0czg5ogWIB62IFrYx256X4DknOXIhiTUiXveESfDGPLxDow5qfwoHI\nfYEZINkdGd+PrDfGmSHQgCgXCosk0i8UiUc/XUwbmoDFoGXET4JAjpZ92gjd\nOGAal+RTTmH+FJoJUD261TGJAW7dMJQtgIlPfmfknNhY72yzlP1SGDgZo91u\nDEzQbngJugDMwo/d4lipAF/oToV9oeRxGKYNVBsQ+6KBnCz/eRLfS52+AT/K\nle0M4XYyIhGx1xDM8jYp1jNJ2Alp77Twnd3c+lS/A0awv4RAG4u2LlVxdiOR\nFyhcp8YTNdXpDTz1I3lQXrbQBGj3b9CL8Ks1WL20vr41Xmyt4dj1dTrpun8T\nKrqVrtuXejc3/btLKaQXR1OkGQhachw408yhZ2okzJCHzDDJN2ONK9k5pN2k\nDKhtywq2eOPhR6tLj1lSOEAGszy1xcHG2OnRKt5hDW0zKbJpIlbHgVovm9MM\nJf4R\r\n=tzv+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFi0NeM4rbqsXIPm/9o04nmlcHg4LWtHPKhc8xYxcoW3AiBt9scX+QRrw8KmwFCxDYOKS8zxOH+iwVrCGX6x+G1Hgg=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.4b717f65.0_1617300814780_0.6212808075711334"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.c6870f20.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.c6870f20.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.24609b822.0","@material/theme":"=11.0.0-canary.24609b822.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"5808fd48fe9ee3cfe17f631aa6addaaa847cea19","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/5808fd48fe9ee3cfe17f631aa6addaaa847cea19/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.c6870f20.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-LJn2c+PHd2OV56g7BUAx5eJ9IX/RKvDGwc7xV233sBZFlhynwwt9j1G3EGzEaijNN//9RsYlsn6jal1Pl6aiAA==","shasum":"eaa918717fd41f552276d2ca6f89633ba8dd00b9","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.c6870f20.0.tgz","fileCount":16,"unpackedSize":71454,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZlolCRA9TVsSAnZWagAAY5UP/08/VBPVLemWProVcJLf\nT7uGh3dgC2I7rr4ehz01zKwkzj5zCJ9tobbN+LF16GbkTvCR7Niu5VAOGi6A\n19vjj7nIqaxiJ4wEkpWVDOhtOJFTaNsM0cEwFCUzR0zvFJRLp8aFapxGT31V\neehXUNbVkNRkuzSXQQl6sKb6uNrun7/gPOzsPRCO5WABiGMzeUj3G9RKzL8O\nWCmRHnFaNLSbM0QZdtrPvEKhZCW7cLOpMlbrJAOpf8S7Gscc8YG3xtMRnjeW\nw4tvB5EDtqUOMwKTFIIbXfIUmbLeAB+0ylp8NbQD7JM5XVx1wQbz+wynmM+R\ncAp1JLDJjdlozZsgzg4ihKiumxU/LQS0zqtb7/yCREDvvZ1pxPYIAR9nrRV8\nRHdVfyz9NoS14HvpV9c10rdxkMl8WVOhvEVHBcQ6rPsgJXwN9TQ2yFGExcHQ\nLeYPhAtz3rus+ryRaucVtav/JBfZl8gTZr759+WDc0WKnvMVNSnBUN1mZ2Xn\nvpXKVU6h0VujrxUegWDFIcGjZZUrdn3Nl1UuJPixOcaDkq0WxQKOW5deW2m1\nIHMvZaa29j7B4q/m4hGyTr0+ZdVlctA3Yqz6+J2XzjTcF9CKgHjQAApxzW9N\nUnoTdotKswlCBrQ4e3T6Gki2JArclaSDBpH1tmt/JxBlrhzT0yln5TcQ24AD\n9orG\r\n=t5Lq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDyUlUKpvCDo9UrXDiRhIAjRMcaqELF4MTouZ/BVgQQLAIhAPQKcLKDLNvKSfoN8PVHMkvaZ50oN0Sk6i6O/Mgiw5NC"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.c6870f20.0_1617320484801_0.42627305952619454"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.852f873c.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.852f873c.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.24609b822.0","@material/theme":"=11.0.0-canary.24609b822.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"f528b03c675bb05baf871766e103e6e35c28e203","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/f528b03c675bb05baf871766e103e6e35c28e203/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.852f873c.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-9eFqjHvr6zkdfiTCp014Tyg/mvLiCe3f4aWuaO8wCOl4ti3B1V3SbR1IVqfKFWYXPEYRLZ3UPqqxom6zPOmk4Q==","shasum":"a779695f5eb085d5b4e2aaf0d8dc0ed272d6c2c4","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.852f873c.0.tgz","fileCount":16,"unpackedSize":71454,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZqnjCRA9TVsSAnZWagAAZuEQAISZiuxo9B/bp8LT+JCp\npfrlUdFfzAM5a/N9gbdG9Mmhmu4LGZdTyWJ8aIgiKq1ZHUb4osw4srVU6sGh\nq273OvWHWhp9ybf8TyTNIVOk0A/TkLbzG8BAOvhC5AhcgbGEkvXOFFb6RMrv\nsDWCmc06bS11kSvxiIXOlMm1xpx8+f4ikeesuDAZRIHKxaX6Bdq75gT7ujIa\nlps0f8VQP7ow32qe4mcHINeXfJyoFDu+kjkPN+8Nc2xjX2Y3/l8tui5vT3u9\nFdMI3X374FxPoDNQzd4RlaDMtBLMpKwSiwbbnJzfStKyXqIFgy3+oKBqmyY4\n6jGKhROSQdJN3PubXNgVYHU+1skgnHUHcWFwegrlLmQkihast7mzzArOyH4n\nYjGnv3MfeIvmcdebRKxlGKcBIjllkzXIgdN9qxdYav/N1cp260k5Fp9GJxZX\nV7ZWRbedGAQ9xBkcF+LwmtKXo/pWiop+A6arAq10ZjTTqdgfJuGztF4UPien\nZ9sr2K8P2St1AEVxm7iihb+i6ZEhuPQcVe9WSx63r8sc7zXuUroszKYS2+6f\nXYSoLZq8Xu7fAvVSrrBKp1gqASGEfV9dlBYXkzqf+zCd6WA0fVvictI1XUEs\nrDJHFR6WwtlYoR7Neu4ekaxMXlRxpWtXOHjyJX4uOJGNl7J+u9Skrbtr7veD\nSMej\r\n=2In8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCq8sUErKVZjXO3mJb0BgechL0ZOsB/uuY6ZfXx/8c19wIhALTy1hYpK9LRBLBAPMr5XqB3h781Ht9YtBANwRzLKBSs"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.852f873c.0_1617340898837_0.4196577562646351"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.4a674a1d.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.4a674a1d.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.24609b822.0","@material/theme":"=11.0.0-canary.24609b822.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"d4f9464090813f45495113dfd52201f8c86bab3f","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d4f9464090813f45495113dfd52201f8c86bab3f/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.4a674a1d.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-0UhGJR8f/slnEBe9ayw6Mp8ZR+dCkVRpJn6xANICvBZggDTMwNvtfGVYDVOEDMUJJD/LG4ChXHWmkK5coFIa7Q==","shasum":"e1ca1355d905baa5bb08b8068757a00c33f4a900","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.4a674a1d.0.tgz","fileCount":16,"unpackedSize":71454,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZy2oCRA9TVsSAnZWagAA9CIP/2FqoLZlwyL2mGZd67Hn\nx+l0H6Cv9v3NKayZkG+xyMU5ituv8l8Bh19MBoaJNWTI7oTuAu54UpLoZ1fE\nD1XEIH+QUnflaRPmfZP3owkKL3I67MAkwCJ4QvL0KUehRL2D+FyyKXP90gSh\nGjONzJNA0iSa60efw0Egvizob+ry8rC6dzxLFsGrfD5uX0lIoZZyxvWYlCSl\n+rtX5Aw2bkoQLW0rFaFZOXWx1pT/19UFNishqkSBMC9/j6oUgJV/WWYJ0NFx\nqh4H/fUXNVr0MaQwDd8IaBDZMoWb+gLpNMVb9cX6ta+M3167edmrQal0Qwmp\ns1Mb+ZPGQubbpojP/i9ECh+fTSfjqNbTGx5XnqZtWfXKBiFBQJhcAAvDOfJE\nVDWho78k2k5lMnTUChQKoJqS4Z8VQo/Xdg4hrXcoK7/4/qvqxLl6lL6K0Ez9\nt4V+xsJViwgZHx24DP/DBKNSo+mO3yLcUZy8jMaxy1W86IoCy+9Zf5+4glx6\nDV/H++opLjnuZY0bKGGoyiai/C1KHHuU3igAzPPW8n5uMFrWLGXFT7/ciBNw\nX8bin+0N13J6yj+0TGPb/lNvr15RxCaqdLkSOrqQv/UEg0UMuWs5d6qHlCRx\nT0rNE7SpjasbScoTTaOExplsbt9MVSHcgNV1j6dhfNi3izHgFBOfloD6JYAm\nr39o\r\n=Rb8C\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEXD2t/JZXNWgpPjYEVIb99uvHvaSXe0P+sataYkPMiBAiEAxbtDd2p9NbBSg2ymciHgf4p44y1Uao/ZmfjAQPv3WnQ="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.4a674a1d.0_1617374631897_0.9875162664630484"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.c5b29ff1.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.c5b29ff1.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.24609b822.0","@material/theme":"=11.0.0-canary.24609b822.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"c1604e99ccbc76c92a4371c529c43a4997f78c3e","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c1604e99ccbc76c92a4371c529c43a4997f78c3e/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.c5b29ff1.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-OiPLRFHF3RVfNvqBRY1pB53NoQSCd1AIQHgxqzYkNvuiUgYMG0lcM16FCZuAng3mr6ozNmaF0y0Hs7IJflCl3g==","shasum":"95ae794415739b71cc6295632fe9364634645037","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.c5b29ff1.0.tgz","fileCount":16,"unpackedSize":71307,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJga02pCRA9TVsSAnZWagAAXLIQAI620BL+I3XppLxGMsbn\ncd1BZDVe+ik1gcZNG03ig7sNcen5fe1mgNllnRxav3GPahbOZm8Fk1/KOT3Q\nzyiDZ7UGCTLhcVmoVSFx0E9d7ydZ9cDoeYYV7ikTP+R/MiR9zfmnRYIB6VuR\nzHOw0x9XIHBhIo3C/nKlQwzT1UnlTn017wqjxaKdl2MimuSx0jJuPGmS+QRo\ndVsCp+6UOgXDoRfqIweafDQN8lbi/BgeZLRIuPlcI4XfjhJHFrK9eTECidiw\nb0cc7v7/KIaKnOncFDJjPAwxT8DieWQMh1mNTXBSPOpt1YhvtOYqZNFs8wHK\nc0gGDxDqpf0QWB7jia7BtUaM5Oki/Z6ZEO+0wVkKXSjXXgG2S74qgIKs8lXm\nzE4v1ZG0tLaVnm3SHG+qWxE6KIh/w35LPBqaZC0iygulPv/sqQcVqyj8SyBu\n09iP0GSXrLr8lWA3KjfI/7H3RgToTbHAlbmeVyYk93veQ0B9MxYdPrwbyiXA\n73HGxsMH6fcCJE1E8tTS9HDcjYykQAQXQLoHdZUkx/gwj8fPIKLiQYLuqnUz\nu/tMGnIAJxaVQH/VHzdZTu/HdFs9eFhDEnoEZx5B192yw2DJ2qkyfsCAf3pA\nebY3IYbOceOCJ2nD11tHMZZh39zCg/wlZL2Dx2MCH4uC9GOYxpbKeQ5C3yVv\nV1Ue\r\n=doDW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDFacnYBJxhf+MDZgJqADDLysgvbQTqCfrcbRqTUgumuQIhANXpGHIdefOsR/LkZkRQ0yXsw6MDW+S52aDaPqjjqurQ"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.c5b29ff1.0_1617644968683_0.4909061127823058"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.583644a6.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.583644a6.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.94f50b260.0","@material/theme":"=11.0.0-canary.94f50b260.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"bf2f1c715105004d3849ec66e044434d48e08296","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/bf2f1c715105004d3849ec66e044434d48e08296/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.583644a6.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-8w7iWcfqnQ4Fyc+BBzrGtzwT3w7I25B6YdTcVA3mSb5aKwpC6euTZeJW8aXEMuO5RAhom6lYK+Rj6YpfFEfzcQ==","shasum":"c9980db3441d37a0dcb138c1f0c3a167673a9b34","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.583644a6.0.tgz","fileCount":16,"unpackedSize":71307,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJga03lCRA9TVsSAnZWagAAPHYP/2Opvn9a78yLXAwzPZEC\n69uREkrJ2J8uwzzoVg37pQ5EyJvr6nPLlzYybkmyGXFY1/CExRO1XH8saiwD\nZzFm+VQ+M+bpAHv1QKXCEuXqgPPKETZxM9mYjsfF+qsmhQkALoK7f2rSeT78\nJBW4IZeTNGwUIaIerK1uDbZhcSCTnoS7p6lbH2pkUaCqnbzC3HQHVui1mWpw\ncg9mGvXVN3cNoWpZwn+jhYsh4yfY3KWROWupIHEGR+nusCZubSxeeZ6Jt63Q\nxlSsDgh5wItl+Dj9Hfz2fuVGv24/EbghAzb0+QZjY9gFjfzstCX075UK3NAl\nHFR/Mk+ptxrMNeMg0Xa7aH4EMmfALxAEoj3ppODMNGnLv9qinInt+3k6gsiL\nXaCkDp2a8xDeSGDBdpIUOWYajaXx4oVga5m0Bg1STl3eNmLfpAve8F+DD9+m\ndRKAoySigMhaRnWGM1APUzB7W5ga/EBYuWq2kicABVYaoRFBLtoS7aFo2cfl\n0pBz4tvZTstKjH3rj6QTHjr7Gwx6VP0r4sqItvTjrKptSFTglXkPIT4y+Z9D\nc378s5cnMjOLEKXOs1Uy/caheMDRF9zLZfEzFJdmlBFQ4zUm9Fr7iMv8FMN4\ng0YVZJRn7WhM2Y+bmxqjDLFhQekTqV7Dc0AGdUfhajvEDV11nwsM8ruWq3k/\n5XTg\r\n=cD6h\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDWvOgH5Uaij/OJepNWIfTn+IeKbMIGnt/YQT7ZKI5OqAIhAPwTylV3XD/fHrXl8qNmsQJjf8xgOutVux+iesghSkZ4"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.583644a6.0_1617645029570_0.2976481526114867"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.02ac1e6b.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.02ac1e6b.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.15604bd0d.0","@material/theme":"=11.0.0-canary.15604bd0d.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"c6e525b215b6043eb042d3feb1f6066bd536bd94","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c6e525b215b6043eb042d3feb1f6066bd536bd94/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.02ac1e6b.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-194UAXrCD+gNrFr+K/qMSvit/iT34y/XD6KOcTamS9taR5fTDHjqP8Os+JPSTEAGHAFWhyIvZpzC2QbH0qTPyQ==","shasum":"9f20f3f3933e37afc7eae3d7ce832e5e21398b22","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.02ac1e6b.0.tgz","fileCount":16,"unpackedSize":71307,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbKn5CRA9TVsSAnZWagAAwtIP/iYxiLPq3szdKRI82Xaz\n6mx+iyTtivVDuYPUnSfGOidrqczqYHjyPpreYzqJXzwetZjlK2HeyV/3bjim\neU+pLU1ocPEBGSCJjyDLwC7U3k3JVKUG/OIqUyDcKOvs2w9L8yHG2diibvs4\nDyS5bKAuSediKbrxM55zQQTYdLDntqnBSz1PaizR7H0YsUejM5AuAlG14Lj+\ngyl84zBnanQDXv7gdbuDma9WXAb0x5g2NQJO7e6xvnAa3y+yp9dXZt0o+Uuy\nZ6gzSaYxJDVCvRlPcmbTl7ti7RqI90RFl6p2PCpx+L+jO22zUGfx+vexE/8h\nZ5KhV4SUVASpptTc4SbKIE9mj8nibE1tz6DWh96jSF59mX9p7XFlKs3Ng+MK\nFGL5alsbsQxnbSQiL2QAuDOrbc3DokrAa4pVWyQ31gpoDtmS/CvWBI+mgSsG\nhZzwRZD1kS4xC/OUsMmjWH8VoNYmckCe2rYCwNUOoGG/ExV/BQt8/xIhaMpI\n0zstkZ+93bSD8+dSeNVqodGLlP7keLrdUzCypjW/jZMWs501OQjlrwPHdB68\n1ODRGE6Do6q6h25GcFFvoN6a2CFaKJiEdlwv7Lsw/7OsHNvq4bQqv8zO+d+V\n68Ntu9n3q5ASH2jetr6xeXMOL1F1J73f18QxNwoNgOfJnCxyfEEU+9gR6ZES\niWrK\r\n=EJRE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCBaCZaRsGNt/KL2c+EAu4VAPvjqrk8mg823Sk+0Tap8QIhAOymtEkiXyX3ASlwhchk6nFutyL7HQk0rBr33qO/Gc2z"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.02ac1e6b.0_1617734137159_0.033209164281650105"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.5ac5856e.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.5ac5856e.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.15604bd0d.0","@material/theme":"=11.0.0-canary.15604bd0d.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"66f695ff77b118469a93aac22c76e5e558c242a7","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/66f695ff77b118469a93aac22c76e5e558c242a7/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.5ac5856e.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-ZRr8uTEOUDx5Rhc6q7wmqTVoJ4dRLXmmoQRSkhRIRO3i4p62h+CbTIb/QlXo/ulvncY1TV/U8S/neAPQOPvztQ==","shasum":"07bf620278d79288277482e3d3ff0555dbd822cf","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.5ac5856e.0.tgz","fileCount":16,"unpackedSize":71307,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbKuBCRA9TVsSAnZWagAAIJ4QAJ/ZytPcQQAKE4S4RrmH\nKPCt2vISbp6VVLdwOhl402brfphyabomhb8hHRmrpSN+1j0HnvG/8j1mFFGt\nFZf41g1k5cSXBovjl4Kp6A/Msvwk0rhwltxrO5lwQZ9nGZ0Y1KDXRXO/uJjR\nTWpQTt/qmapHo9yuiFgQQNuzn8mEOQfGoAOnADrKxP/fofgGDjOKubBJq9zh\nGlb/V6dOc0E73+0GjySKTp44/bv5jvkc25p6D4fc8BtHBkmNKb91De1wugeo\naqfe4gjv8vTARtshfqXAggnPr9KIaVP1BPc+e2mDcMgPdbhb7c6ZLaB3oDHe\nL7l/AaxcsgEhVyWhljJAxQi1HJ+LmtVev6e7KLaz61oKeFakTl/1aeK2IOLc\nTAxOgHRGcVoN8m1lprEwolRszCeJFwRA0v1MDBRp0KlylqQB2p2nr1G4qBvC\nOqqubonVAt3Er+4GgoKJBCM91iAiG2OgfEfX4qk9dFo+t3EDExzzRFOxnQQE\nhcroqk0UPvJUcBrvj0HJRkxBF1wQiz62C/t0oslO8BDBTlMdda1FbTdO0IB+\nNDuVUtTVdIdbz/aAaKrcABF9PQVuF2mZcOz9sLn8r2TvD1Sgk9MFTh+UD+0z\nZ6gh69uHzNfMS7/Z1lHeF24MZkxHPryZoBTB7lHibViah+f4r341Cr2cicGA\nsEvE\r\n=4uxP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHBNKMSFZi5vaVdBEV0aMKAbCJoUOhitXrhtl1MbT7JkAiEAzqlBb/SZ9Z/W/k0tEU7N6fACGNqrTpx4ZeP+PQyjxz0="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.5ac5856e.0_1617734528788_0.7123428635088644"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.bb23dbc4.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.bb23dbc4.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.15604bd0d.0","@material/theme":"=11.0.0-canary.15604bd0d.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"42e5f906ec61897cd0de7e0e19e686d807408d70","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/42e5f906ec61897cd0de7e0e19e686d807408d70/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.bb23dbc4.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-z1PnPSsKpTsPCUXx2bascRfIffv7r4oezl3iVzvs3g9Lfc+2WQYG72QWj4Q+0M3JrWA0vzbn0v5fTr1A7aV0KQ==","shasum":"0a609c1d8f2f6d12c553b3a5e999451b0a47d757","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.bb23dbc4.0.tgz","fileCount":16,"unpackedSize":71307,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbiLDCRA9TVsSAnZWagAAn88P/RXI052d3keKaMD5KWwy\nmkve2ypRqaci9599cJeBruRsAO+jv3pJRF6yXUz5Ln54ZkfWF4lifr0/504X\nls6S64qMfmnfilcvMmJs138za9mE18kFluexMTjwUjLOFXrjmmITliGH8L1a\nzflWdo1aToIUELVr8m0rweKp/eegZo2zL688AGypJHTfdCVT2BApHBo2aNyx\ndNAltC2Ud4XaSryLSDCdy8pkI3o4MhSj8m+5KTOfHyr9m11wpGih4lwjNPgy\nn5yvjhhgMacDbTuWUGXZfL4rDHJhEi4G8olLZmEJVgiWI+PCkCeacYMWHXva\n1Dx1U9iTiAa6v6yfhbMQcOUo2nx4hVVY2oPx+/c4GBuEM3iVhLi7L1GfLtt5\nLXIWgNXMMpX+d5/GrVAt7LFFkcFqT08heYKSNnerTGf1+exqyWcJZLEMk314\n6Qnv/tY0NFe12ffhG8ifk4CsO73XeAkGyr52lQrcAAzwC5B5bkCIegnCSN3F\nBVeIoYLU1axujUOnon8jDJQIryBSHLwCEoRqr7jTz03ps2djr3QpEb7ZXzag\nDgegKDHr2ApdwVRo3qO6U4sHQwKgJIATkjCLg0Pglx3GMhlBGkd09LSdZLbM\n581elM8ncFNDQxhzqmeA41o7pA2TT+dgUBn6kZvDafIFC821if2eT0YD2l0N\n/OCI\r\n=jh5k\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCUGOcpRifLz6RLVIO8E0O+YGOg5QsybtiJRIeTzNbSqQIhAOQZkFTcDXdSs7XDM0S+wSipCHF5US8kCcHrmizThUxn"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.bb23dbc4.0_1617830595078_0.37771114550129115"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.e539904c.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.e539904c.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.c91e8d141.0","@material/theme":"=11.0.0-canary.c91e8d141.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"0522583b3f6a950dde45ae308718f06d90d40a84","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/0522583b3f6a950dde45ae308718f06d90d40a84/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.e539904c.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-hiLJQYBHgWX/x77hSgL0Sirn2qlgiadiLtqeCztaTrLwlA4hUM19YRGWkAbZHNYLHuyXejE+jTnW02iBvzgGpQ==","shasum":"ae5155586b210d41f5b3a6d5a72b57e5b7a2e755","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.e539904c.0.tgz","fileCount":16,"unpackedSize":71307,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgb0T9CRA9TVsSAnZWagAAWAMP/ip5cKsSSPPGy+dUnqD+\nmTE6977TpkJ/inoMrdJ09Vm/CUz7SUWnSgc8noUhC7ZLHSIji4zF8hLsEPDc\neFV7MozbIGaqVYR26tKxONfZC9CgcZT5dOmAo0rRx1HM2u4GIi6EGMS0fPTK\ndMJt+XDU0R/n7HDWBe1PXCW2RLdNp/BREccMtKJvmFPZN890e/mxRBZBzdCn\nWM2NjHgFNTL/fqa7kwQ7XfS6bhrOtcWOuHCO05AT0GRYfUVbMVQEmj6rWfSP\nbHfhnUCf3J1zjde7VqO21rncJoS0pxnKpairaqza1Tz1R/QjQmjWDdP63mys\nM48qnEkV29boqdkO6QvF2i48VMZSI/NQvYoxuVAx4biCHA/saQbdKiumLp8F\nGyB0vF5FqrfMV0LUHGXEhU3xB8hgDRXIwKVVS36u9hhArNWseQzxK6RPjpXl\nHk69K9kwWxbNljNBk5BjavAEUNeFZFYHCrWuwJFzKPva+3Sj/6Thz+dMKBnn\nXXfIN844JuXgem8E7JqpPRBIgbLF8t/qb2oc1rYpP1RQCFQbHYgezyp7o1lm\nLjsXLEKpzKDY6N9hlgKF4/Dgk/n9v0Kea+yMegf8XDuytYP/zGq58xHLjJYq\ny0TcOKqfaw7mm1bDWNCX0wzsnz8Mg6nqwbZ3oD3FmtplpZt1erRV3bYN9w57\nJnWi\r\n=QyJt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDTPTGndHrZuynpD8l8jD39eYWEW6JamD/BWNaZcArMRgIgQbrv+yCztdqMCfBnyaom/UwewCAAuCxpoGVvV5svpSc="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.e539904c.0_1617904892667_0.23855790087177486"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.a93ae333.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.a93ae333.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.b2fa996a1.0","@material/theme":"=11.0.0-canary.b2fa996a1.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"31a1d0d94dbc7ba9d8611ebd62d41024f6fa88bb","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/31a1d0d94dbc7ba9d8611ebd62d41024f6fa88bb/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.a93ae333.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-2zZbQLLGJIwwfv2XOsUGDiU1nnIfPEUN2Z6UQ9VtO81BNiuSs0OwG4Fyi2zD6Sx4xel2UnwH19sqRKwrhKehTQ==","shasum":"79dc221c1270f7edfa0971284dff70f113b4168a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.a93ae333.0.tgz","fileCount":16,"unpackedSize":71307,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgcLTHCRA9TVsSAnZWagAA6zUP/2ShPJAchWiGt1OY461/\nW/N6cxYqqxcNtXAYCS5bgCjEcuAZ/4dI/Vs/RXwyt0zmiUztfpiW40wAQO11\nsWgT92ORt/kZ0MyPKe7hi580UmR4cce1BkuLJ9ZtbU2xb8N6owVtLxW626QD\njOUIZkd/fShCioqXytf0mrUFIQkFVBCSwhwGbCS8E6MedG0X0aw0ss+KWb+4\ncRqCi9OEH6nu15Me571rEJGPuFciFg+urRkcGCxEQ4B01eN7iDm/DRtexjX6\nl3lDHAMcXquPk/XiH/4zpHC5EzkE2BDVLXiu34QHLyHlCTsg65dxUR+4d56f\nMdVRrgse3qBNuBUaJ2G3BVLzXCKBjJKSfQiC0Rh6eaSbTTwZ6FktuXi/LiSi\nsrAoNqMFU2AXCMjd2sD5RF/eUvnlzyLtgI+ztAlL+UTrswM6R3G5enTFkIhy\noG+PwfUDTrJg1tr/uYOT/tnM/Mt1vT8ZJX3ETVbKWpT5mbWEEMbTNAnFtcgf\n0te8l/ob4mZ7GptIkVGSsoKz0dPgg9imS/C5JWSYirHfE3piHspp5GSEUdt7\nkSqiJLVd92ImDYQrk/VecnEmq2EGMEe+KkgOyRm80zeVy01ZmmwVHuouEfJK\nJSMvvuZY3yjSqmJ3zrTNSlnSyt5mr6zQTZKf4ulNZWOwf0osjxPDxojc5QMo\nqB87\r\n=uZ2E\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDLZ0ssBcpPZxBtmuKzbbYFEbeXYfzPQo9Bw9njI/uStQIhAOBdHE2dsnEINgBHQvNRmBXqVzjgyYgDMLZcywteQH83"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.a93ae333.0_1617999045825_0.6076980372524421"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.e142c144.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.e142c144.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.b2fa996a1.0","@material/theme":"=11.0.0-canary.b2fa996a1.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"135f2f0e24347fef74904a437124ccf8978e20b3","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/135f2f0e24347fef74904a437124ccf8978e20b3/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.e142c144.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-vGoYc3xhPBLc4MP4RWJTHhKWXd+J/lTqlXciibWM06o//jSqNXdjsysjZ13+bZV5DvCsP6LmzI4SN95Im6sI7A==","shasum":"173e32deb8d18ea5a5b7b8cc03ef9013990a43d6","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.e142c144.0.tgz","fileCount":16,"unpackedSize":71307,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgdF4aCRA9TVsSAnZWagAARhoP/RKVxe86xAIvTiUGW8BE\nckz3PRYaYp5gpYgfY2sH+BL90jXW8DheACXUO8JCkn++XzU5tADmHhYgzQtG\nizxW6diSLiWasl26uFHkjr0gFGeKwPoGUR6YPdw6yNdGd3aBDPf+Ufd17B+k\n1/79eJIgN9UJ8G4kjNSyIAFC3A1gRjQ1OLgV2IV1VzGONZpyL2//LuLlpqQh\nz6LWINCeOAoJgFIcAqN94U/0yk13HBA3TYkYw3RdHcxLi5+Ld8EjzZFKu2dx\njDQrUddn4ZV7ovL9gvnXQkWxFb07gX3rz1Q1EZtNHuYUrW/nHl7qjkJsI6gd\nWnrlMJdFPF2sgxdzSKPme2D80epUPY15fm+tvNOo4P0I16T7S8J5eQob/h19\nNY7bg6NlxgBmSoBK9r+IHCf4L/4VUmFqrnVktqjrcDgG4asI14fMkGyFK3iV\n2KYcMTWmmrljnQ0aC+s3BHpm4iMHClrnMNQyE5aF2NjQW7pnJ/9NZKOtFyzO\nf8m4Y8T7UT53sfpshQBoj1YNSHFPXZNcdh2qY2qS34cMTGZTu6xhwi1IRHq7\nINU7W+mHvxTDmMDfH7jP3j+Ovjhb1wIGxw+FVf5TvlzQUjznbyP1FkXn0BpK\nhoKMTds7G6xIkrBJ22CxXam2+SY3KIzzsLgtsXfqtJhwojhzC78rHkB4FZI0\nFRh3\r\n=aKpR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFOZYwMla4wwWxET3KnXsMussBUkPdJP1LQvJmj8m21UAiBw3hBSrb0QtJDpsCCmb4btKXQO078XjQfOyA/XwGn6ig=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.e142c144.0_1618239001628_0.13581529972672368"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.382d7eb0.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.382d7eb0.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.b2fa996a1.0","@material/theme":"=11.0.0-canary.b2fa996a1.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"22f558ec852007036c1b01f2d052ff4512cfb420","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/22f558ec852007036c1b01f2d052ff4512cfb420/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.382d7eb0.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-Z4tidK3OmlmNv/rxdDbTcNJhDP6g/UlKh+Or7NR5SWVUxfIoYk74RuLAA9y3yeKtOYVR4bGrU7F4vBbXICW7vQ==","shasum":"24f178de939736cb75613bc0edfed0011fa31e0e","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.382d7eb0.0.tgz","fileCount":16,"unpackedSize":71307,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgdMQCCRA9TVsSAnZWagAAgqYP/REBSG3bWkvyJjYQE03o\nqoFhbsZ52Sw+QXgbTFENzjYj9CU4nYGPZpdmibmnVpcqD0LKo/5vvLRlt4j4\nuvG3YCkPrLrzaZvOPXmQpD6qA88dlGdehYVeqRCdyGbvyMLb8Y49GebtXtZg\n5t9vP+99fA+hziSeiKTcG24rQYJvKP1AXFU3GHcsLvdCoMQB5EltwqqW9UFi\nrjBdOgaVqYhz3J76PGFbZ+haStpNkUcmT2NV6XxC7SczCIGMjYXH7T3uMtqo\ngiR345ynDwH0cDhX/C3TtUxBAppKPTk+/h0M/a/eRxUtnmTFPmnYYUOkIvt7\nizlqA7kyrhb99tnNd6bxXrwNth3EKIUMB8YNUsoLqOPDtB9xDon00CzPU/JU\nqZQEZlBIYi0Ot9rIYSq9baF6qiI2LVjWYdplayhXFXU/nq/17Y0T+dytiYlh\neq80BVnaysb61WvLWpyVOadXrZG0JGESR5MFdFkytDgWRO9OuyWBU//d/79o\nvO1pAV5TeAYY3vucJbZfJUprnYWO6sKcUh2WfxNqH4QlPhTBr1/DSrY+MiPu\nUj1573f2UUIN8LETNUhCrj6OlIOc4Vs/rvWpAl0CXogvQG4Lrge9X3PsiIO4\nLP8RiA/myrDv6QtzlvBp2OxQ0XJytJYIVHWVa8MiCEOiHa2T81vGyIjL1wMA\nLrwJ\r\n=jTn8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGevqLbO93wsViGFOHqI4JNBOrEFhEWbiV+r5Lo7QGuaAiAa1L/7+mJqtBnlvYKq70CN0LfcA5a2Xwtvi4XJtsjHng=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.382d7eb0.0_1618265090446_0.02670648457615843"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.b16c7885.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.b16c7885.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.352b295c1.0","@material/theme":"=11.0.0-canary.352b295c1.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"effabeb19d8128aa03c36be651c6b4eb98d15e9a","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/effabeb19d8128aa03c36be651c6b4eb98d15e9a/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.b16c7885.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-diEb2oFS12AbVuRpbDVZJBmlRyKTA+UozduiZSvpZepr0o1o5aJqLNBvQPDLShxSubRmlh8sFFpyiMCgjjlAsA==","shasum":"f059c8edbc0952cb59e72164995fb1e0dd8e25ba","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.b16c7885.0.tgz","fileCount":16,"unpackedSize":71307,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgdMvwCRA9TVsSAnZWagAASS0P/0dc++AjI5fR3FaOULum\nvvzn4FubljB1OhnJJOAOwy2OqzDTQETRmt3GkzysGF+LmvUwfqsn63r6qWVb\nB8LE35e5T3vlVd0uwOFReXoAOOG/iQmGueR7tCM7Ily1RYkQCYEgpsyzO22M\nhA4Ep1Fs/aVN0ykZxnlZ6Zm5TjnEK+pbs1+kvZSuZvqYW3FK2h/PZt7h3/1w\nYRrU3eVeblNfRPOHrHfFJrCBmb/PdiZ8ozcUmJr74E8KSQkgcd4qHAnYKE7/\ntVc13FTj4H3CxuYdN+kxzr16zSGSH3AB30Iela7QXqf8O7Z7++Sd9swLKhsl\nJhexId4NlNIgdV+MsDcVBbhmXb9tfSBKHSyoO2qe7ZsxN6P6X3X/T+NV7qxt\noHXeuWl8OEcq/FjUTsobYR3hIShylqpWUD/MwhPeJRmrsdvmdaMa4OHBHVZ+\n/hjFxqn7dYuA4ir0WUJH0ARh6ztymlAEpM68k0ISAmzFshg2hF5bcdDWlney\n5Vp1N2zl/B1GEmSF7phf0xZWp7smZmnnezz465HNvyi4KwjxJk/uPM0Tl/pU\ndcF8BaDvWeKIL2U/7NLv+3Ex21No9Xp8861LuMKHbVGCeBc5O7CfHCB55SPI\nmTV9UZNqCaJCOCoFic6nlMkPcxlhYbImguCSaBcc4qj6myZ99r3066MYiy+d\nyY5U\r\n=fgfs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFmRXz9oMt9uwMNwzQpYxd/ycWsyyLuHzOmzVwpX0NnWAiEAwzZleCSdkhjPA1YiQqV70XmClFkap/Y6RLebl+MY8J0="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.b16c7885.0_1618267119987_0.47303311625956934"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.0e92782b.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.0e92782b.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.352b295c1.0","@material/theme":"=11.0.0-canary.352b295c1.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"7c46ee6728f96c896cbcb981be39309e7fd3f60b","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/7c46ee6728f96c896cbcb981be39309e7fd3f60b/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.0e92782b.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-BqAcwEhM5crseY4iU5nTjdgFgxKDZNywZd5kTCQEReYM3EA51GeWuoutJxWPLyBY9X5ka1hzJzsJXnwyHwP79Q==","shasum":"685c3dbf2bef64145a6cbafcb7124852952780d2","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.0e92782b.0.tgz","fileCount":16,"unpackedSize":71307,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgda2NCRA9TVsSAnZWagAAKHUQAKTwut20NP2qgIokbL8z\nxx8CYpGrl3Ul69G7kPpV5Hy+Yi86JjcGBpwGDh8guHrVd1eayPVZk26pfhfq\nN8pDO0pEXf63fgmAUbhO0gbacd9I5ql+5G2JfCyBaPAGcTeHsuB4fDGJYBPW\nDJIITx5/xAlr6lST9NC9H8XSfIL0PssGyvhuVslxoAzWakqJW8Y8uW9zb1Q4\nScKu+R60DY6EPdJCDUynuEtW4C9y88XkQWMh/Gv36rSWEhzWTk2Q+c34LpVA\n/ypIhs6bTvyG7j13iQCQIcxaQBHfuJFS/TAK3r7X43X27jqR5NohI1dF1jUl\nG6XnuLUMIBhe4PwJMQcDQDtlCxXi4G6B/evZG6oSjH7yhjG8UrHTOwqRvJk2\nTg/ss1l4hIYlPndzQATZ/ud6HvfvjFJHWzU00G5dxH3P2UNj4xBcUOca7nH1\n2XriA/0immdrrlBmPPHn6+fcu1LVzXOjVw8WbBpB6G4P2VogW8i5Ui+Twpzq\nudnRYG+K99mB9yDQhcLLmNqYgQN3WOeMNIomZUNQ/M2soMf6ALVeZALY5F1a\nrMi0TGTa1rmCInCjdjygRepdBc2spBw7CicoUWDlAHfa/wN5vauF7o8sUWeD\nDUKpp/rbKVt4YJnJbvW/V2uH/dFz6i7qCJhCe2mYxtM9eBzsSpVCE/uML4vz\nBPQz\r\n=U9iO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBvYRmNqjgjMbVthquMMWxnJpGiZs5jvZFoAjpZo0fw/AiEAkHDHKZfCjkKo8Kxb+FQnQ9N6J8QkH1c3p9iVe+DS5YQ="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.0e92782b.0_1618324877417_0.670564189687036"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.70b3a072.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.70b3a072.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.352b295c1.0","@material/theme":"=11.0.0-canary.352b295c1.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"12958287de673f6ce0eb511950c61be3d1a28235","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/12958287de673f6ce0eb511950c61be3d1a28235/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.70b3a072.0","_nodeVersion":"10.24.0","_npmVersion":"lerna/3.22.1/node@v10.24.0+x64 (linux)","dist":{"integrity":"sha512-iaVTS21KLS9VzhhTnGwtqsBkOCstSbfjgr29KH/I7rLepDMGa519MRh9F9dUGG2eWDnBZH6b2En1V/eLtOo6dA==","shasum":"438ebd6a7f0393b0b56cbdc59f64671ca80c61ea","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.70b3a072.0.tgz","fileCount":16,"unpackedSize":71307,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgd2vpCRA9TVsSAnZWagAAscwP/iiq3HVvBLVpLIxymrr4\nBaM2sFz6w/o6zQkvtFlcnYBSTRZfthDprIkAzfk8Rj+bpW8M45PBZ2p/6zpr\n4hnhzwYIy8w50ZbRIqu0N5wjlI5Dsbd2mrbkar1GthL+cK6792vORJl6iJUS\nftrsBVck8C/yKuO9Eyfc7D6gCPDsbo+AFPePPENMQm+hP0Q5wETRinTTVzWS\nkecQCZKDSBmzTdkXrQn74E2KVH/fFgn0qMz/aBFwlhbg2l1OuUvS7LPw8cki\nRp4d54nf78gnOwmNFyJZGM2eVsS5l3aO5zHihuCDWpTbbP9zX3p59krZFy5q\nGAYviS6FB/UWi8T+j9VFlwJg7FdoWQe/w+Hi9LwskwfhnmgNZOLbCuEJZDdT\nKUuYtldSzGh0TLxf83VndWXwqNIsTICoL+Dlkekp5rjlHpPH68GL25rDYigL\nPywofyTn9NqO1qDMF1dVJ3Fn0wElYY4JHE6+OvEmNU/uWLnaFMb86l1OUjIo\nfFsI3a2XmoUVFuF2lMZLVgFQfX+q6Zktqf633RGtK/CR5g9Gg75bHtNjmW3Y\ndvZZ3Hi/8Mnuh2HuflDzhqwUAj0CX3OZIm+A6h6DG0tm+K+HDMtlJhTqZv89\nmrysoAtHeR/kv1gf+yQ/u1MX19OyHZ2f4tXJDogsDn9LbSp5HXJ9Qt8p9jVU\n4sIN\r\n=lDHh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBT7RmUt85OmQUwFxYqN0QGnI0eAFs4akBh/R6euBCDWAiEAsbo/p7uls8IdK/pvj4ZF0rTYRcPyC7NiwcKphwMWV18="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.70b3a072.0_1618439145067_0.2306111202890022"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.ff79b092.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.ff79b092.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.3793a3143.0","@material/theme":"=11.0.0-canary.3793a3143.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"88513d2e247534891581014622ab048f4f2c52cf","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/88513d2e247534891581014622ab048f4f2c52cf/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.ff79b092.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-e9nazmpNNkMupmYO6iXmaRo74zdpMvKND9RcRpYh3nh0tyqtbnbOqAGTu6x9hNLJEqRPLA9VLx6gEIEAFcuSJQ==","shasum":"f642c670bcec35e52b46c379d6ec056160db07c1","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.ff79b092.0.tgz","fileCount":16,"unpackedSize":71307,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgeI0GCRA9TVsSAnZWagAAZvMP/25MvWMNEQXuRXL6Vq9N\nrnRGhnu36I0AyxnRPfCYCS/XPfpXs0wHL4sVY7lavY9VjSZ45CwB4nyC0wLu\nbY83cGn7pfy68Qb0XyV5/VxTwZO0i7hNDxTJQTjPyAI2Qlr/mm/9HSdPivpt\nT/MlOFTv+++mql/6HAo2ME5F35GGSlbwTbgQvSRJTYi7Esbt2DLAyy4ALP0c\nelDJzqRAYLSNnmptsXVXHHjxUmpIny6Dr9YpguD72EVE0t+wtw8pIeM9A3O1\nOqZ+Tj4hwazaMZaLJXbBvLDgaZOmE+ThztX2z2krlDB3boMRJkTkcNK6T2EU\nIHV1c2K2f/V862b7Azq8R3vxMNidOx+PbaMqK2F1c/2o9h5SjbLzc5xttUCr\n1So5UkhbRmjLg0H7+vESLEon5GXPLngEKwnb2sgEuDZ1ct3FmCLETOFZ3g+M\nbZLEtd0C2YlXIuJPf5Sy7Jg850mSjpbvGqJzkqxrBLLBHXWhVCZ82+p5n6cK\nwC1lnZvuqvqxsyVQ3Xl4i1iV1vUPv6/x8hEwgNoL8USit5AFNHHpW/1mZPDi\nghJOH40jWN+qS29y+J8fJXytCNUk8sJfpVqCucmDkQkCeFnH99nvd0hUqJuH\n5UAwX1K6Knh0vgfDmWtISl3AHY41BWEaVNbrHUCxWxw3eRV3p6UzHpAnIKyy\nxceg\r\n=2gmu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDo/42LAduEQpvuoGL9/AlLpTga6Wsjpy7lmsOZcBK70AIgXz0Q0KSuQdD6Lqz4qfNV3lqwkNFCABEk+udZsMdGRic="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.ff79b092.0_1618513157392_0.7040865054609493"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.f35b2fd7.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.f35b2fd7.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=11.0.0-canary.3793a3143.0","@material/theme":"=11.0.0-canary.3793a3143.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"2b12bd76b8558ed1f827fb23b46af6854b404f91","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2b12bd76b8558ed1f827fb23b46af6854b404f91/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.f35b2fd7.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-invRM/TQ2RWNqo7ru1Sn9chmWUKua5P3YXpqWbb/VNURy1oba+jUakaXqL1kezi26MYA1UlcSqrcfZbF7LBqHw==","shasum":"f62a1e91d6b2e2b9ac64d6ec0dd7b6d841181c85","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.f35b2fd7.0.tgz","fileCount":16,"unpackedSize":71307,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgeI99CRA9TVsSAnZWagAAlpoP/An+F45UllXPhs5JsCT3\nYL0u8kzhtqqxjAVi2NfCG2dzMXZbwcBOdAy7FbjuJ+g0b+obHaa1jdaFQlmT\nIO7eyUGtYuxJ/UUOG7nFyXcUZfrzc65PKu9FC56BBfFggUwbVh4X+kmqI8EW\nwf5ZIXyXIHluK4XI0XFERUHls+vouspuaG2HuuFmPSQpSbngPc46yizoEqUa\nLODAFvJOSJp9HQhl0G34zxevHxLXp3pxoO1MBO1tZXT29BjKXZridzeNC5js\nE5loFRppHxbNgPVqtO3/c8JZ22v1I1ZMLeqSwu4UaTDiUBU17dkSI51LxycN\nJLUkE8VxOynBzCRDzif6Z1Cnv6p7Trtouu6xxNrk1NgGhDjtvaXGBgh5tN4y\n5hTrZGRZO0T31IgwEHGCs0Io0D5aB03kPXc6rPDG4gs3JjJR9wQ4W44KQU1U\nfBMmdREOM48W7Ctwxw2Z7h62ZUT+4ph7dt3A4Xek20PLmba8m6VDuVR0c2dL\nhdR94a7TC3Xkrt6H6nnQp2T4duTkPm1FR78iaguYxO10Nj9nH8jdbZa5hBQQ\nSNZHTpmLRODiahUQoCUcgUYlrECA0X+oUlzcp/7g8eMWbbMJ/cEmEi8MD3Nn\nkv06cNZHPy7w3tzoClJRqIpnFMtCs4vLs3qntOEbBYtF3mgsjUifcvbQkwwU\n6tEq\r\n=KJ3G\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEPQrS04F4E0BzAwhAN6VVengdSw7+o2izhcOZmqX4l3AiEAlNqSRGaLXCXfOq2sRztTCXkTIk13lL4v/Ii9IvRaaRk="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.f35b2fd7.0_1618513789304_0.49058408619743177"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.11977cac.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.11977cac.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.3f342c3f4.0","@material/theme":"=12.0.0-canary.3f342c3f4.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"30cf21833b011fd8946bd6853a20341579b79c96","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/30cf21833b011fd8946bd6853a20341579b79c96/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.11977cac.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-ad+WJCqH0Og6HE6fJ71JpSPPbbNd6jLZ7v75l+rko5PPNhC+G+KzKRoF9pPkMWAi+/T6RbBBx+TYg3vY+Dt4YQ==","shasum":"b9fbb7251767395c23f9c687f46636a85ba2e59b","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.11977cac.0.tgz","fileCount":16,"unpackedSize":71307,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgeOD8CRA9TVsSAnZWagAAvHcP/3VVh1aZYjhMSHPtG2QQ\nJ5BZfPdTRW5T3rz2T/QF8PlgGuhDewaG4RyT9KN7mQl1Pgxug38NRRXruMpQ\nWR+o7bxoUQ5sxk098Z+Bje76xljQ2sEEhdxaxQy77xVLHZ4hGVGg9kcoHtk+\n3HiBnpU7ylQ9vE8/gqNTLTGMytt5iuE5Wm/3dx6BnZhNaAQUGaWGnLeAQyGa\nzi3SFpERdwAkD0NhpnDbyYKVQStnFIG2sktOPc9aqgYEa7sBhX5JKfIL7XWm\nfijXHTG3AMLPwSK4nv8xDH5Trtmeg76lg0IGQLJwduOPrLX0czvozoCufZi8\nVReWxf3iHZhgWCFpKd1eN6SQ7DZufTBnOs2zYSYdtdJ7sylJWG6iTTOvZ5jy\n2y0RJ6tgBhKhc3OSwSEH1LUMSqKBCkkEudeMtc9loHcD2vzo0SyNkYlMi8A2\nXbhJo4mv5MTNlKozeX5l3mk7taU6R2h+Ord7cAPSUwQrgKq8elF8EvwACqvA\nxpMNHgfEBVb5RYsKsp2QdivB40hcsmrE5rUc7FvG6zuqoT1IKJAonoUcgwU3\n2kbtvyAW5OHH3uShMvv2gtwGV8uJka9ZhjfGh0BegFcl0kem1/Q7StX3UehR\nT/FaIysV42zlkzT1EOqvTuZATd2nX8iI8ETgz0rJTe62PCojd9jFRI0x4ZZl\n1YKb\r\n=0Wiv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFQ61N7+Snv9iqCiRdY+RyeELnFlkXWECppe0AAPSjaLAiEAkyuciihgTstp8LpXptjl+SAA5/gDuNOgVhxgxjDAr/g="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.11977cac.0_1618534652431_0.5154619126970537"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.018ff45e.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.018ff45e.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.cad489689.0","@material/theme":"=12.0.0-canary.cad489689.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"4ac1a4ee2a06e36457a8412629422eeaa91183b6","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/4ac1a4ee2a06e36457a8412629422eeaa91183b6/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.018ff45e.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-xDY2fgk+4MyncT76mkqiM819uSozm70KEGt+p3fE0qCLSIiXWCQf2ed0kLwbowVSUjA5Kqz5mEiFhHQ0AzirKQ==","shasum":"f0a714e8bf106585ae7fb9ccc3e9d656dc4ce89e","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.018ff45e.0.tgz","fileCount":16,"unpackedSize":71307,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggf20CRA9TVsSAnZWagAAfKQP/R2KNghxG6aB7mIfJyy5\n2ZrDq2kX53BSsU46EBgQ/SEDNCyoHUylHn+P02ZUhLnAm7F3k5zQ5Iq9/rUC\nNXfLuv/JBGe7+2RafulHfhLsx9XAlHmyaiPi0P08N/udI3tafhzTVhDNElmV\nFlPdY0UbqFcmsFKK2M6pSFLvZ78RbW75PpqyiMTgdzNKwLszWO/aaTsLTIlW\na2q68uHHdxxW8LqhOmD6Ujk3mU4xTMwHWnHMuJBXnAJgQneE8o3xCtJlitgF\nhH6gegLZ1iTZZFqR6Q74GDeYtpgLHnCABwy7ECk5AjjitcWtfMtfUMn9szHl\nGeI9l/epUAp2AK/DRK8Q8AJ2Ug/zo9FpyIBfDVech7SoTgxMlXuF1EG+MKJq\n7RCR5ErpugzR5LiTw2SKGvHqLpbQAybZIO5D4ry1ioyTe1jUESIur7RDGMZl\neAZnecWR+KDeNMJhEH5CwepnW32iWCfc7q+gQCF2fIcuok7Nq1q8Y4u4UDPh\nViaff7bOKCXN+FY7hi6mWQnmYuOX8xyEy1isvg3NYTVyRkX0zDarML7dzyb3\nqhbeugohOSbfWiJXY+8tuo7D+bXN4/5s1YolEwGVa3AVCURh/sCU18/QcFrz\njmOIgyLsQn8LSeFfvqqO9f58v2QjSG1QwvUbwkCztE7x+V+7z4PbRfJGeOoN\nbmD6\r\n=uMFV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDqEKSX3xFkGrfVibRLZVWKhd+fmyRwrZcFYBNTOdDyJAiBfnMG6MjcdbszR15Ff68rZXbteoieeZAxrYr9Gmeynsg=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.018ff45e.0_1619131828540_0.601347589750157"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.c99d1fa5.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.c99d1fa5.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.197f64fa2.0","@material/theme":"=12.0.0-canary.197f64fa2.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"890b4e4cc8e4f275054b5ddf4b3554d0a36ad82c","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/890b4e4cc8e4f275054b5ddf4b3554d0a36ad82c/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.c99d1fa5.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-4BgMkB8r3lw2Jn6H3MlaXSHLg26MBHO7+vWMRc3mg0jmgzuRZzXzMnlckxsQpGV44KgRkNWSOEBF+3V7PCakbQ==","shasum":"cb3ba62b74ae7626a832e07a9ca8a4bb833c44c9","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.c99d1fa5.0.tgz","fileCount":16,"unpackedSize":71307,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJghxh+CRA9TVsSAnZWagAAln8P/0cn5+pq6vfoPD5xBWbk\nBcYTjz8tdcBosyLsL+np4E4S3A01WB2AofNAy9S/WfgCg8lh/+ZRy7YquvDh\nuETKWh4jQ/2WZLZ30lFPUYh+4+z7gBPMe4sN2WIuvW7A4sqU+sVwJjJFyH4G\ngpyz4SX7t25YL27QTvaoVNpGmwPt+FfQfi06lJmgJ1OhyABUiUbzphiC3jF0\nktsXPH76+R1oIt6Er3sK21gYHkmXg3RHCeN4z30GmqEH/pF4JZBgjgKbpWMn\nlBKa2Jo6tdtFxL0xA31+bStY6RGhfquFeiI+L3qO2H6ZCn6BvuLBQ/0jZrxp\nk7wAUGXpGSN8DGy90yUNeGg/+DxkxFxZ0Aw+Xlg0ollIaw/W8o+aMj9635LH\nGD2D8F/N3jSb6NMNRmrtv5yzs4F8FhEVXHUKKqyj85o+HATrFJCDufDuWyJd\nrAW5e3Zt2HQ/TjrksWC+dOhj+KSp9atcqw7Sgfx/gg7emr4P+dypDH5XhcAc\nY4mE9IU628EsmJg7G1CaDRoycZG0FWROkaa38Lsu9lpoYwcd9gmyyew1lGBG\nDi0ORFnU6gn8zNGMeV14D7iluuUpU3TXijqnKqeJ9lNm7Fn5yTn37Umt21jI\nGQIM9gTI4ENIddtkWpsS0HHMptBkdpabNjd7QpwVh0EpnzSk9jMFn1tv4sEx\nOaGD\r\n=iEWw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDSgoZYbN3ydQ3H0L0/1m+6m7LjGu5YPGTCyXB+5XcoaQIgOlOGwmTFHuUdmIb848WlYplwCjpkqYPbIxDaLtuX78k="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.c99d1fa5.0_1619466366258_0.0416074981617951"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.eea9b304.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.eea9b304.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.197f64fa2.0","@material/theme":"=12.0.0-canary.197f64fa2.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"5446efe110704f4464931aec816f98b15640db03","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/5446efe110704f4464931aec816f98b15640db03/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.eea9b304.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-K1d/8n0fpEyV66y0Hrh1jeF/7B3iHKqCd/XVl3dalxwUJtOaEv5AwP+lmC0k2gcecOYIjl17n1jtVhioqgiwiQ==","shasum":"57503665829fbabf47ea42c08a9df2e50bf9b42e","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.eea9b304.0.tgz","fileCount":16,"unpackedSize":71319,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgiJW0CRA9TVsSAnZWagAAcKgP/ijB8o+DPpW4XGKKR+cp\naGPlEKeIP/1+BDG0AmaLFPHHbfAa0s+ygT8pUAqdFKYiZCx9v9QKYEdq2wG2\naDXYqzR+xjQuhTMw/fYHTFY583vFQlg/LG7VxnJKEpf1CiXUf2WAogax24dy\nin1hHk1G0If8pcSybO0PKN/LUO/OwLQsEpE6F9ozPuQHqcVCQBkIaLKMC4Lh\nhcCuXEmEddSheQ/p9QVBRphx2PS4gAsdD98sjnSHgw2P5emYSVctIbWpmCuE\nAAyzIPxd6muk/CNU8DfeutlmaNGdybo3d8ZC8QuSQ4MWeAROgeqBOUWQf6ub\nxsv6JcuCcMrgV+1wHuMgx/W4L7sakrJHlNI5q/j/08WAa3wLu+Jtt/W0rsWx\nk9EVXWAhVHLaU7a9V5ZxoLM17Sq/gIxtXf51rPrC2NU7/ko2FZye/UzoHgcw\n5+dNg3Lji3bkzTBJX6w/bp/UQ1gis+4yd5dCmfqyrl3F0KQ7369gagnKh9RX\nLvt4zGvx5ymik2SpwjLVBTFNrqm1BMhpKVv6vUrzvCnZADRsKGgypzi064Nb\nW51kd3NUOkurXIzMMeI/X+QvNnR9ZymIogH/ezFM9kr0VtBTES1qgqq+haXp\n/mZDlm3hZuB9sKC8WuInK7uDIIgI8utxL+ddxmA02v0iNXN32KwGQf/njHrH\ncWWo\r\n=O+42\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCIck19I/HecdUhCFqsKPlXsTccrY9Bfst3s5vwxqbJcwIhAISmbKwOnOglotR4UPXRd9/3K+glYYMyuLhyGHrLkJvT"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.eea9b304.0_1619563955620_0.4357901678436553"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.5dd85d0c.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.5dd85d0c.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.197f64fa2.0","@material/theme":"=12.0.0-canary.197f64fa2.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"87fa4ee3a285fecb598e3c37e03178de68d79f7d","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/87fa4ee3a285fecb598e3c37e03178de68d79f7d/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.5dd85d0c.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-Gtm3IjJ3wNit8y1TIkCm88KU//MeSN7dbT1Qh/p+TUw6k7saPBYOlzmjszQEB0bgDytWany/HYOJwTiwH76qpQ==","shasum":"b2cf8ace5840909cf03a1f709824d03e56314341","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.5dd85d0c.0.tgz","fileCount":16,"unpackedSize":71319,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgiKeTCRA9TVsSAnZWagAA2BgP/2oz0diI/YI76pGGeLnb\npbPF1fbdDCbJ5sn0dgJXkoNY0OVjJq7wgQIjmvEn8vP5vXBqYJyupRcQkkOG\nUyWZpJBtri/uSgrYlWqCIyBeOiSSTgdK+J12NYPGfaQqNg7rSN2PasPWsLpW\nvMvXKRQrbTqlCvbkya15JmczmoJvWxjU5h3jyOpEG6Gtlv9E8Imd8g9Qgstf\nGrVAV9EJ+hGjPTAlU/ksBS2wfOmLDEed8X8DM9ksxi5jwVGAaw2wk3ZhVmpA\nkuaOHo9CndG1Az+LBkL2RdcxRz4XVYKurV2doTuwBRslJF4/CJ7o/sQe2XCh\n0cT0yFeLrGNtKMabXG+58FcTxVf/+yhvfmJXENqtV1I9R4vQKT9qlWQYb2BY\ndU0Rztm3K45HsbcGi8cTTN4oMgmsSCQGbKJtA5WWx/errnKiQfDSP3uOdSHU\nC/0KnUe0w/wB5dMWowy52d8i4Bq4aav6cxtJNc5AUEZ99e5IE42Rm0pyCVnv\nN54IukcrJtnSCtYaKChUXCa+8no0Xb2/VcTUTBhJeiwIwgQf8bo5+5kXBzsE\nVJavfwCUacz78HMhqWUREx9WZ25DEgUIVBDMvBCFtz9HARsiGkvnhW9ytJrl\nxInN5rRPbd+DljSdAA8hdEugHxYJMFNnRhsmb/gwgCGopwktokwv5dz6+UO3\nzJRY\r\n=HBx2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCegwfZwmwm1R58SbYOkq9VVwATwvtmn4ahjAYd8alm4QIgbyIo11TQIZrvJnfwVHgkwKcfsmnqV7/RFRM4PE/a7lI="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.5dd85d0c.0_1619568531267_0.9095719768030275"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.cc813cff.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.cc813cff.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.197f64fa2.0","@material/theme":"=12.0.0-canary.197f64fa2.0","lit-element":"~2.4.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"2505c49d16e9b978469aef456cb53e6d6b265758","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2505c49d16e9b978469aef456cb53e6d6b265758/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.cc813cff.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-ZjX1ajThi/fNZeUIQcwF6s/b4WKMRSbFtjCGQV4ib9gEIlOqTo17UMHjcudGAy4DHxu7ermG6/C5SRNdNlq1zw==","shasum":"f3779f58ff9f8538aeb2a456ea49e23e131fbc7c","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.cc813cff.0.tgz","fileCount":16,"unpackedSize":71319,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgjHQ4CRA9TVsSAnZWagAAbukP/0zIqahOt1n2hifZ3aze\nWfNDfQjp4whm5KJRjg3dLfZWIkriNeB/SPRi8BXL1H9qe1hN2PPbz+/1OTkE\ntYy897vBUTTyMr9tnmmKLZjsC02TYj1PAJCVYaF4gH3fS8/08I4FSIfyRNpq\n/VBhnaeLEfJyMDlvQcNxiMBpvJksUMOMnAlFtF/GG7vYyfGdhYZ44ZJpXrRX\nXqv4FLVaZkBHRnLI3plwUaoqPZKmSJJwJvdKJTEJNNhXg/DtZS/+VqTy+ziY\n/560TggKKtkQNvsmrb37peIKU02XGELm0e/hzVSA+aWXnFtGsRv1b3HmwEyj\nAt8UK05B6e2SniZp1uF6gtxXkdRX7upBmbMdVi544Hg+9yLWChu05EcC95Ko\nHrITcasM69HOAoalgov3KzQMJxcnPsVlj0VSc3Oo1w08TdS4HKRbgCJzbTgr\nxNLzN9pLaMe8GzB1wlqzG0vbei7Yt4cLE5sEqLzzJ7pWnFy3gUCycRGogsiC\nJGtrozZPa6aMKxS64tf1j/Tc6lyyXm/fdMpqf6w1nF5/an9dMG9IcEop46wl\n29eZRZ/ORlGaOePkChB+uJ7O/mBnLWos71rIpwJHb/+1EVksrOJ3N4LARTNv\nGUkYWA3H8Co9YAeaJCUJfbWPxqYaxVTvkOFJHFosmNcOsZxoMWAPRD2Um/KI\n0flS\r\n=5c5z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICMscPoZ0CK6XhQa4XQeF+SQm1yAhRKVyzUXh75q+otWAiBdVEcP0lsifnvmFp0X2PpJajXSejaDRnlsfNcrG6Ph2A=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.cc813cff.0_1619817527737_0.21061589670024627"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.0875e898.0":{"name":"@material/mwc-linear-progress","version":"0.21.0-canary.0875e898.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.197f64fa2.0","@material/theme":"=12.0.0-canary.197f64fa2.0","lit-element":"~2.4.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"d5ea3c745b8a267546c8a9f9ff3e491bd41a8f2e","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d5ea3c745b8a267546c8a9f9ff3e491bd41a8f2e/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0-canary.0875e898.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-RACrhhXZqXzU7h3eBhbuVnfvqPgRoNUv8hayu5tgEH2FRkiOJfUumektMqDTwD39Mb1lL+9SxF/ULNivxsjv3A==","shasum":"8f1b83d744fb1a3312d2a15200b0750c42de10cd","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0-canary.0875e898.0.tgz","fileCount":16,"unpackedSize":71319,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgjHYeCRA9TVsSAnZWagAA3hUP/jVowxa9gCj3zb/yiljP\n7WYAxUQH/P+RSrDEO3gFGXmDnj541xt9sjkB7/MzrIY4t+FJ+Z+ZuVw5tcTi\nPJqjqFmzWTKFY9RSlPDenLp0qogz7j04uOKW46KBrmI3ZT/znLIoMTD6p0bl\nL/31zA6EiLREe7W2Q415ooaxhFoC86c1R1wPjh1bC/yOBw1AURqZh0ID0YaU\na9+H0iGetKyQGpIx37+1WFmI2d4KVjKY7Qos+lpbTLhHuFPyeaMAACc+t6+1\nMWbUhK4lcR9TgRTHU3fcEIqUARjgBQXgSUYQM9010AdZhwDDaaysDA4aPImp\nFTMtyiP08+ZtjNl8JEfxT/Lu+jvi6ZMFaRQmZVCDpEz10hGJ8hdvsgsAT+ce\nMhwWLqkmLOOtLmD5i9ub6lbKY3phK+ll0PP/s3H+u2Odfb+KQ9bUVjDzjuIH\nFKnD7VhjZ/636jHV1UiyE6aPgvdbGvZcz+qrsaWFw9BQXI0Icmw8GGvWleLG\nkARDVbIz+vGAYyX/6DeX9Ey/52/iiyUEdSzDoDHfKRsBkak4xGHgP78GeVIh\nXnk7OqsYgFxawrZXd8nzvxnPZNKIinID2mV8TEx9SgsTA+81v5HPvazK9CiQ\nXtTC2yrBUY2U7KwDsKuYk4j6fz8XnarpvPzQUFI7kl6H5hMJjJ7av1f5o7Q3\nTEKY\r\n=uBvG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC9TS4chU6Q4WymNlyAB7AB4yILdLkaxLTQskuyQb3GEQIhAJM/gbydq7XyyA0l0sC0RO73NLiJCmBsQo+0qYW6weyR"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0-canary.0875e898.0_1619818013550_0.38714024425941207"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0":{"name":"@material/mwc-linear-progress","version":"0.21.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.197f64fa2.0","@material/theme":"=12.0.0-canary.197f64fa2.0","lit-element":"~2.4.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"8f1e7e1b886b6c6820c18c8cc26cce7b15fd2c98","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.21.0","_nodeVersion":"12.21.0","_npmVersion":"lerna/3.22.1/node@v12.21.0+x64 (linux)","dist":{"integrity":"sha512-BLE2AtOgkvsBQ6oCsXmcWh5TlQUIaDgKWYiYZKGMxGcQckEFx7NulZNk8bC1XwAOX0b0WcscspSwE0ue5FT66A==","shasum":"c1cf891e677f5f65804ba3e8bc3c650bc6570455","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0.tgz","fileCount":16,"unpackedSize":71301,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgjJmECRA9TVsSAnZWagAAVkkP/0gx/LfM4at2l3B7E4Bb\n9szk0u+NBV4qRLMuk53FbMLwybmoTYTpReDOOxdXjTtuJnKGEO1nUMDmRgdS\nXCHJY0kWTHSpl7pDwpcpOiC1d/vtP3bGKhkJeHgNhttFktXtOx0TyQrZMdVS\nxorz1kjBd+W0nshahuCPMG1fR8VN9iPZJ4sXWuUuXUI8RycMdD487rEaYgFE\n9d8fy0NP0NfnFgPxgv3MVSmaGI8J65YDKHLfuEmFm5lcPpPbeBMuQOzrXceI\nrYecNWaXo8FRuc4FRevecr9bWfmfgmfMOMrwoNkLEBpkodPS+NHWqclRIjbS\n2u7HyWHteBLsP+ToM8S1pATB2g2KcFHnv8cPvWQMEWpup4+GOPhBNdH1Y6qh\nZPIY613rENlBxWbN59EpDiA9cOCCp8hAVGIGqPJLu2ezS3AjoYkLmyoi00np\n9SZlEjnbUh48kOsCz8e8qbNgvcpFD1U/4VDp17CuIGxCj7L0TMlHYUSWImrW\ntCDnB61Vy/Dj3Iqz5NgTVWiT7bRsUllzDopHBnySqrnJhNPNWWIqnYBtHjIe\nT77OSpSISbqAMtpMZgqqn++frSiq2Gh5P75XHeLM5CrGLW+4bBkTKo9N4BQn\nBV+tth41Xk/bGZhMhmVPUyPVhIpXmJPAV5ed01xsbfFPBgKYj7WrCPo1SFJh\nueOI\r\n=4QwN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBpvItS9BwZF7os1+hK4JXxsJixM1KaMHraDJjg4qcHDAiAqTvTsx2iUxjGvGXtCo0q0SyaHLqHxXiw82LU2k7ZeMw=="}]},"_npmUser":{"name":"taylorv","email":"brian.t.vann@gmail.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.21.0_1619827076162_0.8611350912450262"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.8f1e7e1b.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.8f1e7e1b.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.197f64fa2.0","@material/theme":"=12.0.0-canary.197f64fa2.0","lit-element":"~2.4.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"346f8ec243ae13b28796324e6408721377829b39","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/346f8ec243ae13b28796324e6408721377829b39/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.8f1e7e1b.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-6X9elyAwT9JBO3hMeOL9yUan9tNlprIgDc2kyM80gUm22Ig8RX1OPFNMx/gVmjvta7XKC1rhcsbsKXAMGQr5lQ==","shasum":"97aab450102001243bbe0d9440404adf0067c459","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.8f1e7e1b.0.tgz","fileCount":16,"unpackedSize":71319,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgjJscCRA9TVsSAnZWagAAzz0P/RsQ5plLGoLMUsKCQYxd\n4OPFzHpva/R22Sa4BD2ILPlInGJpi8uRemcSeh0IRKXG38/e5upTdYq+QNf8\nxi+KAyyLhEJ4966qvnQ9QhXbc+5UxGcC2ICgpRvevEhlXNRNoFuwmT9/DHWG\nQAY+Sh6FpMKoWQLjPpaKZeG2Y2aQND+2GfIt14zXtAPg11bF3s1x32Ri9bab\nSG09gS/KXcLJ3/xAkXPUlxvzy12CdGa0vOw5qBjrv3bOh/gu3WsXF2AEwv/6\nl/BDDzG5m0a2Hy52PyiuhPPQzmbKjxe07n6pXjqiL1cMb2kD1Hq7aqKZMV02\nlXn0yPdcV2sEXj914xLwB3j11gdb+MxyzQpthsSJIvKyaQ83ujoC8NFlW1jD\nsN4QVcWBKS2hbsVaPUD2b7YglsnKOXM4F0p5DTcoWUuu2s9yADSc2tYjTNAR\n0lqYFrj1gpnOxIOD8WUxZo6hiHxZ/Hnv/YQOV7jixcnbfeGzy1BactVir8wk\nPinwEqyksqz1un71g9PbDn6PTcugSghUWtYOcuvPiUbNsFRC2FjQkcMLz4uk\nFCcz5+wFYIgHze8jw6jDJAO5j3uo7P/P71njHOsiZFsBdzRhLOoNfQjhUkpp\ny5tWx18jiDBq3nLslG7ij0LK8TVRTBCDAgaAT0sf3xrFzSaTqop5HIgf6rdR\nJgoa\r\n=hAee\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCSLB1y5ET2sNeeAIjbnmOc+DSsHSTgIrAtZsetSMVL8AIhAIFbThJdxILjkEypHsMOrQyFHVFXUQetAsjr4fE8RXKK"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.8f1e7e1b.0_1619827483567_0.6445373917430168"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.deb0e792.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.deb0e792.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.197f64fa2.0","@material/theme":"=12.0.0-canary.197f64fa2.0","lit-element":"~2.4.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"7b8ce494b86ceb69e799a5ec1a9f0148075d04be","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/7b8ce494b86ceb69e799a5ec1a9f0148075d04be/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.deb0e792.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-xqb9bwCxg+IZHnIrUeaNLKeLNX3Er9DbHDNoaIi0YEWdZ4E2R+LhG1dOOem1A+ZorMqT1voDeYb+zJlq7nxpYQ==","shasum":"decc99d107ba9bef574128d95ef6d7820f665e53","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.deb0e792.0.tgz","fileCount":16,"unpackedSize":71319,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkGwxCRA9TVsSAnZWagAAnXMP/3Bm3saSetsi7dWpXpAp\nVGFUCmt0Xf8jcaDgYs42ZUG+clPvNyWYUpYGJt6SC9yyQ93/7wW3xLxU+HRA\nEiMfl/4aqLTPq9MIcTU2O3zVCrZ1m3G0q95hiXOd4g+WK/GLngnHKoDJgAX1\n7R1p8Sr2dHU6+m0UpYppb++A0inAC2jwmxvBPgQruekj6I+cllQBz6GYA8Gb\n1WyAIJjXUoImRUWRd7H9kM7WpE0+c1jsu69FnNJqcDRBbjb9IeIb1SJmrDR1\nVAP9dhiTvUp6pl0bASAPaato3An4x3n/6yv0GDjDdOWOZ1oCaa16Rr1YqEjb\nKSIrGmeYn3NS+jBhOSfPLQMCEzxRR5SgzkbUPjhThGR6W2iC1iDjsocdCH8H\n0NaelPd4IcIYClGS3W1AJS/VEQJetjfc0KeT4C16gUdKoQ3+JAa9K5VZtGnq\ny+oe0ijD1x1kpGmZ65ayIPsB2/BbHn5qau7fOWf34CreEBAlcf9jDj5bPPhQ\nSEEShxamJi/xooXDiUN35iRBEQ8Lu3DgFS5YeY01aj4R7kYXN3d/pZlHkRn3\nOYTbV62ryIfa+0/9P2D9W94VVYKSXgeXvk4/AbDaOtOHC5Xe1r5bMeTz//Ie\nREydjCwbauENNX+m//pZ/sr+Wle/X6471JHMIGS7ZSp0oFjx4mUFvv4TLa0V\nrdE7\r\n=Jmbj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD2W+liwfcbqbSSMZG+ZSCcLjW2PIRonNVA265D5GSN5gIgNUcpQwSXzoEAjQWqgEmhZcYhetNRPceq9/QDe0MSX5g="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.deb0e792.0_1620077616721_0.6045135851851287"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.a3ff615f.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.a3ff615f.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.474836ad0.0","@material/theme":"=12.0.0-canary.474836ad0.0","lit-element":"~2.4.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"1e819eb3a7930649e9ccc58d69e42d7d17e022ea","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/1e819eb3a7930649e9ccc58d69e42d7d17e022ea/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.a3ff615f.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-/UgjpHv+U0PLH5NH5XHns2x+YHWMZaeOuxGkAv7WdWhFuaJ8gN0cX16zWwVv245U0gLPOB/USguwLJLMcFq8gA==","shasum":"d196b06c708a0db94fb7a36b456297411788b52f","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.a3ff615f.0.tgz","fileCount":16,"unpackedSize":71319,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkHohCRA9TVsSAnZWagAAIY0P/16oknPoGTUboMRAsSYp\nEy1q45DK/+Ch9W+cEd4MRL0A7o1rOvu1PD9H1Uj0P3WLNZpcxYobLZB/Ev+i\nFuQREJNx4280ApDOTZ9GlukselwzWnBhOapDx2I1H4HVNpyQz7k+OKyHPebL\njPxE7mFuFmbbMgDB/6137grnH7LMoxoMCxJCAgFW2KjsDF2pdguFMpH9E7gF\nVyPpQVu8evaNEO7MxSJjRF7aG6SLmekDuFsRRMrnoEXmqwx+QlbxQnqjOysV\nbEWQ+KsgRjksWT7gl2+J9u8uOzql63U6OSFhaol8CDUqCHfmxbyWlozHqKTx\nrw6WnzbyDNffnmYf3dpwVNaB3oili5ACe/MwhAEdZoOx4AKdGsa1v1W6hjOn\nkIRUxdrLGmREYyMkSHz99DxOc9/AhQDNFiv5cowefGYPIzgGMiDmsG8JjCNx\nrYf49uNZoB7wMxCJdgJlgRAyeKej2Wazx7JLstgIddCVbKDVEf/lKp+hQtYW\nR+AmVD6QbMVMmvRVkHqAOgWbDG6CHLhI/mlQMq8qfQAG9JYkRenBkw2YjGDB\nls/9iQU3GsQd5iTR8hJ3j0DtH/XDplt0C4Bywe0A5bWrAnjjX5xlkgQlCagT\nSm2KXQ8lzyJJLdZ8n/CYmyyY2TGHbu7KcNrNpFos0+WybmJseOhSQiP2/YDt\na85R\r\n=EJ/9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBZo86PuRbUWp9lQydzUuU8+ASIL55VAHDztF7fLkDIfAiBI0i+El/ft+Sq/4+gZHq/hrWGGh4YjtHyebQqF46xKlA=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.a3ff615f.0_1620081185009_0.8883301081201536"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.948ccfb5.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.948ccfb5.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.474836ad0.0","@material/theme":"=12.0.0-canary.474836ad0.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"1dd7576742ede6b9f763d391eaebd31ce501ea16","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/1dd7576742ede6b9f763d391eaebd31ce501ea16/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.948ccfb5.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-6C2Ce6Yb14U+BdJ5lAjOZxQIMHHp0I8OElT3XDeDZ1oDjC2xXB4mYxMZl9gVAbQJJ6ePBDMBVAMhuz/YZPvxOw==","shasum":"d9d9d18895550cf778b11efdfd0b1d06e9053a38","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.948ccfb5.0.tgz","fileCount":16,"unpackedSize":71319,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkJDeCRA9TVsSAnZWagAAv24P/1/WOcHDa/JRwwqfKETp\n6NpFd+W+A9fDw+Iif9xPN+mimVHhfP80TgtrsKcFmzCic5AN715IYWMo2CI2\nHAvBb56xgQt/8T2kVr/Tp34QjTZWXzlN/W53a3SDN9aYiH5sCYFh4Q4p6JRW\niN2stWoTZ1pLppI3I1sJgfDQfbY6POxYyrbOPxTdo36yXFGqCUIhdr+tN2bX\n/yPHwjdKrxwB+BZ5/GSnD/6hCpVb6LJZIlym3jgx4/usRywzz+Jho2LcY1+B\nlWoSxL14y1EESbQLsDuf4V7JWHrMmV/W79D8b5LKt6q8GrGGgChzMO6G5/LE\nZ0bHeqppzeO6gnopVgzwJw5pq4mCEJYLOgH3LIKi3nCArPqCXWKCboIFuVzI\nP4KAhOTYMVSgab2MTCbkI17hihab1QAgX9utzY7zSPuvPobL/ZcVGQ3d6TBI\ny6WnIG8MsHkUI9+B1qqyJB5DSQlB7nXoToMDNB2VeOeFq4NoyfF547J3iJb6\nXPdWjPszfp5ouzYvKwLRQv1yhqNxWYsq2/LXpN5hGBmpihDMU4lLrfCUZtvK\nlVPDxgFbRkZpuHnnnK79r3yv3yy1pv6NENmbyBI1i29tMALPLCd6XpjDk9rW\nDm78Hzh3BhIYJq2vD9FXeEghnrNGTC3T7/uXty4vEXsFBYUBMJwwIvDOCxir\nNoXG\r\n=jrnD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAaPvfC+/bnBB8/AePuPJx5mjhLPrUKHIcQztVgLVQXZAiEAu/nehlIEqyyaUtHt8aArcSmy7VvddC4V7xaUuUdmtEU="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.948ccfb5.0_1620087005988_0.6645664720657376"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.9f8337d7.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.9f8337d7.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.be999eb08.0","@material/theme":"=12.0.0-canary.be999eb08.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"c25dd9ae2c04ae380f41705f23786ddbcbe29456","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c25dd9ae2c04ae380f41705f23786ddbcbe29456/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.9f8337d7.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-+fB2nBN88AkZ+XVWtAuYlgXMz00tw+4KMKxcooT/S4GQ0J02NusukRQ8qLim6tUc1v/5lDm+Yp4wuctht9aVAQ==","shasum":"fb262211ab676b826e5337456b8f17b3d78226b5","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.9f8337d7.0.tgz","fileCount":16,"unpackedSize":71319,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkZQpCRA9TVsSAnZWagAASm0P/3023n65eLqfhtWF492i\nwNdO2lWzd/b2ePjB5skdJj/zk7qh/UxXfClCJ3YRRAyRhhPDYC7wGg7OPMUn\nrQpv0Jq4oTVmIxgdf4Dkdx/Tjy5fwJpXdrUQENUbFn7rFkmkO7Ul8hkH2d/h\n5ll43ukbZp9kWrrYnoMZhYJT8gGvgrKnOiGxff8b4BsEXfkHZKK465/Rcwwu\n+1Xexk0LuDi9M4D8me+A2Y4FCJn2Ys9Oz6twNetrE/gaKng0Lp2ic7V9f8oh\n8Y7UZfgGTZqAlRxMQHd7wEH5k3CSUiH47DVmdw8oMJSUY3SsJGJGKFB7d9xS\n8jMfWJvMRGg2JJiP+vRppHM9iybvRZuvSbv5jS9ece/eeXtvs9BmwuUm2R6O\nFT2xYMdEotrZw7r8z3TI0wDQ9ymbYvYx+T//5CwSfJfO2nXTjAJEmkw2ziKs\ngE/9jHquy6ojOa+kLYSX0LDNyB6rFzjvc8hT+kV5b36Vd13HxoGJ0K1xbPDo\nfnvSUiop+2kkaa37dni4h0/2DAxc3rzCT9DPDH9mscvKQZGWLJ700NMJrtqc\nZH4cyre7g+KbBaYyfHInAn8sS1iLHHyfNjfRuES18AzJ1DdWUbf1A7iOpe2i\ntvmzt9KkvtYT1uuIxKgJTixbGA44Ao6WX+nFIETactY5Fs0uPFITZSWjEMWB\nrbCh\r\n=DYB9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCKfDCRzCjotMireB5LO+KRf8e1aOoq/PGm/80vJPsHHQIgZBfVlFVrU5tMQTzMhnyvS8jfDhYidMV+RFSDq9zkB8o="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.9f8337d7.0_1620153382489_0.767776137194766"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.5813480a.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.5813480a.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.055d4f10a.0","@material/theme":"=12.0.0-canary.055d4f10a.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"293298dc0704d114f85fd245f98ee8f21a3ea348","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/293298dc0704d114f85fd245f98ee8f21a3ea348/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.5813480a.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-3zsS9RGg/2c6aNTWIFJhSjrNLQrm7p+oV2s/CmEkaNZ165WrQeQahhyR7NAsQ2hpCGh6EfSbkIMew1huYhRPFw==","shasum":"ec693c9c99a579a19052e21386b77b3d0814a633","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.5813480a.0.tgz","fileCount":16,"unpackedSize":71319,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkuLuCRA9TVsSAnZWagAA0mgP/0UzpvoLQsmd/ZBNfjKV\nmKutP1p7VaOjFFEdLFO+rQTMs2yUaRwEvYLfRsq0fyW7PYdr8YS4VZtM+1Zr\nuAIr9v/b6K+RyQ+2LtVI/QOaMZrng0xDT3EeD7HexPw8mkubOoNhFHbctGia\nNvOo/EeP7Hbm5pW7BZyNK+kAqFiFs3qKnwKijxSOkH8iPIK50gVjHDXG4PqI\nISobxuAUdSdmRkR14wFxAqhXR7DlRSv8KBVfFlQGuwbBXQ2K4OOJtCI96ioY\nKK8LublcOM4Um6qXaqzpV7IoOvv7Os0ihT/YyoZgAOajw/IvEqqFjqfwQhEa\nUvmW9FJ9CQgH2lwFWFC05u4Nao74vGBeYL2JZsnZTF/nTIP7c6L/++Fd9hPb\n2OS+8sg+nV/8v1fSL6pED4UzAsxZXdcs6ncTLm/n00gZEOGM2IjkLNZ0l2jj\nee45Dsb1GTd+2F/JKYdeuOLAhmO/RXALvoYogtbxO0XAgM/HLFsLO4e77jcU\nnWz+jprGyHorqSoK4RlBTwY5R8RwZn0zZm6ZOmpUwQsCnTXRSziaQdR5ZGgF\n1z0/eFZiJO48SbJToRmgLskQ3pD6kewEo7h9CIYenofTZU3uoKf3452ztnXF\nPsHFTobWmU6FZjM60mTBan1es3934S7R2ouUKegy+DeL0wcNOkuY7xq9BMgR\nMYRm\r\n=lMpx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCzlfgTaL8jI28eYC1sGgVBcooVVVxbdR+DsxbkfhLaQAIgd1+o7kfvxt13RK/pJLnsl9i2Vqh1J9lgL80D9LYzS20="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.5813480a.0_1620239085971_0.0137397750967867"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.ab7fc1bf.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.ab7fc1bf.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.03f525f9f.0","@material/theme":"=12.0.0-canary.03f525f9f.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"9aaddda989be6b623f728abc86d48adf169d6f69","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/9aaddda989be6b623f728abc86d48adf169d6f69/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.ab7fc1bf.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-KHhS2LwkkN00lRFie29sw/fwcpL1QmjL6N8CWKppj2iaDZ2WH9d+Mk5/tMY74zvsBFgXUc1+QkExTLRZZCwNuA==","shasum":"2ebb6418d497967b6a5b3fec80a3703eb17f56a5","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.ab7fc1bf.0.tgz","fileCount":16,"unpackedSize":71319,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglC5JCRA9TVsSAnZWagAAqIkP/0juMGyQa21s9tpZDSoX\nlnZ6PkatQkj36wtpVj6BZRSsPVwAWBUrGCCSD50kGRLHwkyeKtdgqFiHAX37\niG21QexGEGyG0GfFDxM9bX573lqKwmZ2HxP83yWki34udtR3o2RfYBpKs+kz\nxQalSzlaFIZzLCMkBHrtAMQUazvXMD0JkX43tLgKIHF9h39byOGq01H0B1n4\nlWfcyBnWaQG2/0xHyNZV7yqXDVyrUeOOSzd4wslwcDmlTIgl+vpqLEohOJG0\nCS3HaypBQF3R1JM4V2imNoEwkprd+8a1P2CavIDADjWNo1gQbpOQYR39u9HE\nVuI3cgXGobExHOe+7wWfT3uvus9gxfiaSbvDFxM452RxQuaAFFoeK2DgUc01\ntbvXJttCkmcWlxxUaBooFucrkiFVRMrNRiTdr4F24j3B2RLWi+DO9/aOEfBi\nu7gl/b4jbaVPTOp5Knj4ICeQIkdykz01uopr3Sr+MKNquaTx80WeYTZe3qoE\n7bPVPRu0J+CKbtvAOMOfnVbpPYBl8oUA4NYblW02GeVODmCbnHmGtUY/zff1\n3TUwJ3hQ0fnD48EsLY1a5b/LVkMrVIYuRHE27Iy/z5bY2de2wIkIRFp13yi1\nIm8a6M4LIH/dtngVT5AC+1d4cDsrR0jxQpA9lavnZm1t5DOWceIpE4comR1b\nuMfe\r\n=vEj8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHVjipGDFViG49CdTn7EE7QxsIjcLD6kAwY1FTL/b/nmAiEAkO3lnekekxtVKKhKkYsSv3Mi71jbvfWLMQ1YWuJU028="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.ab7fc1bf.0_1620323912973_0.9319470201405882"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.25693d60.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.25693d60.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.869d890d4.0","@material/theme":"=12.0.0-canary.869d890d4.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"89015755bc4d93aab59cd46274331e3a6c467896","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/89015755bc4d93aab59cd46274331e3a6c467896/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.25693d60.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-XASC4bYIdNDg0BWzxs3MZz6wASDISG3uqn+P14TDcNQoe78DwOIjklYYpeGh5jn+p8EBcTWfJIJcdIlhfRYUqg==","shasum":"815c5e769c068b5efca786abfac1bf4ec6f442c6","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.25693d60.0.tgz","fileCount":16,"unpackedSize":71319,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglbdLCRA9TVsSAnZWagAA7OkQAI3OPVd7Hw0Z5h8LCPHD\ntcrVui7Zy+Pu86pOYKjPA0z0Aw4jexWC9Nj2jqU0fkfHeh6yhRmhyhxuRGgi\nPAbzAINhCtx2q6SCc33qSZW9L6mz37fzfzdy+m/KZRYliyciixgm938WThG3\nkjIXb5/KJTwTUw7gmYtqKnOgi7lfyer30KcxvoPg3CG5BciL53OJH4SkmFdo\njMRq/ero1tZi0Q1oeBJrD14f8ejdyexegTH02HhGl+EZoAVwj2a6xRJ+nbnj\n4ijKPvjmJI47uhbLHLzgUbOcR9fn1pEOMd3xcNiKPiHUrdboGp7bRuGVDgB2\nGG3ucCMlJex3MgjsBLIdDH2oWb244kg5+uo99wCcfe6XBfM1DajIlG14GeIW\nYK9sbLW7kcb5D4mMNlK8UFMldo5/iaCNqBbDlJnuUgvs5AlNtGM0W624AGZd\npvHnJTvbyw5hBrZGT2ByB2ykgz/NC7a2Iwsk+Hb+GEyLp7zj7z1weKbGP6e2\nQS8rWrvTcJk821Gp8IHqHokNi1H15xbcvZs9blUPiUoVZ6TxstUMKh+8eemU\nPd/jMIjaJHgcIh7n/oE7tg7STSiBHZef+8wEKcpW2ctkkKc35R/V4Mk8Zvv5\ncC5qfISd6yqV0MYHuHs0jvywpJlcyk6cJfAv60E4jb20867j/s/V03ZAQx64\nUnUR\r\n=uOHZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDo0xks4Ws2C7zLMEZjCm1FpwmGTrSSWpf/EBNPKZGgrAiB1QMHtSxJ3aGZsDVTJIaf90PsZigln0TKL7wVN1LYdsg=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.25693d60.0_1620424522654_0.20771783109140785"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.c497962b.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.c497962b.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.869d890d4.0","@material/theme":"=12.0.0-canary.869d890d4.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"be15d892a32bdf28e42617b44e38b301b0ea590c","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/be15d892a32bdf28e42617b44e38b301b0ea590c/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.c497962b.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-UlWOcmklpTwl3zTPYHRBxzL1dClP9vwpgevsjM12Yu/b4xJBYRAi7zHTiFsEw3USIMSXcdAqE6JPyGTetoORAA==","shasum":"9ff4e95a179976a7c8610f93b79ba15c8856acb6","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.c497962b.0.tgz","fileCount":16,"unpackedSize":71319,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglbznCRA9TVsSAnZWagAAf7MP/jaI9GDBh27eSchxbgDz\nuMG40TKyUA1cHM0DQ6N5syvks3PKt+xsaBJqOq/vsRUDbFkSnm/w39ZzLz8d\nuA0qN3vj4kr6SbTiyxWA0B4eDhZisB8VD0he28zkHnB08XrObTf3Lfdhlhod\nqXI3sGHTPV2jjRbOqK9qz4OWQnHFIGAcWyR8dyrhbAGga1gr7/rR8DG9w0nV\nqW1JtKlK4gmqd4xeXCSieIFBvsmmi2xCUSoaA9taoWm8jpefPZsjXl8My3mJ\nstwk/AIO5/kweixTiXY/Mfz1XJzPfAVdOKOT1tZq2jgcYwxPFgk9G5MbzgV3\nPeFn/xEJLJb2FlRBTyOKTz8OCKI19PUg2hXA63QVk5CQO+rwXaf34wBUiU7E\nX8FbZplHBu8U6WjOGtIAgHxgxOy7e+RlnCiSrUr4Vd74tlAsURcxOjQkvgV6\nvOC3BdUEENirjOoIhxyV1fKvOMDtzd3bzaMKtPO1P9mQP0Q05n8C/CSrY7rK\nYC79uR7HNkyDCRqvaBR1YV0iTH10Wq2cAyH+c0HBBqVBoCVHd5k62X2JSGk6\nK/Iq7vjVcSb//Ar6TmLc6aMDxl8F3pGfPMlFiyvEp8uuwZxn+1z8FpAFK3gj\nZCwG09EJ2fPNlG44AS5Hc07FLFUF4v9i8xX+e9ldpeAsc5DdL1qygoFUaEDS\n59xz\r\n=lTIK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDz5pwb2MqbwBeF8nYV4gyz2X8pXap6jITL+kswg03q4QIhAMJF7rphQ/2pMIw3PDge7AmwuC3UhELslAgddeiVbJKy"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.c497962b.0_1620425958931_0.41775950531227446"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.e300688e.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.e300688e.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.869d890d4.0","@material/theme":"=12.0.0-canary.869d890d4.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"94ee5e4aa5987e14fc749785fef3b65b73185c74","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/94ee5e4aa5987e14fc749785fef3b65b73185c74/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.e300688e.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-1k9eymSFgQ1Y0HXe7hjpmuO22/Um9Ww5Zo426IpZ50oZfdRVi3hvT/+8cvhjR3p2HwvpGkflgE97mMIvdJgBEA==","shasum":"6b1415704379ad0f71742bbf5db1e1dc793ff5c2","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.e300688e.0.tgz","fileCount":16,"unpackedSize":71319,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglb3xCRA9TVsSAnZWagAAFTQP/i7Fl3zUN+rRbEq1Sa8T\nbGEH0EFAhiorkGRGw3//+e8Z6wHCMXp7LZldErNyKyrUkZV1GpOmZ3EmZ751\nN1IZ8scfqoWWLeWLv0JYphxNyv72BdQPHhFQpoeuUa/JhvQvKGXPMe7AUgTD\nZ9Lz1+JcIHAR65p1l4EzqUeHbtkWqhSHnMub9K71bIcw5Acw5fkJ7a1zUe2h\nMdr85pVJtNMV3Z58MgR8knzmFtvoslgtH5Z0zS+2awLwbY+Gmmhu26q/xxZz\ne2JaeoZmMGmDZ4x7+oTAkQ7ej+lvBcFcz+PYsFCSkf2dcbnlRg0ZCzvKm/CU\n9sAW+ApvZEx0dyB3fqCXFrLcQjP/Dft7z+B/XuByhI8tNNLa3PMLE90hBc/R\n0/uoKXD6EzsP1msDyFAH6lOB9clJRUIusffMyv7ScS9HcwLhZZRWtIjMHLrL\nU4xv0s+uapNstVOu4tvBZK4AO5IIjqVd8+ZuSIdBmJlRdV7M8RF+TzTX/Adp\ngj6iV1w2BRA+tlUN7O/kEaHadJRTvtnu1akDmsr+pd7kvEiBAC4KK1UO88Rh\njeoObXw6EYUIlP/SMeo4KHgGgtMy7yPZutsgIcFA9wxSbnXwBQp2R+M5Nxy3\n8ddRp3bDSOf3TiOnraG4rEMlkm7oWMswiOD1ab0DL9q43TVhWhHkxmRMEMx7\nICB8\r\n=+MaA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDD0xaXamcLQ4r6fsmPynPfjrT+gwQ3CZwnRiXnOlq7dAIhAP5YVVpTBbGoqU8rdJ/1r+t8rWVGoT5G/ew57riUmgil"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.e300688e.0_1620426224947_0.4121235154611509"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.d70287f2.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.d70287f2.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.869d890d4.0","@material/theme":"=12.0.0-canary.869d890d4.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"17a229885fc92f311534b89a9df6549e9b78c204","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/17a229885fc92f311534b89a9df6549e9b78c204/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.d70287f2.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-lxsyAA9RKzK9YD2bIFkG99nLs1G0KTqYCu1fJ7AbTSmav2+Wg5SzvLVzmp+ODIdK5j20iATXwAPQ4rGLLtfqzA==","shasum":"78ca742c3796823e3ba6904ef0dfd1eab909d346","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.d70287f2.0.tgz","fileCount":16,"unpackedSize":71120,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmYlnCRA9TVsSAnZWagAA3CAP/1XifzcXxwBNSLnm/UlL\nF9SzaiFaamHo+pGT+fp+6cvfM/rejclFWPgpaz0aTnREUzwcpUzX4IEjlx6A\nGywv6Kmt0tIpfzSRJbAuFG2DknV12UwOkvzpWykyVjrF2g8ibTEDLgRn5W3i\njrhCEzNlGediXs9HL/rDT3mj6YPDWsscjailNjzcXOD1cvotgc63n3ivZV0g\ngQ/MiK4dhzgMRfVFF2ewGpx80W+OPnPg8XGcfMshljJAAXUDoSNL7Vt/dG+2\neIV7WpTE/PM4xlykTu9BQH8hFjVn03yD9fYuSvZff6iHwWheAWfyTVr5ez9m\n7D0QaatV8brBDvHevR909yfNc248yHSSkCpYzIzTSCfDV9yyCbLMiR+9jPl9\not5wC4qU7Lt1X4LnAelGkHIrSwSK9PyBiGvJEQAajBssV4hebgW3Vy8GtT9y\nJAjKPXfPa1i4H90O2HU6QSs91VznB2sL7e99ABZiBY/ArI5yb/CNFxbY23V+\nd++c0VSSmvu4qN+pGrMPPm+MwzfVghj0Ibz1cPCZQGAGZ1n1gUPeM0xE25Xy\nR2H/GH3J8tmw7VV0+pdMVt3NQvuQD3EkLL9qEOGp6+dKQPnQyHrMEJL0ewJJ\ntO8mjz1+EWfQVa+nFiUkjwBiqOEdkhRwkzAQ1NvD5OqyvjbCkYUujoWHl7Fc\nRMQx\r\n=Ke6e\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIELmxoe3IjujWWEpAiLaHGwYa+VCk1BDXv8Yzw/Aczr2AiB3TovP7nqW/SAz410nuult5prNcFJ1R8HJqmWpy/aJMA=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.d70287f2.0_1620674918629_0.6174079108870953"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.02e841b2.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.02e841b2.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.869d890d4.0","@material/theme":"=12.0.0-canary.869d890d4.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"10f49288fa74318f178daebc0299b7da22137eae","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/10f49288fa74318f178daebc0299b7da22137eae/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.02e841b2.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-tlhMMoKEtxdgxoIKDoYyXDE9JS9DaY6Zpue3J78vdhPkDdNuoK0Rw1iB8/37Ekr4GZxZ14UKDr/7ZO/tuCffBg==","shasum":"6e2b0d9d0b0c09823fbba7cc9134e9159f77f36a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.02e841b2.0.tgz","fileCount":16,"unpackedSize":71120,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmZiyCRA9TVsSAnZWagAAMl4P/2G+PDTo1rabKx2sgMss\nwX5CRWydP/o5+Ar0JZGZBZD2j3AiCtjOaxcV/VhbrYTwc3DXuTWQcwFVwkKg\n3fLkYCYdGlvkR04/kkk4puBF5ty4XuLg5m//KEocdYnOiZ9dQmudZh5HR+96\nyiKoZKMnIfN8ZykWSMRCg6GPxbwPdIX7RxFcgT+/vv/CnjoA+x8HTkBXTTTB\nZ8+MEMT6DijX+l4wqKJyFaWLKFBDJdx4GqIt/ihaCcQ/Ovg8DY/t4D0qYVbf\nOrrlH3rnRDQhbY+e2Eu/PH2Sd15cVcoGgpQ0JbA8x930iaFTHH2m7dfuXcbu\n4xcJLUTZxyLgq8XmQj3ckaTXIwUitnEyiT5SEXLlU4zuFhAodhZMfFv8FQrT\nDa0hD4e2QsPqtw/36s6QzITD92BgbO5KmwM1kAtrfZuo0eCVhf3RtYOYnD1M\ntPVIaqGGR9uGXTK4kPfFUU4NJ82wbIUb+7mYPzLgwEStzyjkcYZZb3223TOP\nM8mhNlQNNUDngtdUqBIFCOdWZpzXr/HauzYiCqcRkwxmYvM//QoZXL8n9mPw\n8o0kkx2vxnuL7SKg1EqUIZoNeViKD+8tpzUbHJtALj0PX3NmQEKScCECHbS2\ncHL2tdZTgvlQ5DoQvl4hB7ow/GMr/3ZouDrVUpJKNbrT/W5KiU635uvFjYXv\nXUnj\r\n=Y0pD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGfbYLVJG+LCGKPbi5Cn4Dg0zHEaGWNOSVP/AWz4vWJDAiAZnRnvoqIQb9ldkq0weBGXketgMxKJkPstsZCQWHAPOA=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.02e841b2.0_1620678834090_0.6768762797197061"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.badda2f0.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.badda2f0.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.ec22e1da9.0","@material/theme":"=12.0.0-canary.ec22e1da9.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"961b6b76093a7229e8b8672e9dba3c2f9af0e61b","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/961b6b76093a7229e8b8672e9dba3c2f9af0e61b/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.badda2f0.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-OwEWzNcjnFWtdXnuu/LYwUReCYmR3fMLllKKqDmA44zPR0UL6LErnwdw6Mk6vgHoMPExTQLbbfirBgbhWS1KEw==","shasum":"773aae5e58457510a0df40099e8b86bb43a9223e","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.badda2f0.0.tgz","fileCount":16,"unpackedSize":71120,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmdD6CRA9TVsSAnZWagAAK/kP/0DakzsZa3hqyIsHjhaH\nw9UQ3oqidZDSLYgHXy1uqcF3RJwVnXoXBvK/QiJ/cdvykIpfJdm2G4yoqIZK\njiETowvAJBiAR+tIQVdH2Kk9/uYIdX8Auo6G+DQEsn4xD1ap9BxaO3C9OIdz\n8QYBKoHNFIZm9hDhE7IqkQF5nYszWWNsXHlJov5rM5X0dIoG7GeNe1E1Wnnc\n3kFoZrX6ra+SR/B4eYzoDYQS+BeZj4F6vk/CaKOQ/0ARFEjbAU8USgNupnMx\niLmI9mlO2xTfWD5X4GrAN4x749K5+c7TOM5dWIc0hWnPw3TgsDL6E+rQCTFZ\nirjdvrfey8YyD7o7/VPp7Fb3cJG/FBmLXqpn9SpN+JyP2bQtwBnxKAWc7sUW\n5uF6ak69j0GqKAFUJBG6fFmlPCXflGykQxP3cqH9fBRluAlJrRb9+pLQhfAL\nDHUCsbo6BKnhGGiPYlwAEmbqVZYSf+oJfGkF9NuCsfSyBwkDEEdmfaz4J3ie\nRc+bY87iBVEwqVb57LT4KamDy0ola3OOyu/um1iYve6Dq33eWlbrf4aGljv0\ndcCeaA1MKRoXFFkCWnmha18wX9WOV389HihVmQ569hNPla75GzTRuolRvUjb\nnVNY3XILSTdpYwflrBeEWkUpBdrAg0CffmBySiwfviI/kNdUu9uLHAVYl3dq\nso60\r\n=U4Hb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQChPsMA1tmrhP7SYTBsn0DWFCOhzJU8Z1dUMYpNMM34oAIhAIY0BUqZrroY33dglJLcs4Rz1UobpC8ixUuY/NYDcXcA"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.badda2f0.0_1620693241684_0.20574434384241402"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.004aca62.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.004aca62.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.ec22e1da9.0","@material/theme":"=12.0.0-canary.ec22e1da9.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"3c20c30c670567ff3483811cc2d47a795de96151","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/3c20c30c670567ff3483811cc2d47a795de96151/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.004aca62.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-/ts1Bg01KwjEBVrk2CGUuXG95Jw6UQhZW6KHr5o8XNJlhZ9pUYHxZTPCevIf/+//7LMcBBj94jylT67f/re1ZQ==","shasum":"7eac9bcbf5be3dd3769617d8cd407d24824556cb","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.004aca62.0.tgz","fileCount":16,"unpackedSize":71120,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmsdzCRA9TVsSAnZWagAAcicQAIHIRoFmMXVnMmt+ZcO/\nwaWrHAvfpcoEW231sSVfDWqOaq/Y2oVQsTHcsuKdJJbwTZgFiYaQp3syFkGs\nKmM+j2tYQEoykBwdcP/r9koNfGGrPlqoCDE2Sll4y5iBoSxPXqKcc2ZDNfAs\nN9Uajbfm9dcTtikjHJYG21s6Q4pDO/TLifBustZp0RVIkbHX/tfWTaQOpAaY\nxwy1ub4pu4FffgcyP/a1sOTX6THh7epUY4mMGAiuMC6pb0V8kpOdXYdheS2C\ndwHv0Pj1eck6f9h/6sPfsUCST+U2kBv/Fgqs2mezuRnH2P9tKI9lWfchzR3V\n3daI6Yuk1JIgGAbK3IoMsaGGu7ab/kW+b1VIAaXZR6CAWA1wgjSrCTfaambO\n/fXCimHSC9sSxKREPv9zmNigJpISQXKsFQ4hovDdz1VmrknKTHwXkjDcdufJ\nFKjAGUATEY2IXsL6NPOpWoC6LPRh+UDEpmNiOjnUVuKnxev0Z/E4pubZl7p8\nsXSOM3IqYMKjPMzvZw8CWCdBT5STiPIduzbqx3ojFEZNZ5nkknCh3TjWu4e0\n2/WnFqEW/hUi4U+lE5ix8Svr5yK1t3KXt1CHvhuKFfNxeeayF+8iMGlMgb5v\nz2C5AvOFyJJdmrY0hfmMI/OBFFBJVk00XFqi+shneM35Q3F2wev38Dbp9oDb\n4VZG\r\n=kzO/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFNVyEcdVd1XZFYyzcLyJMfi/RK6pfq0//75Xe4ZBi5EAiEAsI8KsTYyCntC2gRDRNlmph1G1JmQjlJf8j6p0mLHpb8="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.004aca62.0_1620756339442_0.08213913247983506"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.4af17446.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.4af17446.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.ec22e1da9.0","@material/theme":"=12.0.0-canary.ec22e1da9.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"8065f1d05fae5a2ca4f95b50302cd5d56d43ea4b","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/8065f1d05fae5a2ca4f95b50302cd5d56d43ea4b/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.4af17446.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-tSPoeqmqlrpnK8fzYDCWXWGQUcQy/0bSTeHF7XXPI0ntChRTRnH8WDVF99Tfk/T5fG+6vxDAayx1qjJUupIMdw==","shasum":"d1cfeedf8f517113632ec8b774c6adea73ca22f6","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.4af17446.0.tgz","fileCount":16,"unpackedSize":71120,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmtDICRA9TVsSAnZWagAAfjMP/i+jF3iD2MiEhk+eyURt\neJv0gOSuP4xcxJ0Vz0FJ1MIa+b3NhEZP0d8+R5/wwSwZ264Rb8hLmi520YkJ\nA0jUlM4HquKEmKplIRwo7tgNYeSpUR7r/OBM8PTS3fIdHtLWA/uO4xYoWSmd\nposbwNnEokLsedvUWxGFJzMsGrAP/YDB9dkAWUFLfLcO3Un9JpsiLrgQZZoY\nDdvPHr/XgcK4v2kKL4NjYKlx7ZSRHcYchQWjfg/yxZC4dXJZv+TEcQIRFG+X\nzib2K6zqa8TRFhVptGFRvpSxJSVkmsRAFJXp/MFBYbI7JKfCgmTUGEtD1tWb\nNQbHL14wJeUKwOJi7Odpcuxl9Ayi36Ic3GENWYnuyOQv+jZraGM2GV9fIcwt\nDvH8mXKXORpxRU+o+PZRHVy2OrQ6ofTto6ZQhhyWk1G0hP1JnPOZ2pXtgGlq\nAxfSZ5RrGhx6SwjKfBFGHCiN3B92GDXqgoNSDXbg9UhnzRDbP/BSNxG9mCwR\nwT8K5885SbTRvdemaB215Tob95peDp+NfQvmJTpXPFuynPnmQDz6TIVPXpd9\n7dP0kzDFebZ1ueV9FX4Yhj0iPgS8Gwy1xlhVV5Wu6WRaiPnlVTSTccpeFysi\nKwr5K1gx5WMhRYMAu4udlKpauIRsIbZQ0q+0RfcHk+RMo93mr2+75q9ve7bz\nttM9\r\n=O5CU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCzR8QOSuFasBHkfUaK95s9UGsjae0noFLo0b94gWYNagIhAIigmiaIveu3FwLbUYul5YcYq7lhHv844l3JRFwVnhVD"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.4af17446.0_1620758727714_0.9311531774339816"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.b94d7187.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.b94d7187.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.ec22e1da9.0","@material/theme":"=12.0.0-canary.ec22e1da9.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"0b32af6d751df8cf58980e7badd64494f9396b00","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/0b32af6d751df8cf58980e7badd64494f9396b00/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.b94d7187.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-wmyh2n9Qn38SmnLQHwjb7HzS7f2fZY5AN3jpG7IytLH7/wRJwQJ0m90Gjwia8sxrK/5vCQNiZHzqrSf0mXUSUA==","shasum":"72af38106961f7af35338711ea477cc6ec8034f7","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.b94d7187.0.tgz","fileCount":16,"unpackedSize":71120,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmtIYCRA9TVsSAnZWagAApLUP/13i0VYQyDPnCZTv2lLy\nLvnN76yuxSPnQkt93abtMljR8Zku899E0geENUSXWpTL1HXenWCgE8c36H1Q\nQbgPebGco0qEy3lDYdiwcfd0yws7gT3F4vorMm+yhqzDXOnoZO/0I0h5REsJ\n1PogG7CqKfgA2OASnhT4NjUIKYhwOYvprjp2oXioDPcD7b2UHBQiwU2r6oTB\nRfn2Gd7dfMe6522eiah3zqIPQ7RcP0F5TPCw4DDyReH1k8/TYPPKDMq9BG/i\nvHmprbMzvPM0riEiq0W8K8jX1FQahPrMT4BC1vCibG4lO5rjWUGv7Fv2jzwA\nME2Ch0C0IQfzRejISVYIT5iMXrf4bDsWpbJoeN1jGGj5tM+8WKGcAS0ows7G\nEeJ9oXkTGAaS6bqZvsqkQSsskO+F1iUiq3bjYuGEKgbviDMp9ohvJ99puers\nHwUGM5IjSZ+xIhU/oSC0vrG412fTPxJ0FrR7DOfJLlhzktNkDBjqsCVw3EcF\nrhP0mQHWboEm3VUC2i7gbzA3aFb3o77FSLKneVwycgmuy141rhLSaLfqxbc+\nbzrrqZH5bLL38ouq3nXjFLyjtblfU2EStqjY5C1SazL3cmaCrGeS5Jt4Y3T6\nuLGlmqLrCvkmGvnVN/SM5eF7n3soapPaM5zxpB3zn5ZHF7DLcuDn7es7xFjV\n81q/\r\n=0wlu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFwsOzPACSP1MooI6tqKv1BJl6w+rTWKBtPZ9X86IwmpAiEApuRWSHE+WDSyNaiNLD6z5DF/d36HF8NrGbgY5+LaLIc="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.b94d7187.0_1620759064370_0.39334925440706936"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.4021b2f9.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.4021b2f9.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.a23ecb682.0","@material/theme":"=12.0.0-canary.a23ecb682.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"535a4442352f807e1f7e655d0a135c6d12906ed7","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/535a4442352f807e1f7e655d0a135c6d12906ed7/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.4021b2f9.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-cyWSE35gCGBX8G5YD2urrEYe9MfxgM3e+Dqh1VmmEbL3uLuxxL7DWsWTyELQJozafoBQmhKvglve8RqdZPNLsw==","shasum":"bb41dcb4f14241d84c826b596e5091a2c6ac0015","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.4021b2f9.0.tgz","fileCount":16,"unpackedSize":71120,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnE/cCRA9TVsSAnZWagAA5T8P/1rwC3HNc9VawZQM7Arf\nhWQuV7Bs3+DB7kyjZMDbApvCXR+7iVy+zjKOQ+aK/To1fXZ9yJjihdL7UTS9\nsFTnvxz+mM2jxfMJVAastsIPQlaMXl4O5Dm8J/6BafDTJsVOglwxH0O8F5Us\nZ0CiFb/ESvZ6n68y49vyYB+7hBDRSc2JxOd6r7pi5lN/0OFo4jMUiAvOvBgK\nHlX6iBl9ny+z/3Rq44JKiYyxmp+lpVqHrEaG/ORJBICFGIEa6I7xw5K/RwPk\n4kpl+JKQXDKhpO7gzsE+idXVrB/gBnuWtfRY5x2Z+RFqqifZGs0qvOQlA8/o\n8obUChjqnFBsHnYorPpuf2f0eHN5SIe9D9O21N7r03+wNRkYmJn3auuY6wU4\nteESiiQuh6boEsZe9zpcf/lcQnhynSwM/cUQeImFCOlp4JeZziwv5Wwb3N0L\naAPyZBJHAE+DQG/zMmpdPfSxanLrnnUjiI2K7LtFffwaNznU0Z2cUm1za7cb\nHPY8Mc39C4um5Wqrm7kLJtCcCyi85EKZzpveAcbatEetoWRTPt6UoskZpmMG\nhVB5OlhmXiJ5YXsg8klnDEe5Bghh2tulmwo926N1HpW4hLYjUGWRwyKrfnSZ\nu+BW2XXko6rcwIdzAhBiI6wvIifhV6P8H39oDes0KogNVwo5UDsH63VCNPB5\nh84F\r\n=W7tY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCn2lnn2XuxwZVVTRvTVbBDLyiMKJoyyq7trO5xAvtiWwIhAO/A904sTOBZYYacjTZuGhvWssNF2yI3Fl4rLq3XpowR"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.4021b2f9.0_1620856795752_0.4029128245269715"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.6a5956a3.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.6a5956a3.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.a23ecb682.0","@material/theme":"=12.0.0-canary.a23ecb682.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"1164d783391049aa2ff9412e519af87df40b5406","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/1164d783391049aa2ff9412e519af87df40b5406/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.6a5956a3.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-GGgCL4AtIeSq/Y7/VWdY+jERs/KUTLU+zK3ui2eHRjDFn9p6Y/mB9DNxVu6STlgO+n53fo4+EgRwqefhe7ONKw==","shasum":"1cfae659264f1ca6721eea77f593de13ca79fe16","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.6a5956a3.0.tgz","fileCount":16,"unpackedSize":71120,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnFPUCRA9TVsSAnZWagAAXC4P/Rzfmsp5ZBLNSPLCbgTV\nISkzXa4W8VpGKbDicH6PGEo2twZ4AKrLmFfXX0C65lsgnfNTKHo197x/TFqz\nFDnMyVO5Od6Q7Dn06Govu7lrwhD/YnyUJxbQIkTlXS7ykpiMUEpQHUBDqcVl\neXLIE1nUVrY05O1wVTGV1mrcOKR2PlcFh9guUMtRqAMKubIf88bxrOOi2Doc\nGf91/0mhiYY4VIcY0k+o+77xMQvwORbihNbQtTKWVYdbWeCtTw49QbN4LdGQ\nyPd+ShDmzSWIs+9ZPbzGz6+ZQ6WqzfSMOyVcUm28EGsN5qvcsEhgcYssL3JA\nwbxsK42SNmLtrLrkB/h43KZuw9xggy11TgLLrii0Ksr69JFHPIzj26+9viUm\nc9VmoBKHCx4UO+kO3FIdlXJ6YAGw6Ccdn0gdpSk0d01uCsgUkD2exCZv6RgV\nY7WjH1C7b+bDHLcMAAD4EDgdiXbTftKOfFmg7Jmm0bn44tv9O6k5RQmgxP0n\nXQMNKTTDz7bPEk9dzyN3HauF8MV287ix2QNZDRz8YRFX0tDvY+zGkoOVE3DH\n7ANOqh1WC2BEPRTKMGzLfn8cpPmQesm2PgxQrzByLnDPFjW9MgpyRmLO69gM\n14Oxwj3R43zcWys7NtNBgyBGbG5qKa8QOPnvVsNz26O0WDnkVx/f6T0tSzd1\npNBl\r\n=v1fy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC6L7KprGUv1DmbcsrIPLse3W9UH+oYMuSHKXiXlYuCXAiEAicakqbRYtnxeTsdfzcvksR0exsrLYhbDRmFTR9wT5l4="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.6a5956a3.0_1620857811981_0.004336240846165573"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.b6e8a74b.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.b6e8a74b.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.a23ecb682.0","@material/theme":"=12.0.0-canary.a23ecb682.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"09c41b7e9637c49faa75e5ac84cc73c8bb5f80df","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/09c41b7e9637c49faa75e5ac84cc73c8bb5f80df/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.b6e8a74b.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-jmHqOywJOH4yigwhU5dJ3t1m01OmMvxWjj3MgIu87LVMTnOPSVEFyG2J5j9t5jMxERt7WYKJqSMxvhMdg4bqaw==","shasum":"5a9733fae83b73f2b898247291d637558ead3b01","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.b6e8a74b.0.tgz","fileCount":16,"unpackedSize":71120,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnF6ZCRA9TVsSAnZWagAAm5cQAIdP9aDTb6TrdwOdCXkj\nOT983znKxAiVAdFXs+3Xwa18yQrbmZlboTNnOt891sTn3YBmqho+8GSmjMve\nY1w5ih7chyMActX0kGxqDLSX5PGGN/wX2L483nQkDUBodAVpiFGcURXgWxlf\nRyv0mf9pR14R8rph4KqP8jrKBuMNdrnhd321n4/grwJih6009TkAGvnZrgGu\nMuaYANh6IEiQOutiFhdX6DzcqWLJuz8sRxreHQgcqndgPSE7Au4kUym3JL7n\nEbUFSQYiEWZZdeKZPh5C56TmfOc1geRZJog6UnrZ0qOcupk5fdN2zakQZ2Dw\n/4qcsQcAGgKpxJuFqrf/rN3dXJdZ/wMLPIVlXqZtP1/KtlNXveKwphLYsqPg\nmmY8fD1OkbP051fLWgZyQdjr8/k4ZlqsmGJhjVmugwBvdm2APxkOiqvQHZmZ\nz7AgBBLdlss+OhLr7hXyfKis/9Wx1CVEUHNtxDY/JRhjdcbCZfJ9KbwSYNx5\n1lwQz8CaxvS9tKMB/2vtYvQhJlanJJHNLhIe2aNNzaNo+qsT0PbkfxrSifoY\nkRpOJ+AH1/GUWT0TC71qGxwe15e5sbzzSe6Abr2BCU/gXseF06kAU9o9sZ2i\nj2We06Pofp7yQ2YkHLYxhT/OKJxgvoKVG0pgop6Fzz60NB2K5qOsT59NFamJ\n7u3W\r\n=gf8C\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFs52kWzCA/GsEcIGZ506/RLOaMSqsfykJ4k1e3VK1dbAiBU9MiMW/hhxrz/WeGKckJbNzkG2YN2TwxOlnCUNbLjEQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.b6e8a74b.0_1620860569609_0.2152738042530089"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.c94e1030.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.c94e1030.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.a23ecb682.0","@material/theme":"=12.0.0-canary.a23ecb682.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"01e4fa09129b5963d59405355762cbd1962f1198","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/01e4fa09129b5963d59405355762cbd1962f1198/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.c94e1030.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-KXTBLme7eG7IU6HY5aM7+zSAKmRZBf7WXRpokatsPNNFZuVZbdgHmJhT5wBldLEhUx/47osAhIjuhVFDeHeIag==","shasum":"bfa3450837185fb80f2e476ca15412b37b254760","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.c94e1030.0.tgz","fileCount":16,"unpackedSize":71120,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnF/5CRA9TVsSAnZWagAA1Q0P/jYL8JHhdTxtf0H75lyc\nuMfwJ/FwklmrGyH3RD+M8dOkLIC+HnY5CUTwwZYRoT1zES3xkfw6otbFIlm8\nXUq9hIkkD9dw8uKcioLyZy6pNw8YyaelVXGp6O7Sd8KUpiB02q/GV53W9l3b\naq4WC5S4ufAhHx32UKi65wh9VCMAkIMtFWjFJAYRTrDkH5S7MYGUtWxQgjGv\nxnrWt1DY+2DPjN7e93CdtacegdzRLgv/REYS19hWTla/Zr8F2bQ476tUtUo2\nCum7fpfEUZ/c0Hbh0XUtQ7DOPBY85CM7pCylri8g/cqsz5qJ6JqlK6LryW+T\nJ3A6XModThb1wWTGvdtHOjirHaENeKPevTORuOEWLms92uaEjsigidMba7Po\nz30qDAYwFO/OmbQd0KkrEY93ruUAePneHZyQMe+V8jIMVEPEbwzg3r9L1aIH\nJCihWo7ub20u27HLUKSzaASpQgFSt/xX4c2O3zwMgmFTz0XbUora1jzZhLjs\nHj9N1NkSrVs+zwBuebCx1q82X4lj4SHRzfa6Qxc1RfFM4+qgaZcPvM1EmQ7z\nWQ0MMu3tyy13o4mKiJES6skqdVDa+NyYVz/1bQ0ewwFCgV9aWrYvSS9NCz3j\nlQWg14Rxqd7IBAVj1npKTAIJwh23+cfo+bDt/V+lloydvozHNlZ3336iQgEY\nX5ea\r\n=v06s\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDj6MmMtthFR22CuA3ZQzTw2FKsRmatYmEztw+gFszqyAiEAzta6c/ltXnhHsjAC91abeFz4O6Q1NajOsu2fBaZl7SQ="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.c94e1030.0_1620860921383_0.15226846988048814"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.40a34e35.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.40a34e35.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.a23ecb682.0","@material/theme":"=12.0.0-canary.a23ecb682.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"6cf3913b43a92723ad4d1144b964df3a8667ed7e","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6cf3913b43a92723ad4d1144b964df3a8667ed7e/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.40a34e35.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-lXF4zF7Jnhn4CrbhIIRwf431pdZM2EyCuSKfqrUV3Iovnr5WBRBnP3TnSdRcPCTIJzoDA5Oj02c1mfAOa2DrHA==","shasum":"a448cbdfdcc8ca0f3b3c0b0c5867184bd062cb73","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.40a34e35.0.tgz","fileCount":16,"unpackedSize":71120,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnGt8CRA9TVsSAnZWagAAHZUQAI5gYyFc+g18/VC4Br6Z\nOrXT2EqhXEiBvwE+th6GXRrr7hTS9T9gxlg5n+wxN3hJhRZ4yAvUEBxHuAU5\nTakHIZFbsBSebg4yyHLMz5bstzPKMMWVvEg90+8nFZUVMq8nCkiFEEbOWZ34\nYnLlacmmc3MNEC+luyC8wrHKjWshXzEzS29bJAPo6CIyJl/qbOLzdabySGxk\nxhSj1nEcFcx8PvWXsssQ2jmgB0dYz53Q+UCQApQlDYbvE+si2rQ4PhP83t6C\nve3EkuhprLr1ZZhGtBVx8nXVaZAbFuQBKQl4VRMyidJOV8IpcBkJcMCF+gsK\nKL2ussEXALlLYRcZyMSJjVER2NjMExgL9t8JJuJZSx6HO25AaC7EZWPyMcll\nqgalrbObS4Njps+pgn6NpbsbOww3F2uzxH0c3ijdpHdm3eHOoTRsHvsgI7Cf\nfk6xbxLNJNhI3q7F9KLECBrWgR0ODDnmv0fzsE64ODcjAYfnBrME/SVAWT3z\nv/l9Zs5aBcqDGIikPlppec3KxO1W+HMgrAKpIn+mxzcKqHKuDyxQnFvLJNW7\nVAOr9RVkNGkVJTBaHxAQkCEWtb8LmeTjq/Mpb13CCN6nnaPUixA7ePf2WbIR\n25qwKcXENd2wty/M1vCB7xQMxLp48UEbgYyU3VOzPCuDh1K9+6xiM0iUfU4l\nRB0I\r\n=T8U8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB1HcV5+ZqBfmvq4fU81pK86qXnQwix6fUyLJYwqvAqOAiEA9hDnyVJiAuRZviETMRMGq6BhkizKryl9tRGMxWXHVU0="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.40a34e35.0_1620863868047_0.6809665481277369"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.1be14d2c.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.1be14d2c.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.a23ecb682.0","@material/theme":"=12.0.0-canary.a23ecb682.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"2fcf49467ff2fdbb2ab4a987563f556e6ff316d6","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2fcf49467ff2fdbb2ab4a987563f556e6ff316d6/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.1be14d2c.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-ikCrP2c5Wx8tQUrZFQUPR6ZFHTmIf9FEoE3HsDw8vX0/BF34cQzR5raE8WiGuh1f6yMf4/XdeFkYY4kxdUXeMQ==","shasum":"17a44770c8842dba200164bb41b65ac4f30bf2f6","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.1be14d2c.0.tgz","fileCount":16,"unpackedSize":71120,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnWadCRA9TVsSAnZWagAArooP/Rs0i+AP6obaw5fvhG5c\nekL2mc8XzdWSijg3VMMxQOVLfQsT+yzxWsAyQFtb1FmBmml+Cp56NmFZa+VA\nlmEeXmRZMdKD+iH5ORkbsXx2dTME13MlXnG4xwTupWtkVg2KGkgBb5226fGU\nhr7ww4jDUMtB7KO8LqYHDy5zuTm09weQfnd+DDCjvVMJ/vNx9sIaGAzK8bbH\nZO+noXk4a+vOy4lFk6mhm2pMIUcInPHJhV8ESdeW1R8kte+W5TiB/CYWWcUb\nDhu6itNffk8ymJwE+iJfQRsCrdVIXHB+380b+6ptFWSMJ0cP1IwYlymVJusK\n8Eq7YufmmjYuxh0Rwcf0tkOUvjtUCe41KXRefkA+p8TlIrHi9YM5LtiyJDQW\nX5HykIqI52MX93CswscZE6ZburX4NU1ErKSaFdIaL/mqNMpBy4sAASJZboUs\nQEnWsptHiU86wryrao3msYvRFqz1OFbTUO4nTwSLBdcWUeNje7HD0JAc4Y5G\ngLfEEcXk6+5BGiy6XgUd6NH63C/QZKCkDDB0pItGhzVV9IPniKDBwL20lRE/\nTXsTDQlZxVFR/U3873XhrAnpsorPe4Xs+dNcKJWejWytnDOmcUWheITq2UAy\n5kGcHLt/BP7Oihn0eVLIr8rsN7gCLSSdnn9aMYVeD1mNdkkOxr1mMow2zzHH\n9TZy\r\n=ScPj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBfCx6ne3O2vJKqc7MzZzq52N3JAV5GRhhJkExTnCSrWAiEA5Jz0p7LS3tyIO11KiDNeEuI+uviskuyTXGTZaR0QJB8="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.1be14d2c.0_1620928156869_0.2013786700127842"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.87dbd64f.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.87dbd64f.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.1a8d06483.0","@material/theme":"=12.0.0-canary.1a8d06483.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"5b6b91a042dd241b949278a5e56cf671221e6a5a","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/5b6b91a042dd241b949278a5e56cf671221e6a5a/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.87dbd64f.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-iTiEIcRrHno1VtGbVmgNUKBRBYPYs50DYp3yH+kj4d6IeYIXBLOsq6PTgx2827pL5wNsZBcpFYuGIjuURgqzpg==","shasum":"c346d557d2d8095a188369f6ec7bbcc700dcb007","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.87dbd64f.0.tgz","fileCount":16,"unpackedSize":71120,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnuRTCRA9TVsSAnZWagAAFxAP/RIvpFXqDCxV4I48ioHi\nMGRGTO6W4C6wg4zQ9QR4MVGQmvicbAW6CU5wZHSq7zVzk7BjL1bYcpHFm4Mz\nAq0ousOQWcIr9FnaS54rJe25DhPauMoIVyyZdL9eGW2dkYEDIt1MtbARpTOT\nBjQCJ1vlGYVq1nk1s0I7QGUB1OocYuI43eFBf7HvU2YXnUdSKCxq6g6TAC/Y\nBAI3Y6vMCV+ssGISmHf+DbkAPgyI4Q3gKVYDuuRVNUFjiE2wy/9AudSOWTD8\nQsye+24yLEB/0cRwaeJCsa86CVguW0gz1KS5nvPz9fM4nIb2jH1gLnjGCobD\nqGJGkM7M3/nRBchCk6/doSrcwCeHNowz19NNlP/NBuc9vF5XNOwpNg+bXe6A\nK9F/cas0YrzxK6WOq0jkY4Yz5rP0HPa1ObU+EprqpiFN9eLPlh+OMC2WX5/q\nxgj6keV2RCP0+nsqCsP5N5Jgsv3o25pSPfzJcmsGsKbrkhjcm0zolXXhP6rO\ndotZMDZvGWet6gW8cQG2ZyFFdfoiXgPimYbcesUN3cBelhtmcLoKVpccdSvx\nWoBli8I2u4ak6psA73NJzc2ByhNj9UhvC8rVSjeByzljJOZK/MuQ7gqmn8TV\nn3mbSWW/jaQQtrkuJSFb/NsyaCGsxhbFV12bghNErlblS2AYQKIzFRxsyC6S\nxrbQ\r\n=zFpH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCrE+EYMsPIf0tvtbXhNpNTbxx8NRFMCv+97rVFP+1sKwIgKoqjWJ6UojTpvC6b82V7XR27/ePHMwqx2kzvS+mgqXU="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.87dbd64f.0_1621025875155_0.2341904026942183"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.c452e4da.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.c452e4da.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.1a8d06483.0","@material/theme":"=12.0.0-canary.1a8d06483.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"30c4701f29e4afdbe58f6529e947eda655b1b1ea","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/30c4701f29e4afdbe58f6529e947eda655b1b1ea/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.c452e4da.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-FYRm3DdzUwV5nNMfKVNFmeVHEWIrSY/tLPvk7w0ve7V3NCUPvwfjyIG6Ap6T0PdpAgimNnA+0zzMuRRS+SPp7w==","shasum":"edb6814e03ab9ddcc840855c29872de61c85e985","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.c452e4da.0.tgz","fileCount":19,"unpackedSize":89235,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgovzRCRA9TVsSAnZWagAA80wQAICmdyLYQrS60wETlI9b\n4EesM+GBes3GFdag0vM43K7ssJLtXfzXY2PAv+z2Vq0I85aZu9q7IlE+dDRC\noDE3rtEIOsU6SLFQ3uxcsqAzxtrsjQ/hZ78QcuGAqDLmMJP/PmbpEUlXQ//R\n3tr6DcvDkZQraVuXdhsm3eoSZKXSmBEHZH9d/mAmSFu8BQQxH4R1PiWZsHDt\nV0W9ROWjrZY1ls7nuaV883MsFZSjXW0/3+xgImsn3CYjctDiITCx9Rg98EYF\nvZFN74uJSEaqh4LziwQbp2OLg/N1hQOqvpu+8QGLKz+Y+mJ+Fqkm2Z09qQEl\n1qGNfUFEPUmdM/CYHrCLoBukVEe5RZkBpf9LSVZDzRvKgIRK/+CO4oRqk6dB\nOAQZpLx3vhKDYx/gCmqZkCGNraiJxKQCCgAjUsY8jZQmEYKNbZEY1VP4pRcN\nN2SftbLFLedcbjLpnJuOIXmsesnlfYeKhsK6EiPOCfTlK+tnU+ddcZ59easl\n083JJ4DPoXeaTpVNZYLiRI9Lhtwhcw7sBxUE1QJ6otvVpuZKa7JodZKONKT2\n/LbO0caZQyffpcZCpouTLYWvtxFgCjbkDzFRHwfacvAQwBHTfp3Uc1Cwm7sp\n833opmbHX0xp/B0cgbv5Rxz73HahVAJ0RHrt0/JJ02CM4zHKi7FRpPXCr3p7\nT2wp\r\n=iBlL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDQwQSRwpS+icjgpCWYr2ggcAqkdpVLinTUt37o3zZ3HgIhAIFXSmumYYfrt1/hJW+lGbshVdSApccVkUnYA3N+32xW"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.c452e4da.0_1621294288982_0.7047109567641314"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.2212691a.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.2212691a.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.1a8d06483.0","@material/theme":"=12.0.0-canary.1a8d06483.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"8fba3dfbfa73868ebfc76e8070cb5d33921df0f8","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/8fba3dfbfa73868ebfc76e8070cb5d33921df0f8/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.2212691a.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-y7a9AhYfjPz9NAs2tHiCF6bgVMRAWZfTf1J3VGShMRc/958MpuGsgAINfemaRMvXAm7h9qNyx0GUGD9iMGbaZA==","shasum":"02f38d7ff8b095552750600941f766b7a8129258","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.2212691a.0.tgz","fileCount":19,"unpackedSize":85105,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgowGnCRA9TVsSAnZWagAACn0P/ikUyIGer90VIwOvD57t\n1XN6gT6D64ZpjAuCV5YKxbmxj+J3d2BUQ8xMljAf8uPsFuFvM/azz+xU2oUb\nH8BinDLKT3y4gkdUOYPPSaKoyzp5LBBZR/G0xbQrrolEgNRADr+0R6npKqZM\n5CAPcNOt7NfL0okRELMVGJP0FQRYE4MU0hMpVs00GagWW7sjkBeIN41V0M9V\nYOmA3TBvoF0Uww6INBQXB1pM1E6evUCJigK0cHzALI9Z/lQdtUI2eaiFmK9N\ncOWDB7TnilYV0VLXA5YyfU1P4OVITJ0Qm8SupiMj8liOji3GMK5+uFJ96nzS\nZFL7tgfx8IOuSzDFwtuwSxW0QRuSX1uBubnehNrsOevBLXsWTJlDmSjktnzw\nGMCgDlFtE3dgf/lnwADcAm2e+7vlHf8wlP5NZinkVZb5esdGoxgPSqfH48NY\nfw7GOcT6FxKb+HwbUQVAQNVIfsDE3P6ZoePfHmmk43noZPGIGtj4LgjIegc6\ndcKvqIiWSUwPQoflbAF8zCfgUt5XHNzgAfFW9P1SZ1W1jUi+3C8etuQMATXj\nkDP2mcEzeeq10fytuSu2ucsikvigCJJKdDQ8/WxYy8dUrRNZfb3BuadAXQTL\nPkFl66LoHELJLBOewRAu+pTU6EKviy+eyJ1QpxYQ//J+bkzhRwJGcQv3l17e\neZ/l\r\n=OQVE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDjZPrZMLlxTGdOZagIN9m+8Jauu2YMSlyAtuqgroaOtgIgJe2Et8m9uSyerGp7AA3iqzoYH1gse17z/8Afq4y8wnA="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.2212691a.0_1621295526811_0.8872304724300062"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.f748ff2f.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.f748ff2f.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.1a8d06483.0","@material/theme":"=12.0.0-canary.1a8d06483.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"a83c1c5ee60e398896831041769b5c22e19b4621","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/a83c1c5ee60e398896831041769b5c22e19b4621/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.f748ff2f.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-pQZL2GSV1F4nq17l7iBAsQTzzgNeANWnMoXkpbo4Pv9LVw5BxQRZpUlPrlluSKstx7IWrveRz08cmSlzbCuuZw==","shasum":"67b3d0780335f72bbf9f24230a661ac566c4b685","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.f748ff2f.0.tgz","fileCount":19,"unpackedSize":85109,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgowifCRA9TVsSAnZWagAAkT0P+wU7KJUKsv4YbVaELFA/\ntzWbl/08QCiWy1c9jPmBCYfJx7jLi8SBcUemN80kJHJJVsUKOhYIZaXMQ6qD\n2S+YKOfwGJy4YZizyjpFfYFt7M4XXEH/instJ4H5X5WXdcqxN5PEkqpODINo\nL7Ii9AXizztSWIetvxCGStmBYbr/Iq6IAfZ9HfuUHsqEQToZldDE8KXaTYqV\nAIDAP4LsPIr9YdYZcZKL+A6h34To2mh+7LS0I/VxDfJYlFFMuC2IQIQl/ZOH\nPg9wbcf9JNregHzINiTM0YQuLEtrB3zVV7c9M74mNnDmXrYeZvGwGAuEBpop\niduKhHOJp7oKmkFxC8XioyVQiW9qCir0qMse5ClSb9wfEjVl/I2GiYXHoZEI\n7Gjaj6w5yJF5tOax7kgVAiW1nJ7ZY1GgcnQt8ehQSjzNdT3aSdWoyOkMUkA/\njzcKjQl7yz930UcctPJuZBPDdffRfXZ3EZzuECvF99LsAlLEFLg6NnBAdnOL\nOr0qFoNGVE26Xm57Qn4Ns7Yqxl9xPtWTRpYgbphKDyv0TFQJtD7YWGaZOXZo\nNYcBZIBZ0+fa8pmlKqxp7ik4/NQ7Zyca67Zt0+maHRHz2Q839VfbQ/4BlP+J\n+jfqr8leX30h834yJvR86O+KHLbza5I1rnIZHnnuPsqd3f34QrGPkHP+4Tah\n7cIO\r\n=ZhCh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDagSdiEP/lpNmXImuUjoAUzeiEdjPHYHwe5B5K97DKGAIhANEsFpKFBnfWMx/EbzPjXqFwtQKDuqc9L80JFnwlxPeJ"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.f748ff2f.0_1621297311206_0.2851894621506317"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.cc04657a.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.cc04657a.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.1a8d06483.0","@material/theme":"=12.0.0-canary.1a8d06483.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"b1fa7339fbd44ff5149f7f38e481e6b0b6fd048a","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b1fa7339fbd44ff5149f7f38e481e6b0b6fd048a/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.cc04657a.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-QDuou14Q3xrRr3PDFsgZIngPKNjK5GeMRaorYKJgFK1XC7nrwd0rmVZn0CP1jm3+7eRmbnKaoVzj0AU7oFog8w==","shasum":"fdbe49f81250c5d6d7536778b07b17e63637378e","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.cc04657a.0.tgz","fileCount":16,"unpackedSize":66077,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgoxZZCRA9TVsSAnZWagAA7OoP/2mQMOMutm22A3Khprwm\n1Af9dnH5GhnN/Du7YbCXn6fHoeq3bt9esEE5cm8bCht7mi6O3O3fBL/nq8An\nz7lG0bnIUTqVRs6Rgaix60VLMq/ZG1XXHNZG5d5nHpRN6CSJHcJyxnAXZvay\nOkL0vMlVTWz+Vc6m+xzdKREeA0gDBjArPO4vcXHlzE57QRwr0oZcyxye4f/Y\n5nNe8CRkCSS6k17fUEN4jc74d9D10ZBF7LUF1mkkH6isHMHjr2MyDiWMvLOO\nju2phGAiGEwOePDMg4QSNt8ak0YtgwgDe0SRU//OzYmXAlYqHdL7blYLv3Kd\nOtCKcdLPO6rNfeRqeu+eUNy9NbmcVTFBCiilydtV1nC3XrutiXHs0Wtx49eC\ngVPavRCMR40Dpe08Dd3dDFH9rPaueHCWcOqqODlrRvemY2jRDv/KxXzGO+AC\nvXdSWIrPTzuEW35BAHlmGsSn/JbjT6zbHG8zWQkhPdnbdjyxWrG0nC0rQ1OD\nqeroP3D0Alq5o0+d6F5gHPEkqn7eHm9dBOD6qxwvK3QstMeRWte6eTP0nnuS\npZoUvqxbYEs+5Mye8jUWr6bNjH02dmGezRPrp20dh76njKVEeRuILGjoJPQP\nRqXvR6bQSMhbNlZBhvmPDHgFnKKtODRQBidso++WMf4T4Arrg2ZD+2ZUFL57\nw/nQ\r\n=Thli\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGJuvjFfBBqNGAC6LaZFQC9vcysxl/paGVNUwHzchxH+AiEA3XhC7TlYntpz9wwXFVgM7sZtnXhcuN7OQoGg/f4IV4I="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.cc04657a.0_1621300824669_0.6608194916499706"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.3a3114fa.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.3a3114fa.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.4bb5eea2b.0","@material/theme":"=12.0.0-canary.4bb5eea2b.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"217bbc3c5105a7f3ed67d47f0169dc3b8269adc7","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/217bbc3c5105a7f3ed67d47f0169dc3b8269adc7/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.3a3114fa.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-3kPDFPQH7nsvmj3a4vDu0IlVMCsNIeA0qinObp8MZNMHH7hBFGiDtv03ZHicv+j5DKP/1yz0hE/Bg3qVfonf6w==","shasum":"262bd81aaa974fdce970d9d6be6563abe420bd6a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.3a3114fa.0.tgz","fileCount":16,"unpackedSize":66077,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgpaG6CRA9TVsSAnZWagAAbJUP/3UilpcHInwr22W8Ksi3\n6f8dceM0heFjLK9iOpEDnM0+iCUoSokE8s01QLp3FvA8bkBkjgGw9djvyC9G\nxSwp2fIlaaU9Y01FYHz5cgN5XPf85BnrHUjdf0qfbE/Vztol7JiAhsMXIUtT\nl4Qb5OeMwBf/bkeqBpsoqddUsmnJATP2qJl1xTUoM+D+qiKX+yNp+iWGvLzr\njguh3uOErca/a0DWOh6P/wd0BKUz8OuzDkRmmCWKiNWyTHbR/CTZpSRubyXJ\nddLSzobJNeD7MutFP2mqFDQgIHvDWTbeTivzX2+Up4NYibgfJcihd45CsILh\nGPmiCG7lOKmoY2k+u2BvNSHGHW4uirK/flBByX1fNUACs0qKtrIk70kHpcEh\nmN12zbQW9Yi6iLtFv+58FESPN6O46vUmOIE5CUjO6kugyrJkyE+Qxn2QBzE/\nraDsbtSwoZrE0fzjqYljPVBGb9+ARyeCuwTrS90VBSDk+oGjz009a/u1kofD\nOFHp3MdLTWQnxoH2IE6xy2GUDh8rL9Rn02F1M1rL5cZu3xhg2yh9+NAuak3F\nx5n3mbQF2Wf0Lo1mvwPeRbNvtYfcGv6g40OScyoW5uLb0RGuGCCMiB4fPmCx\nUY5oBarJYwtPTsqRiAKvJktMQ3dVLgKSlvFSVu7zhoCHDKeo8R6RvIzr7SpR\n3ZBd\r\n=UoYs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHOWAJgsLUzN6FvMu4sbD4M1VrzwH6owuTbX9gt7N17wAiAKikMOGYaSIT2kJz/8aSH77JONjPz3K6u9ZOKNBLIs0A=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.3a3114fa.0_1621467577921_0.5455136193053298"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.b46bdf83.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.b46bdf83.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.4bb5eea2b.0","@material/theme":"=12.0.0-canary.4bb5eea2b.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"9095fd5cb7570c346d2093f1eb444f3035718920","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/9095fd5cb7570c346d2093f1eb444f3035718920/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.b46bdf83.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-McVqZnL68jHOXvok2PNpE3ye2LZwKIQ462I7S3hV4CDVq4SsLtXymKn4oPQGDZey8FFSqAGn9sF+7RcMikPHmg==","shasum":"126326cb3434b561c2f582953915cd6a3ab16a0b","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.b46bdf83.0.tgz","fileCount":16,"unpackedSize":66077,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgpcBeCRA9TVsSAnZWagAAa+AQAIMbKF7dC3vf5dRYuWsJ\nxFfho2jVe/CAL5UPzFnsZF3b8yP7WB2eQSZkxRACklRu96zRlc3wwuQJosoJ\n7ceyo1lSOm+1dXyBWjrFlHIWerbNJGqNV1pJSXJfflBW77q+9CbI0jrV9lSt\ncGqlK/Axz7M6jlwch+A5nIGpTdS3KB8rVybuQULwhOb7nhcoRBK5QDgrjdT5\nTAJKpb81pttwNAFS2ZIsp0Dm+l5BKJrc6kUrlzVgH1aVptSIS9hOJr47JSIb\nP4bH0B5DpZSATUiS1mq5D6V7U6YV2EBo6yHbEJ8KdLKOg5BSwqwk4XuUiW01\njvR8RNbNg2KflHiuUsLQerkL62k/DLdCN1D2ApfE0+4Lmy4vRZBu3JF60Qjd\neSmxYbT2wk4ajI8+M6oyR5XrT902oXwQM8lEq6VNGQdDpIaq9nFD4wXG40gT\nLwmTO2D5QO2VMyr3g9mNUYo4uUm4cvb6fGxqOk7orUZOYYMVo9P3U2CCTdvl\nRwJqK0FfSZQzyKjGuqZSXPJDgiH7ZDvFmP+2aS6VMLKXsXf5gOJkq0TiJrHb\nmCCwu+SdBShouKE3SNM1GJcr5en3Z8INjfm3BhVqm4oAtoI8zc86qbcFZ3bI\nzgL3Rhl7gey3DkyOtNXqHskYlN+4ArDE8nueCIPiUf6kiO47uyfH8gGKOvgF\niOZ4\r\n=jOMB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDmmuVwDlxaGlk9CjCd6580k2mLrOmbciBo72mm0DkYXAIhALoH2nUvjfnIFdo2jEZSV4F/AgvA2zPurmAzCQeKKUDj"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.b46bdf83.0_1621475422281_0.734936773756391"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.b401a081.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.b401a081.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.4bb5eea2b.0","@material/theme":"=12.0.0-canary.4bb5eea2b.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"3f253eb320a1f9b9e236e2c6c0503900e63e2c6b","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/3f253eb320a1f9b9e236e2c6c0503900e63e2c6b/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.b401a081.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-cO2SD+u9Z4a0K/rOJ5Erjt4ahGzQlC5OAAgGfuPcttsMzruVhOhXRFlg9cQc9oTmpCeYtvFuCfRlUugaiCqX0Q==","shasum":"d10fc15b3dd24eba6a123dd5d28c366306a6389e","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.b401a081.0.tgz","fileCount":16,"unpackedSize":66077,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgqECvCRA9TVsSAnZWagAAGB4QAKMPnn9G108uarnKGgGT\nHBx4k4T9B0kzUgV6DDVfLvmpRNDT4UO03umx4kRzRVd59ScpNUZaC0u6ygt2\nb77Hn49rpwBBG2RwO6faccKXbS23s6SvL8BKxr8F421ZWnrlnpYPfSJ9j0Hq\nh2PueCgZxlnrcJWUbjUbMnBMc4Iw/6O6LWvh/y9ZGcgtZ9AiVDW9uaVhPYlA\nnhdQ0wz24P+BhDV2xWJRkgkEX8NGgtcM5JkSHIXz60rLOk2uJNyqu2nfXXtQ\nOHhAeIEsmcay4Calh5wKMGY/C7sqIXlTxtTldCL0y+3cEMbb36mgnSRmwrKd\nHF9R2P2P5QoxIVw+u+5eIhxyF0LKdETtCXrrYEQoHOa1Icn/N9yq1XBTy0GW\n5EeGwV3VnzVbQCxZ0KFQuwSWZFyMGvtIX0pPipMjvJAUcI88yNzyV9CcQhEx\nwPZLBhbC3aMKBRq60wKUIb4DfTlGkTzVpsyCU029DD3K79fWPiwYVG4epoxt\n/tl4hsA61mZstU5I/DMRxKNWTLa/kbxZGuqEHaNI97wE8ByUV1Q0Pz4gYth/\nnWYMPA6LptAoZMO+K08pKv/MTbxe6FhUuTMulGaQ2754DExu9z5AH4ahsGm1\nkm29YOLzT2dS0Hnv6pDwgemYJAZGo0CoO77/OPTBgG90IZKFMGt1G1S2mnIC\nGGKh\r\n=EsKj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC+mGDym3OECvUjfTD7h7Nq6x7TwYxXx3uCH5MXMHHyIgIhAIxe2Umli4SGZjkkd5hsjQXITaOI/qeVnDj4fStvJfNA"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.b401a081.0_1621639343121_0.3643564828255017"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.012c8dc0.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.012c8dc0.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.4bb5eea2b.0","@material/theme":"=12.0.0-canary.4bb5eea2b.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"7a0952c38da1624fb6d0653e07cc5ebf284120f3","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/7a0952c38da1624fb6d0653e07cc5ebf284120f3/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.012c8dc0.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-aGFa7MY1tty/Cd4Sh0R8IkfsoGyrHslPPp3cp6wtf76kANyBvN2URjriNY4Gm9sNXdrdSvJ7D/MNdq9Gw41IYg==","shasum":"051149fe153afe1771a3eeb6654455317b5e12fa","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.012c8dc0.0.tgz","fileCount":16,"unpackedSize":66077,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgqE07CRA9TVsSAnZWagAAIoIP/jA+wRdTxV+cVbwZQEX+\nzLcZnPxy5Ff2HTS+n9Hx2hOj/T0GeuKW00Rf05SVKFDGtxht5dBeGwcPzf0C\nDRcWLsQCKiU7teTstBw7nc7KuS7ujsPdLtRwt7Sy3nxu6zk/Gcvzkacoxw9V\n1gl7ocKSswDpkN4Y7fD+tS/3S1cSe10Tds7z8TxxWjcdX5uEcmptY7fTOkNU\n55qGL3uekD5OiXGVrTVvT4p0kdmUXAD0FPMG+K84GVGCUTSnqojAbu76ksv6\nu9em8itZzGjufDp+4Gb0ziQZytSpF3anFZjby6OmmkNaMyhYao2jdrBGDq9/\nPWIeM8iNzSsiGKsBoSupxjHLpYMySqTLJTwfE+jQN+8hkFhMsZXzDLCcb4zu\n3yO/p6MSCxdgoMPJtcYg5Ifkjl2dPNBJs6K32MDvtnzLMDRmTrDFQ7KSxObo\nisK5ZPno+kdJtM0XdDFQIM3waOF7KP7ZZVwYNXu2KcvEh/K9JI/0aS8YT6+z\nqKEEzh8VkheMuYTt1ps7pLeER62tc5+Se+0YYFKiiAmOItuaoeATVb9FcifB\nF77UtarxdPWnM3jkBtfF0yn3Ox1lOIuqaSbrYjFxsuNup8x4r027mZOVqU64\nv7lzpoF5KKaG12kMyRDQcAtm8EPcA+INohHV8/pUq6hO3jQLXwV8vZqZPFbZ\n8IyP\r\n=KcqZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDHh6Llh++9AOUj3qP+OCBTUBiw3VcTsCNwAhDqNEdW5gIhAMWqiylF2o4rpE+ed5xQOXYltJhlnhbXT5elQKds8peI"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.012c8dc0.0_1621642554587_0.7460532785241312"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.e01a1731.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.e01a1731.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.4bb5eea2b.0","@material/theme":"=12.0.0-canary.4bb5eea2b.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"8afd20b0913094a1c3c1b084d0bec7d38724fa00","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/8afd20b0913094a1c3c1b084d0bec7d38724fa00/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.e01a1731.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-4Kd7c7ZOELA2HYYwr5kE8lThaKZvu7t4VSXXVkGvimZovjRmRF2OCgxMFYwyudX893U5/WhJ66uc0X8lDGYXLg==","shasum":"e4982b73dab95fb9df66613c39ebfed9eac8aa3b","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.e01a1731.0.tgz","fileCount":16,"unpackedSize":66077,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgq84ACRA9TVsSAnZWagAAcp8P/0Wrnlmq8pHr41jwIYwT\nJYPB/c2h0ZAqmlWaHSa3yXooih2zcqVDVm3QBQcLByi9P4vLSsJCpqfenF0l\nn1uvSXHymzX42f83s+dDC5BjdgxiKln3VRroIGF4Z2CvxfM8HcNKJnC6h99y\n6orLF18SiCI3lzHyqGlAonGxdPbYBCVslNMHQgugacSIW2xr78ucTprYoECb\nwpizV2h3oCj8L0GyfpDO2YHYRu/0Yy/und/XJhvnxQBFNB5w3Xcn/XAzWWX9\nYxAF5EjNoDJ0Nx2KKUdRdHyzD2EfBjk1nLkyCJ4nxUyyBSofgjMsj3L3RNSx\nLEIFXcpTSgX3K2d9teZqjiKoMDrXWNFpc6k4HI46dPKIggv6bJi2Mo8+ZrH9\n7cXO0WSzwet5zDNOWXIDdRdVlShHT75rAvkKaaAAcGDU7PjIPxHVxarVZrdq\nV+USlQj+471g3s12fB5vQP6HVtct5mxIheC8zTz4Ro6gb4TZEiVJ6e6RNLMh\nl6KG8k/qGmFViKaVurp6uoext1c8r6Dg3NAWEOZdJ/edOxk3/s43dW7ILLgY\nOGIFvIdcu2fo1Ru1KAOHVjhN4wln/d/cX/ogzzPgkWIJln1B/PjhKXyY/NKZ\nCJaQIpRl/zN10l/ZyP+KybLOhKUezsfNcM/lIFVKZE2NTvyuus+eLt8xFAzI\nHLWd\r\n=hpvh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDDFTsh+r2Xe1O00aMyuY42IKmfthXfOrrM060jmYopQQIhAN1Hvln2Vh3iTv3tU1oyNc5MN+2DNQce0zbOmp9CwzBX"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.e01a1731.0_1621872128267_0.9416239103998396"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.59174b9f.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.59174b9f.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.4bb5eea2b.0","@material/theme":"=12.0.0-canary.4bb5eea2b.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"7fb9171e05c85b1bf933cbbf66a44ff2e05e9e25","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/7fb9171e05c85b1bf933cbbf66a44ff2e05e9e25/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.59174b9f.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-vdrUviZed3V02K+ZDYUgfBr/ToY1Zb7NPpvPkWhvIRCK9ZVP2PD9o5zN9P4SceWddmDATsuGMIwJoccxgahD+w==","shasum":"b3060ce9a97752e2ce5455e00a296c4158913d93","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.59174b9f.0.tgz","fileCount":16,"unpackedSize":66077,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrTt/CRA9TVsSAnZWagAAM/0P/R+ueKR3hxs0+qkVOuNK\n6Sh9RecV+9s1PFhhT0CZMjSuQ7e/n3Q4+k6MbxF1pIGBBivIwjpV7HoIqGSZ\nRGaXwEFmwrxbQf/AsgXz7ziiTJk7GemMyE/pOEpA7uyUzVjrXbOlP4aZolC6\nkXgPbSbH10sKpXmygQNFHazXWFkQqFL8CeY0bUFIq15jA/98xuPzyWPyrWjx\nG6m7wmzoGLnjk8mh7NmDLn0pBbDcjRT/o0/OBQvyaK/aHAHgnYyQQ4C85scG\nr963D/UaP4KdMR2bbepChULGzpxb2nVN52klcGEcrsW2YIQJ9OgTdPOCyLMf\nWPR8og2YHtOPvvqpR4cNMBMT34IR3Pmz99UpWT9HHCQrQ8ByRmoIBZXKfBKJ\nh+7weVdPq8+rMuVkEJfXzCjxs3kMJUypMqxLi+Y+wtvvxAKpzifIYbOtrNQ3\nCJmd4NFYmh3xLp9JfAfYEP39OS8If7XVkrmpyteOdJTr1KIO4+i2burTRFc7\nCmygQWMwp5mUu2pFfqiw1XzuCvRR/W6MfJqCfThTGpARXAzmaPhlC7iyDjBl\ndkj/uQ0PkHljWN1itEhkDdMU7wqAopmK9s1X2CZbCVqG/sA0o8kCR8I8EYrU\nWixr81gfUMZYfqdlrTw41z2xmX7JbkUHFLeh7cxzkUK8WZ9jgh2juEu8qQhI\nLlI+\r\n=hOeG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE0GkdL2s/eBLbdyjVlHumU4/y8TXXgabSTr5XvXPBcKAiA0EqjxJ4ujQvetbPb/8+jjDlbNQnfS84V9nrpWQxwYeQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.59174b9f.0_1621965695124_0.8515691643377845"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.c96cb2e0.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.c96cb2e0.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.4bb5eea2b.0","@material/theme":"=12.0.0-canary.4bb5eea2b.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"516910ae9bfae62513b95080369ed2be100b1c27","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/516910ae9bfae62513b95080369ed2be100b1c27/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.c96cb2e0.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-qhiNSF0lyuNaZk4UEfkceOv6bG1SxnxbOLpAImRtdHrkIH/z5SOucsRG5hiix9yuLU1l83nUYFFK0oU7plVgbQ==","shasum":"e923dc78de3cdaff9d277b5ff675f6c5973695ae","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.c96cb2e0.0.tgz","fileCount":16,"unpackedSize":66077,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrUvxCRA9TVsSAnZWagAA2gQP/2+4KTt2yqXq2P2eOxIk\n2MF12vdk+0wF9QgRuBxdMbW8mgi9LtAG2W+w7GRvlf3nvrzwa0QDt3Uy2wF3\nAbEIqkZ1qqgEwikGwOyJKopU9jWsp6eYP/JP6Pzh8hdIKlh0rcy+4UMQfLZr\nieYMn5RNMFQQVB808x90lWwLExvt1CZ/08euiT7NkdwoEfE/GuiNxfERJJ/x\nkaxoxy+60dKZFm7N15vTrRiMYLkHnCpNkbqzE+WcD39sbOKB/z7MUvwRsdf7\nDbi8lKLp/VWZ3248YHJV4hcHX+jKxxJ0/GqT7qQWtwlft+V9r8Ew+BttPFbY\nV4k8laQGMpdrQvOfyJnOw+klrqEOetlytlQTlnRd5AYEjaHBgwPS8S+KflQO\n4cPAIxoLOpprNMPQ5O14z6mk/7We63Mu0OiQSaOokz1oPCu0nh29GTqQ9EQY\nnB7cbk3O2rJ8gXlcSCBJSobVqhtjdCuMJ2QAjU5sX2I9Rx4iOf5RXAFKfgZ6\nszAgMeUv+kg5oLu5Q/4QYrtoa5Wo27HsLNGuLemfKKbsXdwFSMZc/o3o/jRG\nB8ezIsmC/UyCXuolV2PURK+rG35+xzBpSLi45d3kdBQVlYyiHgO7mPJJIwYB\nLUXtQ8qj0dSoK/yRqEXstWHQEBm/QrWUsQr4MF97zQ+vpDMwuQTLPum6DBhb\nmxrX\r\n=KZvb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCzZLNPGXEpeXzS1y4LKl2VH/Fo3FYctB6VWLdw+hRr8AIgTYAWjzB+UZwIZqCYI2q9fOB+qO22y0wiQ7s1m08T1D4="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.c96cb2e0.0_1621969905352_0.6191140185311086"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.b9b0e330.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.b9b0e330.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.4bb5eea2b.0","@material/theme":"=12.0.0-canary.4bb5eea2b.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"18c2325baf4aba3a786f872ae497d8ee283800e0","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/18c2325baf4aba3a786f872ae497d8ee283800e0/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.b9b0e330.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-vbnlTVivJPCWUt8w92lq6oKSj1KCOXG0srGWR5RjzerHSRoNLrpW0gafnc/FHU1EoE1WxESo/LpWnd6mb6iLxQ==","shasum":"160b168150df5940204260aea171f00e6f11bb6b","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.b9b0e330.0.tgz","fileCount":16,"unpackedSize":66077,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrWVGCRA9TVsSAnZWagAAq0wP/REHHJgexLv3Qc998CUS\nEq1sbJvEUY+W/nGGBPFxI7zLeUoY74pHspXMHUZzCUjdebE9pS9pG8C+NpTP\nv1KCFMH6Cm1NyyTM77LdiYjE+Bt2DCsnuYpoD8aLryZfl70getccgcivWTcf\nmTdGd+8OQFrZkNrzUuyVnIFqcJh7cFAh2is/DZtbHmHFaMrhRiRFvX875ka+\n0uVrT1gBRmtZKgTMfmaUnQgSXoJMHs2nz2jvH6FhijJCvrTe4+uQ4p+fO8Lw\n7TVBWz/Den5E/8R1PwMgC+p+YxYfMmlxWMzZcT4zxkPqAlqf4BqCBaaiUFi8\ny6mKzBGaO1kxBBdoFC8AkzOz+toZF9zdmQS595i5iWKXsCckwUMPyuuKwmtd\nBTevUO7K5HkAPynmryO10I+s2nLG/5QqeC6Eb6S+J559gglDW1eUslms8phv\nlhecbtrOT/qKLCDwuHdH532q/tYXsNNStB+co7txolCxHcRa1FDxgZdZzA5J\nfSwdlnK93rcqn6K9qu0mjZz44fFOlYCwuMKdpv4pEYgsYQbvzAlAxlr0WBlV\nkwVwvcbKdQiDrTq5UhvZV9ZFGf2SyMRtgIOlyZoCYMRoByCzrXkGIEhTNx4/\nb5FsM/sOqYlh9EHoKTgzDhlJzbv02ryEFTmZGJXCu9NWLPgMZhL8394CNMkM\nBVbX\r\n=M39E\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDvcKnOuT4gmgU//St14rNAlaA0Lg2P8dJ244X0yH36ggIhANx8TzwOIYB809xCv64uUdA5968pxSymy9cx4btk/XMW"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.b9b0e330.0_1621976389499_0.8572053289455039"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.ea2a8063.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.ea2a8063.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.4bb5eea2b.0","@material/theme":"=12.0.0-canary.4bb5eea2b.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"0b10a1191b28a4155d8f169ab9a5a3003efd3fe5","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/0b10a1191b28a4155d8f169ab9a5a3003efd3fe5/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.ea2a8063.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-D3KfzkaFfRt3XMQg2iHJv7diE8j9mKzymvoBsZiJ2ff4zEv4PPRqtPuKW/Uz9+BlH+FhQFaPYPzTKSiY/yodGQ==","shasum":"4850a541561b2f68867164aa1726be4330c4d9d5","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.ea2a8063.0.tgz","fileCount":16,"unpackedSize":66093,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrWZ1CRA9TVsSAnZWagAA3bQQAIOB4cGV+m1lm6VbZLis\n42/xpB7l3GttYmtCtsnJRzkjH7pZSGSre+DyXgu6RvELWV5sq0sRgSpNguf1\nRqSBjgIOHK+NUUK2IT/2BtqULTISg6EIhdhcrUfPAKJmfa0fgF2ecifZeEpb\nGmVUcz+B/g3lDRkNrGcy8Ra+M6yQNkFXGIz7kkVNKpc0N0NDVYajWDvhigV7\nNEgrhB0Lk5hZBnDVOxufxQcZ2PdtV12IqjggnCq8QJISry8jt8Ky5tbcmSfO\ncbsG0+0Rrk4grMtiarheS7KS14rR9MBa0RG7kvwV8KyBCaspAny8QA3JO+Xv\njXzVpKu5+XvnXPRwegfdiChmXjqkKLgfk0OJXQ+z1y75+TB0p/FZbf2NkGe0\nwflp5YLAl1caslzdqqB/FmWok8j+JKrhSy5cF2NcUuNTKHDTBeaeSJkwt4hd\nsVcsXTtJFtK6eDK8oLOqJvtpGGEjXgRQQtls6ghP11aHin1l1orpFZMKYaIc\nvc+EM/B2Ifj9O0mNjPnVY1vv67BVckQM5m9EdqviLM6ZsgW4e0nxQKnDwsXM\ndksrs5kPC2mMoi5pE9tUKIgUAIza2asazBLW53iCBrEIC8m0qOW16Q/fUjnd\nYZn2WcozAGzQDUReE7k3ys19N1LazSUqva/+lXKEZfbHaB85le8g40wPYbd6\nGP/v\r\n=E1Vj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFhK78U07HgGodToQjmErnzm+ye6S2kjXepjQ5f69Rp1AiEAsipg0fTspzdGMgdbOQ1fjWarwkG30zBE+CxJG8c2Rvs="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.ea2a8063.0_1621976692529_0.12288325508185016"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.60cd9178.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.60cd9178.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.fadab3372.0","@material/theme":"=12.0.0-canary.fadab3372.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"b194465fb86d4af03f65ac72d9b8427df2a2e189","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b194465fb86d4af03f65ac72d9b8427df2a2e189/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.60cd9178.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-qratrmHWCvk+nggwX6TnVZHLMSglKN3+3ml2XvmyQvwaxZF2r1WlG2znF8hbyi5YmIPLIn1Hfjsrk7i2CI+P5w==","shasum":"7bd21802d92d6828a07eb9ccf71c4c70a17739c1","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.60cd9178.0.tgz","fileCount":16,"unpackedSize":66093,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrYScCRA9TVsSAnZWagAAGgUQAJ+PmHvrqdKQR/rYt3O1\noaJtdTeX2X92AZ8lWPn79r7maZZa9lPjBtraic5vv+ixLOgZ9o8h1G2l7L4Y\nxombx+SuNwpyYadSgaSuTLCl0T1y8djXYIuZMT5yr+YCv0II5Q3khQeFRwcB\nTThU5gQ+p82bv6zJfoiE8BRshIKaObPqkID5VxYOdKmlx+vfXFRKKv/RUCsp\n33l+be1HgDlXUJR+qH6Mku5yDbT4vYui01sxSrQD07e9oV1/vr6y+rnPq49t\ne3QH6dfK7iFfGs5VpxtTj3SU4LgdNHUsqmnL77to9rdH5yVZg5BPSbHHkzuD\n7+MRSuFsnUcsrBgjjAO0BtyRajOTuLQBWurRo1ZT6JDksVxFwb275HfDcwKj\nS6AXlJ9780kAwnPAR1b+TDx0tjrOD3WiquvMBhM6owh6Oux7T9Vqg54ksPTb\nIhVLc5FXSJhxapHUenTY9dUsqrsVurkG+NhPR9gMyvHr1LcZRUHKge13+/bp\nGUD7URL6Fww40CNZptul8wJPn90RbWmKbfe6xt4e/HhsH1FUR10q31vo3nDl\nqbR8WZbfiEqNL15IIGZhLv63cT4bw4M4/qJglnT0rmTzru7Coq8NJWgtxX5r\nnbdA1PGn2Bziw7ysqzO2EkBL4rH21DVsF8s092KeRlo7gCnqLeN7PGxQH5ER\nYHqs\r\n=wVuK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEqD1lll7GSaW8mPqgk+pEcQuGWOJ3mMRScH3YrQAGz3AiEAhmeTDxTSJcA4LJaWr6pOrPnIktvcmT3N3cUjchd1+DE="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.60cd9178.0_1621984411776_0.8915519933043561"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.2e2c75f2.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.2e2c75f2.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.fadab3372.0","@material/theme":"=12.0.0-canary.fadab3372.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"7da0cb4191a309db2509b3bcff390b7ae8e4619a","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/7da0cb4191a309db2509b3bcff390b7ae8e4619a/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.2e2c75f2.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-gFriBXEmWbFjtJJR0H/4D6376k+sdwjDgMs7NYPZGeJ69ajkSB7maENlKVn2BW4DkhID6EXLtabYjMLTVl7hag==","shasum":"243efbf5df9408dee3a3ea1c36aba179b4723a6e","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.2e2c75f2.0.tgz","fileCount":16,"unpackedSize":66093,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrZHvCRA9TVsSAnZWagAACFEP/113qyDxjzjthwZ+MBFy\ntl8Ycsm1NtCQpbxsuumRS/he0+fsjJ7fee5a1o0zyDhN4r3+SgCLRkU2UYcS\nMda3ieG4TfS62GbCAP0DCBM3XI7KcLpDOkry7zdiFvxxK94Az/EjCUxkqLxa\ngAWsbvh/+DYasWIygNU2SJvHXR7s5d+1ML24BVMemP4fUxd3+vQ7dAGbf9qP\nGXOZQmtEdnUvXA0AgBLorfbBTfs3vpJgAPbi8g5xy8zTVgohcR/PImuP+ZLv\neXhpiaypVI9nUdTePXdQHV3tbB0oMwZViMpbK8opbZZKbWcjFzh7TLThAcvo\nkCgrjx9rQlSnzV2+BDr8j5Oec9/ekHZpz5kDehfbMtvrYkDkRU1leXNtc7N6\nTZyqf8ASlmPDrIrEbSNofHFHAMXjhmpF9T2lMqKO1lpkXjkm2+/zpzsLXZsl\nmzSZTbDGy4OMkm54IDXpCdsawuYldTHGYWHqkZxx+g5tQMPc6RcUxPQ5Vn5l\nOloP6l19llqOk38OpXjktbiUAVKOf3hoE3ikNelZGtMmO3ausbASU9AfLnxd\nIRf3FgxoaTeLKK9FFAhvL+pore4jWUB7g0Z9J7tY3rmoQ5zQQeOkJ6JLWUCH\nNITPJY9dCI4pFqySVCMylrMUR/alzTw8dp8rQU+vilVMYnyU79RJudRHsRtp\nONJU\r\n=+CzI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD4t53UCAh9t5/qkMrsrAmrcODHl1jkJgWGSQKpcwfbIwIgPXvydblYSFV5GpMp3cFnVR1bnJ2XnJ8M+Ztv18VbeMo="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.2e2c75f2.0_1621987822704_0.3086657939093902"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.b99c77d5.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.b99c77d5.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.ec31ae1ed.0","@material/theme":"=12.0.0-canary.ec31ae1ed.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"5fda182a00532c3dce9d3841b88c80c56a8dc757","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/5fda182a00532c3dce9d3841b88c80c56a8dc757/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.b99c77d5.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-CoWn+CHpIs2f/3oupGo0p9Oo5PYqcN7KZ9eUBy/M1haEbasD+0Z0TTFfeo3hFcwm9rLfANEXa9DfVkAA069ezw==","shasum":"74d4629467bf7f9a3cf0a80a66860ab658e563d1","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.b99c77d5.0.tgz","fileCount":16,"unpackedSize":66093,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrp2vCRA9TVsSAnZWagAA+SoP+wdOTrTual2R507d3DB6\n3XkjBeoXTPmSBb8H8800FRPk/DR7+hgNb1ZUIlPhFn5NHa3sOzWpNEMJ91oV\nsOUP1xfQcfZ3UOo7r6rAW/VsORVZpezihNCTrT8RSllk6uAGYiMS8Qr6AEsR\nZG0uTS+m8FCB6yr+Vc7ArvDPiN5spGKtK8vjbI3oVe5gigxBGhbZftUOPdEy\nEQrW4YxrzNwPVQZwVSHzfKGbiVCbqXCXl9nlVIKp9W2OobDpojr9mOwC4owx\nemQDVj8CQSyvUwYF5XDwR8iUCuaYTFz1rroM/U4kPDGP7eaU+z1Jwlk5NXJf\nJRgC2zrQZVWdVaVMMJKSOleCIPOYlx47vsHC6gNIstpeDd7wceYzdyeBDz4h\nq/rbO/A0V+H1548saDa8uc2tKlJKPM7DdaJW2GKC9269f8Miv5bGkfrDSFtM\nkkdlUiJ6Pmg3MUo5J3fioZ/Vm0sT6MGW4I9QjfVvm5Mr2j3hedtucdIVeH6R\napUJTCkMPSYGjUNt7vmwRA4w+upQvfyKiDFtpxIesWzyGXqh0XnNK6sTdvfO\n1evOrccPGXtdE8Qzezz1oRe/l+hT9rSRhJq1SMEkzIkVAcOMwfxstZ1RNUVt\nD4mnnMtPl2YfNLg+TC41YcJ5TIoVQNVrgJ07o/el5Yk8w2Z9R9ksbTf8M5I8\nULRG\r\n=1uc5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICn5Em074uE0pbRFFF1A/3WHOCwdbGRNJiKqTGVrGl12AiBLuyVuYe/dSG4j1KRnYKzezsMq/zUAvNzakxUefd4W8A=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.b99c77d5.0_1622056367498_0.9430024816455465"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.0de82c12.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.0de82c12.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.ec31ae1ed.0","@material/theme":"=12.0.0-canary.ec31ae1ed.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"02037fe47532247fb8d3f160ce76eecc87a64963","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/02037fe47532247fb8d3f160ce76eecc87a64963/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.0de82c12.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-+WqHb6GZgRrh5yuI2VoItVrLCaiHie8qNRlU6ZJ/FHxJ04mfMRMBWjinqks/LHvsTLVj2dx3eS9L+ZMy894L5Q==","shasum":"dcc79cd44c4dc0e62b9ac74f6162fd3308ece412","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.0de82c12.0.tgz","fileCount":16,"unpackedSize":66093,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrr30CRA9TVsSAnZWagAA560P/jw2lUGlcMRlnEOabFf8\nRxcquWGXCAFq1/aDdZyw5AaRWZwOvCUiXgh1zaxDR+CuK1vaALyvTLFcwjh+\nAMlTCM0ZzpgdL68XhzDvcMSB6PS5qkz/Sx2koY5ClmYAmCi6Is2u0fCKOizG\nA/9mwdPPB4hG16oIlXW2T2lST0eAA5ml5kDQFFc23WziBjqbfbjxN73x5j/R\nnzbu31CKywvz4xtHi07e/JPuTxAPaJ2Do0OvVdJkN/TOUErtpIPXxYE1sKM2\ngeQxfl2rpeQgnM8gq3yJA9lsMjm5NxyWSJR4b+SEmLd5gMA21OASrwR0DeyF\nnY+VM6kGX9vJB/A3ljtvTFokAPJBOqBPdbkvsGTHEvT3lmnobn6l5OtWCiLK\ngPSlL2orUAScIwW3WYfViMlie0JJ49RwLi3w5O5nPsV/O0wm8tvJZXw5oFhY\nM5qEZ+IpujOfkvZIoO6u4pCkZRPTaBLapD4hSOObukJn3nSSB2xxvoPJo33u\nFVPIi4O+KmbA6XQ2fN+GwrjvcyMwX/Xkqb4BFq2C2/1DEii9DlZwwtba3LGk\nDBVxagsw7wiQtEwoM/p297fZWBp0bDdJi6KnVZw/HGLHULaijP5XlrtDGZAj\nXCztJFysaQ5RVhaHvVLbtm1D/4sZsRcaziSaQltIJ6MxdHmuunt4VZzooRF6\n0SdX\r\n=6UYY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC5NqMEF25/USGjYne6qeVuCAHIPJdXJ0WHJ8tQYpp55wIgUdJZ8p+a+nDjjpsXz3k9ar7Fbwb4cOYXUMSBbepEeGE="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.0de82c12.0_1622064628117_0.1738788711203716"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.227a4614.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.227a4614.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.ec31ae1ed.0","@material/theme":"=12.0.0-canary.ec31ae1ed.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"882557fee992155765312df09397dd80bd837720","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/882557fee992155765312df09397dd80bd837720/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.227a4614.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-+hcV4NJ2vFvmrSoWanomlC9w58FDQOv8kTFXf4RVrQQ4lJT+iKrKK4SLYHhKv7/kgI/wyhNuktFerpobqIkHDw==","shasum":"8e6fa620ac2b1990f3ed00de28f1da22c6a4297c","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.227a4614.0.tgz","fileCount":16,"unpackedSize":66093,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgr8KaCRA9TVsSAnZWagAAgTMQAJuuPTXEAhULkSBqBAJP\n95RA8sBoENnLCOtwMLH1lcF/SOPnyt+bDMgzn9gjHBn7Ljr2nTxSfmiEZsm8\ngT/J5JPvQOEaQJLyfWIlq9AWwZwedEhnPMNyXdsL0RJENr+IofCtSjoCWYZI\nlcZineKAzhPlQIbCHMWSxIxCeqit/l5Zj8mxmavoVVdNRxOm9xsQ+nsTJ/dq\nXTkWJmhs154yNV9XjOW0Mb+bMvYpTxRrDb16izAo4yplEPH0ZQNy2SdYk1lm\n6rQCbO7cYkZsmJpebehH+0Z596MrdXTL7D5+zh86R0jbfVOM9aQT8uUQikvj\nRX3WLr+QPS0/DXWRp2CqHL95SbNy6ZEVMpHPbM1CgcdBHKx6SORFS9b/ylu+\nE32x2LnWwGIvXaNSkaVA7hOh0uZwrTqn9Jc7P8wGrZWWo3XVxGDWd+GviF85\nTAhojKlr8CFIPtYPGRm7nF4vTvX+Sjc5QSgopL/Zbx782S4sD3DyQ6qGKPnT\nSPb/hxQPi8D1YV+TU4GPP3p0SNtc9Plv9DE0D8qJcuzhDpXPoWyQp/i37Ea9\n11iZkebox2t7io4I/hJyvDtraiD172zelu1Q+1b98C1i5EiDv6h+hMkWm7f7\nQB+QNyrfFbOZUGQXon6lFX3g/7bZbcxXcX70B09EL6lVpmWiSOBbv3CMwAt4\nUD1t\r\n=ZU1q\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCjgEHfKDLkAGuAJdhgE3nMjKb1C3Yvcy6JHvxxC1KzQQIhAIDApiRBjrxaL+1czTZbn0nzmX0TQIUYTFVJ0Nr9C8XN"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.227a4614.0_1622131353809_0.09474347255652638"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.b3d21d31.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.b3d21d31.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.8530d3514.0","@material/theme":"=12.0.0-canary.8530d3514.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"0346549e5547eca4c47152eae0253d802633b850","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/0346549e5547eca4c47152eae0253d802633b850/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.b3d21d31.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-dZtTSUFjXem9gvpSbEwcgtK3RD8P12NszZLkYofqZZBy/qhxT18fs9X2aGIZulHB5n1Ux6iM0O22kRuXUech2A==","shasum":"0ed38d1b320b629667e36543eaf9e231f49b8a82","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.b3d21d31.0.tgz","fileCount":16,"unpackedSize":66093,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgr+iTCRA9TVsSAnZWagAAN04P/iEKDjvbCpWVhE1tuxj3\nqRD/ZIJ35tAASuZo/AokeC9Qbr3RkpLkdDw0qpsNNcnc1nr4zlFDWLMVS+vL\nMZ7xoJ5fgODqbWWCsiG3KaJGa+2djlf07NrSi1xpX+asoclKtzq4301cm165\netmLBGvXG5PsbTKRbU8/TVRkHVvMw7f/VQAye1YodV5K2NrccJev3SA87VxI\nSGaJuzX6bMyo7PRKR1pjEUXsYToiGcQ8dplJx/kgPpvc+3vA/pfmVuC92F4U\nK6krjjYvQR0Jqf6J4LeojDeYPgM0xIQj4YueUscEaBeiJSaMO7AFQ6XhqtaC\nwhTBqWKe2fyA85yegKUfAoGGx4r6Mii90G6G+WwEAlkO0lXncmarChHRV5hy\nLFGRLiqObUDpTCZPCb/SfwyFj8na7LHH3HtIvNeoTzPS4UHFiF7HrG8US0Gg\nBf/6tvZjTgcdZ53O/sBkpXa2vWasTrOZyAM7A7qgQtAmkHW+pmfp7x5eqL1S\noH48nCaimwnk75R824BctsoJpMVY7sHZMytcK5YK5MsF5ShOJdeS3TqAC/Rh\n2chwnPYzDqPxeP6CJu+hleAhECBnWvySDqJExvlzUruIzc747WwBm6DCJGV+\n7LqncSvRBoudk94A2DuIDOL62PneS2DN1OP5fv2zEXZNWUS06WfqIsdp8ibW\nLj35\r\n=104F\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAvTj+wE8ibus/o/EZ3+IvfMy+Ocm0yo+MWuUmSepHwdAiB8I95cUsauqpzm/3UIeHdZpstv8udot92w/4vMCq+YrA=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.b3d21d31.0_1622141075216_0.9607894946599309"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.288c33ec.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.288c33ec.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.00b5899dc.0","@material/theme":"=12.0.0-canary.00b5899dc.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"69149a859b2cb2efd7d7cb7a55acad20d60fbca2","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/69149a859b2cb2efd7d7cb7a55acad20d60fbca2/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.288c33ec.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-5/4ioHavuUUgu7a8BVB6I4RVZ7wKkrKIo8xXm0pycDIyGScfdk1zsb9iPI7iZLJVrb+1AYe8YbJkWxiNkeNXJg==","shasum":"f7f87d9fb0d7bbc6572c2227dc0a389c2fb2970f","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.288c33ec.0.tgz","fileCount":16,"unpackedSize":66093,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgt9zRCRA9TVsSAnZWagAA5QQP/0aaznVGs83me3yhnoEH\nJHSbFPkBoWEYf8hp7+iN96Rak37zKo3wInmMkJKdeGd/phgEleJbF0CF7LEX\n5Cqo9BJdfp+aL7yd4+XmfLzluFxYL1UhByNOBI2atrUhnx1wD6ix/gEnrJmS\ncQ3lUaPwPqE/oe/YqheMAgn6SzWlKuQ7CIf3akljUuQpcaV7nOl0KtnCVl0D\nO+/BED+uKF3uZ510qZYZqcCxVrsn6T78dCPAv3jDMQP5A1e96slrH8L2IyYK\nrRVUqOpLHGWpLvXkXleK18j9/tOiF6K9o49bzgQjQ85KlIXcir4o/xN+hdxt\nWcTypsElsBfvx132w2vM/naoj+nY1bynW5g458uTcTVXVb4U/Z5BgpU3cA9q\nJzFw0e+lsvW9FDwaYv04QnpDPaUe83M6eK6V+UfEKdk5snmnY5Z4JMuNnnaF\ngdJX/UFjVU5SXHdpHWUDZAFavCqE/REIhukOnloyqgSebunc6sWLtes//YgA\n+5l9FcP9UHp4nMg496XPAZshKOxJudo0gHHZPnokk17MXzbVUMHQzkSVd7+i\n4yMJ1HCST2YvlppjBbhWZbKfMuu+bCdCqXNWKDk/JHBkjOh4zbxyeNhJhNXI\npgKhsg8rGQpmTqYrwef/tTLfuEyDfELQGzKg4+c4nJBE0XTArWTZkKTTk//f\n8okN\r\n=Iiqc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDEhEItQOuc4F9qkGCVoMcfHyLOl/qJu6eHH5HlAG8WjwIgASa3N7VZsAtL9/86YeMK/LOo6if7eztF62S/fFFcpd0="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.288c33ec.0_1622662352945_0.6461169184925968"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.7eb7ccb0.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.7eb7ccb0.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.474de7878.0","@material/theme":"=12.0.0-canary.474de7878.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"54dcd68c7454a24c791e5bc1bacb53ff095de147","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/54dcd68c7454a24c791e5bc1bacb53ff095de147/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.7eb7ccb0.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-KI0hcdJ/PM6WbcW3Fw1QiRjbkAAUFCEfMniWY1Ty1NH2ji1KGIJE8actnJRWKecwO4NiyQljv9Oi1ZpgCjHXxA==","shasum":"add06d1c31564be6cbcae222dd844fd568b77622","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.7eb7ccb0.0.tgz","fileCount":16,"unpackedSize":66093,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJguTN1CRA9TVsSAnZWagAAzv0P/A5wtoYALcMIeqAS1nD/\neOkbs650prPhm3pm1Qpbi010Wwhf17H0/+DB4uNgg6o8OCGuYsiIosVBSyJe\nZB/aecDL/AmgJa0ry5BYoIGn7qEbhnGif/0roZacedpkuaHdZNBdu/iicq7r\n6ImmIJFe1puC9WBeynI7cYIMhMlOgi7benDfIogtEpah55/gHCbRMg7ZJjcx\ntK38tZmjaC17gDnaJEPjJ3mzOrBbFzdzvHybCsQ18QU6wIuRQKe9djMoigxN\n5jqZFnlCGhu0BmrK9U5rkjUwURMA/ycyks+dyna6qAStZx1n4FJsrXaFdgFs\nzqEI9IOjShZkOPM08RMOBvGex8s17H2yVgv+kbMVPc92OYZ7H9nSwSHH6KTa\nRPqW38Hdd3PB0rA0pVeuhHNOf57NEr0bOQPOrV31s2POn4ayRczApVAVN8IF\n/l5alIZQU1LOosDOGTS1XjXBVrckcGlhVHYMy4mvBFlSGFnjDPiTCZQr49kf\nWHXQQL5fd/lOCrdwcOgXoKpCcqhh6zLnLHF0csWTkDOR7PHwje3UR/OqO7HM\nyprwUpbqA566H+0IQJ1w77HYE4xUhomWo2EnDzpuwBZCsvLZVXG0gIDkKJ9H\nfftEoEB5qkLBwHSiTpNL4rx2286/uD3SiPCAUUGK2lM/e1jRdyn5bZo+QnIB\ni7iU\r\n=JCk/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDVekGp/fku2J80z2T7SKw68m/ZFpFCV7e3OrTlg4z6XAiBbe6U81c+UHkmUaCqQh8D77LMuXM2AaOGhfEBnP2FTKw=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.7eb7ccb0.0_1622750069184_0.04983667762498589"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.7fcc0726.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.7fcc0726.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.474de7878.0","@material/theme":"=12.0.0-canary.474de7878.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"55ab1f053532307fcc5a331fdc4718c7d8e5d8dc","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/55ab1f053532307fcc5a331fdc4718c7d8e5d8dc/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.7fcc0726.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-acoSTnrqPpKh2EWcl1TZLQ/TRVp1mx6BJ3Z9f8TrQRnJQnIenfR1bj863LY9A0dhjtwXkIsfX+m8jI70vIHiBg==","shasum":"3f4a63ce8b65a5fbb4ce48e5e96e665eac186011","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.7fcc0726.0.tgz","fileCount":16,"unpackedSize":66093,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgvr2JCRA9TVsSAnZWagAAe5gP/0A5uXh8RE3LPtvK/l3e\nU25Kx4RsxPD7McAcVkM6BWT8YnViAJr3bHVHN/KjTKUdBUb/AzXX8UX6IbSH\nL29cyvwnZLc0qrUb8d7TXTOSPF2y5cgyUmSGvCwxMmxiKlyKu+dvAxh0qO35\nNxFm4Yj64SEIqnqN351Mw2wYHl7oLz83deFYTO/4euOXtls3sTySnjAlrk6l\nNgvr+0uRhV0ovnmcjMSht0Vcyh61jyRUceEMJupQ443FDwAFG9iTdGTR/nHD\nkhAQ3u1jWpl1JV+midZNno0bqYJW8pGWQquXFH7jwNdVO82VTj2T5LWzVyk6\n80kQBJE1MyUsEoc4Ik9H8GnB+NvrjHyDn9Fp6UPXdUlQIsa84jcBewBK9oSY\nqjW0IV8PjhIWoCyUyXx8O7r5heaAYd63GB0k4ZTuV617KVB8FhDKt4U/MD6K\nryVyxTskIxbEdpobxA1iftgV/ku5/SDwFZmcg/oy0efTHqBjNe663QO/82sl\n5Q8+4lmLFlZr0pkIuvptc8DACqxrZqiH7Eh+1EWmOn0PlrDFpPPv+5isKjGa\n3bA0U9nQMC+uXz+5MGxGBCBvx/gHS6TnwwiqGvN2ZyV6tG+xKD01nAQueBTK\n6bnyNkiAEnsZKyyP1QtKRwlBT87fPmbuyHXXMMhhhp4WWVrCRivuFvachPq6\nL+w/\r\n=Pa5j\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG73OLO4UkZiV77bWoa50o1uWx+gev5jukiIhzNhhGOSAiEAr8KMh8JRMgjNAabRxOUIoisz2NfJtXN7RdT3/W1FUL0="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.7fcc0726.0_1623113097587_0.16619183798722093"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.220a4e5e.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.220a4e5e.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.474de7878.0","@material/theme":"=12.0.0-canary.474de7878.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"43930a9e907fac042066906c7c9c4a9bc26e3233","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/43930a9e907fac042066906c7c9c4a9bc26e3233/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.220a4e5e.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-zQ9s4AMkJ/29Lnd6bLVy1/ljOdcohUTzTxqaT+8Y8eBCl9G45SGZcWaEg1UaCx2eVW84KBbRYmVVXSLtJpMO3g==","shasum":"0764f6b68e6bc524eb45a331111572a9ce04b578","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.220a4e5e.0.tgz","fileCount":16,"unpackedSize":66093,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgv62yCRA9TVsSAnZWagAA04UP/3pDxKUjICss2Y9J4Ul7\nPYjV/u50rGDjk9OJRIN4WspYa+g6kb1TtcTNpJtDHhAyadOzQkatwv/1aof4\nwiIr3Ts4LrS21RFdC2QR7FVla1hOZ8x4TYIZjIKg/9QbRPFVxtgB6/6RHJAa\nZmKDhIWiNF1oi6iz07Th1PiYbfaNSZ581O4XaVsobk8QOOEzs/gLCZlS0IGS\n03940qdSjocHfEmVB4/DPGDemDrgkm6BfuAenUaPcRC5UGwUUG07mLn4Qcpf\n2g8+2MjnsP/olZ1Ej2RT7azWcIOgKkR6VXEDr+F+g/8VPuYzcgiLh1HjbEHr\nDyM/xwUxpQpGc8Gdg/M6m56K1DaLuc01ujoSNEXCzX4WecrQdxNy17ola3Bk\nJmQuh6OwCKaA2tnn8TLQlOL+RBk7TvsuodMxsLEuute1brLKUStLdxx6NlqF\nh41lNt/4z5WIiL/cPbxnOSN5S89MpAD7g6wZtECVFtcaNK/CRI1b2kIWqFrV\nXcxkoyd+DrGTX1djRLruLtwUNPFDJrdtQik5ROdGgW3qNa8xkSn35nw1OWTe\nZbgZvlB0IhOES4ip4JMiPS3p0V7l2OjTQewc4lUo3+jI7qBM8mAk89v3AdRv\nmQe2RcPhFOzMAE+ADnHku5fkGWWVuY7pIo5dvtUnHUtWAuU5pETk+sfmwMNR\nMNte\r\n=K4D0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFBAqyLVHX8tXTj4QyltHBkLzIWPHL8CAZVk44Bpt+FFAiEAg8QdqnlZTpPiKQ/1yCIUTdEazATvyep56ZUMHl9/yZs="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.220a4e5e.0_1623174578205_0.8544826333242521"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.6b2d6ab0.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.6b2d6ab0.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.474de7878.0","@material/theme":"=12.0.0-canary.474de7878.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"b5388003b8ae379bc5c274e40db94c05a19d7ea1","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b5388003b8ae379bc5c274e40db94c05a19d7ea1/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.6b2d6ab0.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-R3lDtQwZJUmDdHnTssslmQssLss/yrayBiMSo6E3b7KwPeqmJ6J/hg+COF5j8dCgnUOIVxVN27rS+Kw0rNMxVQ==","shasum":"bde2e49dccad608f04f54349569d1765fb97fcae","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.6b2d6ab0.0.tgz","fileCount":16,"unpackedSize":66093,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgv7iVCRA9TVsSAnZWagAAp3IP/RsSJWMds25X42oeZzbc\nkwgQLzUPN2b56QDpfLXaeuUCXYsPqy93BRPHemoW6qa57zn8sjfrdy1kJ1dK\nxZeLzcSDIGansl7/UdPtXGVtjYLw8i4Hy3haG+vE7sIk8sIlVkx4kmkojAEh\ncfhuaGWfHNUAMmXJGNgUJ6hTKqBnHtUB8NpYc7XSLENuvRMgJjWeRERz8f5m\nY7D2u1rsBpbAQCBz1qEKl85q2g+XX/FrNYHWdhOmVOueCTk/dyTn1+it2kSH\n/71FJMmC1KyoX2mFfuH9bmJtluKuxEcKmwlFwz6HSopKmaYp3ZOrbZyBApZj\n4oPCM8s4+Xx656jcP8fBXmSQpujsstJqWJSTf+7DvcKs1LyFxcYvPITKCkdX\n7EVMdNGg37NmvkQaxtdtmtDRl/JeKOiLViOcaQIR9s9J4EDnKW14TFbs5ZOx\nmC6Rd0/xfijDFxHMdKerx0+QHuPiyyjtEzIEB9tYmOE5cWy6hxp2eEx3+eRZ\nqnuRLAe67GTJFLwLGcLKxR41ceqnMruvwl/SF2cKgtYvqx771JLeA+XYDeqL\n3iHPvCWdACL1TWmtIFac9wMrj2okwhDrXDlt7e7NkRbRTrSZbiBl2dzzqn0E\n+K+V0p8h81fqP7yAH0CaabI2htXGu8DLbK1lrjphKbNAPQgBNwzJY8oU8aQr\nVwmZ\r\n=mFKz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDHW8TnNJd+gx1JVCRH1rTsx6cmUF3ZtacKly74/AD1igIhAO3dojsHW+RX/0/M2AbBRRsiXbdB9VRA5NCWyrXddbBt"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.6b2d6ab0.0_1623177365077_0.6179221156496393"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.2b20825e.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.2b20825e.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.8415ae585.0","@material/theme":"=12.0.0-canary.8415ae585.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"8790f27506406085c946b5033334ea71328fcb6f","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/8790f27506406085c946b5033334ea71328fcb6f/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.2b20825e.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-naOL7+1VlMKQCgoodIIl/bvy6wywqSytOq1JU9PORZhgplFOlNowsDpjLHwc/HvTciL2kZr4CGDUaFpyCwcEyA==","shasum":"64b99bf793f2d9d032cc1f52996edd8e4da58f39","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.2b20825e.0.tgz","fileCount":16,"unpackedSize":66073,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgw/ZSCRA9TVsSAnZWagAA/qsP+gJMmHFWG/fK+7bYFvWX\n1bf8JSQYb4oH7RXFKmec9uuJzqU0qkfAsUwCxv5x8yTDywCZRyg0PfbXNO0C\niIAbY9jevX9R45m/+WEPbF/im/05r6H/n95O3WBnU6ZuOd/ppd/9Y3v7X61a\nSCtqsf7RayXDlWnCMHAyTMl0aGdqU0CGS1autwKLggIoqiJpObdoh6vKe22J\n0jvDTYIndY3VMqTmF3PPuqgGKO6K3dvD2t/3BV20o/swunCi1cv7hBXb3ogg\nLOWYu0u0jZ8pJcimoayNXaQwc9TLCZtR2gbQFuelC5pmD/hF88CHV69kSFkN\n4C3Ap9F82EvvPwdCaM6Nj8gtprOkFnr9aAP10JyXEPSlCW2pgIwrYhtWDriA\n01cvcPo2Ma9eyTZiqArl2rUfWL6zX+vbX8mDbgzssWF12tUStaoYV2z6mdRD\nbvXgCljEqVOePid4SaJWbm1XGVwqk+EcwK3JSKbeBEQnTCw7w8CzP0ljNfy8\nkXpRQFyowPJ96VpG/tr1d4w8nKIBU6z6C2zT/uEIR+Lnv1qrCnq/k74OspZ1\n43RKKwnWsEa97nqtCMxqchbsKqT/3VIhagyIWQZbunFs7SM9Of+JA6H+amPi\nX6n/RsTX29TVx+RytSYG6P5QVrK8aGEtPKSc5sRPwSSBPJSLf6BJEyOhmHL+\np3oT\r\n=ujil\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIESuaHBz9T6t7jwgP2gI1BxWAVzR9uNQrVKqXfHF4BdUAiArttiHzj+9u2sIBXrzRPB2zKNGauYwRSKsGOjeoJrE9g=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.2b20825e.0_1623455313880_0.06502405803307787"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.e1511867.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.e1511867.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.8415ae585.0","@material/theme":"=12.0.0-canary.8415ae585.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"37d9e0b693215142b4667122baccbb1b6fc9f835","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/37d9e0b693215142b4667122baccbb1b6fc9f835/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.e1511867.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-K88njk3lwg/9j79sWLwP3mE1QnxJjuhoDV8biYF0fy7iZItGb7u1E0giG7MbljcM63nvBQunGuhc7ERTLXR07Q==","shasum":"92b4163c964e20dd2ed1a59e217796921ca5e255","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.e1511867.0.tgz","fileCount":16,"unpackedSize":66073,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgxAZRCRA9TVsSAnZWagAAtiMP/3m1NHT45DkXYzATDMgv\nKTcHv/0WLU598wdpymtrjBafyKPsaMDKf3Q+yGn1sOTkfmFWuZq1FKeVgenT\nClZAxtpSxVe1R/si/Bi4GKYwn0dfUrGQiQ/mResJJoCwD7mZrmWkXmEwY3I4\np6hZpImwBkORwZHdIJbMxV03Su/HleBhvnxhPG3T6klTox+5e4zjEp/1rC6f\nPaSLcGo6yEJYZipMYfGfHNNzIwY4y1SnxkkllNNpAYbED5hxA34YG07tu2+q\nJr3H9HiNnJP9YEblGA2AZTr5XqdSp/nHaXBxIgfumLGGLmygeGQ1NdqPkh6H\n1IBCki8sor2/+Xe+14nbBZzaZuHbPjGLnBQbXYclu8r5vrNDRyvz/w+bb9dW\nB8bttCX7sq+8u3Jjx5ibfx40goHSLm8enHA2CeOLxBe7mJT3fvgtUmjhxM/4\nKcJqcW1eZP9jXh3FY4mUArfLm//2jSQRQb4OntUsLu19AtWO0OW0Md03SPoU\nDxndLqPr+0HhRc6q8pL5NyzoaWLr7/w4VYktChp6CNxpRPZ2YSzFoWXU/AkT\nP9krzTkw6+ii1Mmn3sxr5XF04wZfx06qowH9OgU9ZdfgErPuCktsASp7sfRM\niIaSDhaN9PzA94lMAZ1BtfNhCfQfbS94FUkuZDOd9RcxbI+fudc5c69WPXT6\nhCKZ\r\n=78iM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEMCH0QMiiZc2gUv+0pIAZvZmAZlhctPp2WY1YjJOkbb5qQCIFGlBzHPP5seaNCTjygKbzelVhBmGDCqwDkRnBA/yOSU"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.e1511867.0_1623459409537_0.6580936516166356"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.ef4a0c0d.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.ef4a0c0d.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.8415ae585.0","@material/theme":"=12.0.0-canary.8415ae585.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"97de9eb21ffb99cc05f4ad3fe8dc24ffcb569bcb","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/97de9eb21ffb99cc05f4ad3fe8dc24ffcb569bcb/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.ef4a0c0d.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-50Mwx1voGt66uWMYollW0wGa7HzUC4b0JvWrbD1Zc5ScjrcNS6ZZxM6fao2L/+WCcb9P/ETHmAeexH/zcoB6LQ==","shasum":"8ca43c0087a5bb0f545d8fbc674cf7289e8f29e6","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.ef4a0c0d.0.tgz","fileCount":16,"unpackedSize":66073,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgyQS1CRA9TVsSAnZWagAAhLsP/3MVcI80oj/c6oqYzxUm\ntE+S1AMSyP1dRfWRXvCa3s2bu6Sfym+s7DxW+z2JmFA94H2/aEu1PcgVERJM\n038j8YJ8Cqsm4hL3doGgLHr+Mxk1+CK6csPRh4l1z1SvawuinOvJezV+CwB5\nraR+n+hvPa6czhDAX4tAZ7GS6SZ9s1CCQ3wYQTAhgXB8WOGMjUnIXlFM2Hhf\npOc71wjObbxWg5b2LCv/dt4MRVMPs/fAm42XD3PRambmVVn1aVIk6AmZI4v8\ni05tDl1Ssw6MzNu0UiUxSM28JanUXZPCaXEJgR47cmYXYfJxDv/YkyjipcAH\nQcr/5dDQk4UOHZzjp4vnVfJl97aL6q6mHtInFD1MR8Z+FpsB7BYggnv39ZkX\n7rrNHmJQ1H1xVPH53El1l6ZzjBabwf+va42MhxNbmx5+JJsnQ7UQEf4vrJFJ\nDMY0l+1m230+Sp2Wb7Nm6yD9GZtKRSNLT64GhTuHg3rgzJ3sbIG/Pp5cujmy\nLYJUj5i7cCDQod4aGQsK4QH/UEY4rosKes5Hi4Ds4s3QY2/eUHv3UBaIRf7z\npV4c414StrG4uprje3I/7upLX2tZm29KC0exugn6zIGe09ySH9U5mN7C4Pcv\n62kqRS5vAEXOxjCRQsDNV0MFZsabNxqBWzykLtXiGLLGYnexduXGMcspFu1X\n3Iax\r\n=VYZi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDkay/vUr/1zMYrzUg2iu9geX4urVJ1bS6waUgT5sDDZAiAC+1wYix6lsFzj+WjDT3DdZANIHloXkZZ7iKg7e+1a/Q=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.ef4a0c0d.0_1623786677056_0.28389681403239675"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.573d8913.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.573d8913.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.f705e8048.0","@material/theme":"=12.0.0-canary.f705e8048.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"13a9b9717491f67b5f5a219b279328890c0c951b","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/13a9b9717491f67b5f5a219b279328890c0c951b/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.573d8913.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-zq6ENqQXLYP0QOcEnMR4R7hS0D3VTq4fBoPEGsnmIXCkevTuiyp40a3vlckZcQOhAXRkksQQv19AZDYppt2Fvw==","shasum":"a772306a428ff26397ee34f8e6ca91df99103c15","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.573d8913.0.tgz","fileCount":16,"unpackedSize":66073,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgzSuRCRA9TVsSAnZWagAAJYcP/2+BWjA/OzBK2JN41d9C\neEZhLZE4VkjCvyRZiM163UWZYwDYS+0nVoWHwH4x9a8IJPEqbM2d404lqchQ\n2vEBhEpK7KPFsxOJAIXp7c6l7IYb6yX1c1yHrizNZDbiL4fov1mPdga5EiVq\nsj7DzpgxQXNgXGleW5Hqun/q6niaBrv3k636azHj4nxkx+A1/BJvYo4lEHT2\ncAKRHc0WutjMeJ7u+VYJ1WUGWyHZei/XYmKtoywmMMqx7Azugr0mYWGNGDoM\nM2Y1Rx5ieDaulgu5WuQg6cSwm1gSneMsc8dHzo8S+5n0pjE+u8tzHQWJrxqU\nsm2oOFHXNErnnysB50p+dErBQMg3MLfQTtuzcHm5aiE9WH+Ls9GtNk8eQmo4\nD8M0ZFN5pxmCKxHIy96G05VVydWvGxv5nT7pypgjG2ZzT5pDyEFLKof48Glc\nfcnntk2qpcfOP7S3GzL67s5wKlwvxo1iqy3lYk5EDQHc0hcY0aaaDJx7UtNI\nmLA62aKhtZDPh9Qa+YAcqkVA92TD6ViIXGBgzu1PFyiSBFN4nS0kRho9AslA\nP+Cik3NIkM/B0aGkdEPf08XRloPh/Vbfo3asRdw3sOkd/HgHc1nLKPc+N1UY\nh8qUCwU0biA21QdbA9GIZPmp+uCQwwT8gu/c1ccES1aMqOIIMRrrnaHiqWQ+\noLNa\r\n=PXB2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFAxUfBL9fGErJKaoluLsUxdL1sOwseac4Ea6jPJuohLAiBDsQsNag5VVl5KdtDnb0Skk2aQbRteqQOHyJRz4gTbqw=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.573d8913.0_1624058769337_0.341593863983612"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.21dba001.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.21dba001.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.f705e8048.0","@material/mwc-base":"0.22.0-canary.21dba001.0","@material/theme":"=12.0.0-canary.f705e8048.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"f26ab3eb589dc34a464186e9b323c9a9bd20fade","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/f26ab3eb589dc34a464186e9b323c9a9bd20fade/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.21dba001.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-mLaIxXm6dIBe0DEQch2ihQQc5my+vqCVfW74tgLR6nyKScuerXp6FJ0SjM5jP2ZUbnrlgoSsLJrR4EXxzT27NQ==","shasum":"ae79b54c510ba24be115d714ae1fd345792e4cee","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.21dba001.0.tgz","fileCount":16,"unpackedSize":66127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg0Qc5CRA9TVsSAnZWagAA8goP/RNpfKCDTwEltNEWcFjE\nWpooVsiYplc5joB0TQIHSvRlX8sktWSX7lkrA8xLV/WtYwXt+EEpOPRPme3A\nWzgw1DNXV5vHly1QdqBMaOfncXEo0jdm9dL0FUhtmXBNICijtIppB+kSnuI6\nQXnrb+zHy4A1cvgDaqLkjc0gretyja5ihjNoaFRyTxJLKbk83rGhhk/clLzt\nIZ5BJb9KUiCeNyqqDJWMfTuZ1bRau6PK5XR+En/CFidLqmW85Jz2q2aUnwOV\n56qGf320IrNvT9tPwcBa7SdjZazMW0qD0djSWai2e29Gvl+jYjmBvKhsU78c\nCt8R/LxXk/gjww391hIiV9qruJyakKssv/xOh1wOlO57ODNfvzEdEy4+EV+Q\nkxu3irHw/Rd4/o/NC+s2GLndrTBy/FFiUMPDigerFoaxm40m0D0Cq4NHc1kS\nQ7czKVzbm8KoeXAmSmpw1U63H+n0noXvH2fCkcPnqNdRaDRH+SzIZj3tUhrq\n7zN+82rVKa/XpYsKuHo8sjHJ+9iNcsduSS+TrtC4RGNsBN0lQKZHvjI0cskj\nUeLn2aJFBPDcHEHSQyr3NnQGYH8i0baQ1unhTMk/7s4KCZmD/WuLvi9WXPSG\nUhFeV2r++hwaDwa9WdBNDtd+kpjt5mKcZFW8DbDdOqJoVyF7NrZsz4MljOtS\nDdUi\r\n=MAgt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICkSsQfe8yZRAJQQ50zpgBDe55wMW08tWhAYAN7vb2PhAiBzAUZ0FCK0340dWPAx4HgNq6Xj0IQIjkudjj2PyZsxCQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.21dba001.0_1624311609109_0.48560196687824475"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.6f5bfd0f.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.6f5bfd0f.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.4ccd39bdd.0","@material/mwc-base":"0.22.0-canary.6f5bfd0f.0","@material/theme":"=12.0.0-canary.4ccd39bdd.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"38e391cc489598145e8956cdbc0a234563260efe","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/38e391cc489598145e8956cdbc0a234563260efe/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.6f5bfd0f.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-CJGf5dokm7G4cEL7Nj1AWEIw8bczvrwbVqepfhS7w7tZsRuYVyi40EQjjLc6/TKGqvb7kBmVcJ7sa2/BOsjvWQ==","shasum":"282a77c0df1d40dc5d82d61ba878c81a87d81083","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.6f5bfd0f.0.tgz","fileCount":16,"unpackedSize":66127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg1Q1tCRA9TVsSAnZWagAAcUIP/0SQE5/pRcWgDg1IG53Y\n8pKgFpo5A2EqiPO4Q6XGfaV4Nq9HTGXgCV1Nacw8xsP0P6NZA7GflbB5a2gi\n7Ob36kw8OKLxWYEZSPl35+sNTljwmZc/SzGiKXK+4WVYRVsJJdL+ZRpWP7ff\ns657i8qaU1r9XIg+LFyqmgqI5vDaoJvEuTWIlDfFL+5Df6TyP1UYqT7oso30\nkgiaeMYyqMhKRXrQn9RgYEqJcMSGXNjkPwEBqjJf+5KZVs/n/5oYqYMG7Io0\ntRo4+W2MgmJ/COffKyLDtQ6w58PIQVv73bZHuWeLH6L/vvr/ZUooPFsQDzCp\nEbcbz1pV0aCWIz+g4drjIWKbk2f2Sx4wfhdDQJibYmGqKlcm/1V4w6yrg8Pl\n6gXnMJjLZ12vrtLLy7pV79ik7tIxbKCho21zzhwnfVV9u8xim9OQaiYOI6tq\nE3pZtM63gIxP/zfeUYNpdpGX5HUNKfhnwQSEW3RRHrlNCax8Vs0gPJf//rnm\nlXv94XVPDFCaZ4TsMBZOG6JyVc5cHbA4y1zh7K1riW6fKZIvceHToAVz35Bs\nkeQFLS2OyQXfDsv5fbr80IwRnw9Mq7Ir2f3LD6SaRNPMwgEspNRMrp2WFZBb\nfE52tV8MBv8BZq2rCv3uuSL0aPXXL+ehfflhsaQ8SsHSo32Mp8mPEVb0oez4\n0/gV\r\n=AyxW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFkx1COsc5UBntIeye/GLi+9J9VVVr7VxdtoHVQyx61EAiBwfdGD8YLenFBsBU95cnAwuEi63HFvfk9ePxTMKSJHUA=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.6f5bfd0f.0_1624575340626_0.578305052293375"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.fd8360b4.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.fd8360b4.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.4ccd39bdd.0","@material/mwc-base":"0.22.0-canary.fd8360b4.0","@material/theme":"=12.0.0-canary.4ccd39bdd.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"652b3840a450a965d0a571d3b055195dddebc8ca","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/652b3840a450a965d0a571d3b055195dddebc8ca/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.fd8360b4.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-w+KWTJOlrEXCkLpAsbm3mWAsWapUaTuxj0tc84xn2GMGI5Lzg6ySbav+rnz4V1NNCO8SLXeEODjVLHh34XxnjQ==","shasum":"64fcccc7903b2ad4e46b6807c85f858d765a9be0","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.fd8360b4.0.tgz","fileCount":16,"unpackedSize":66127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg1im4CRA9TVsSAnZWagAAXt0QAIO+CrP9LRRA5VNJ9s2R\nO+rKjEyUuzpqSxJ41FyWE81MMPzCkucCSl1ZtUPO1gyx8zhvIMbarne+mfWB\n4hTSw3KjANbgVeoU20Ko5Os5bbDgjBrZV/nMGp6x6MWYcTuQr0hRGL/wCDA+\nZsDn7WMjVYU1aUvSJO9N0R6elnMYfQX2iOAoyi8flmODqwNk47GP7Llhq4eV\nIIcCiqcystvR6nUBwsBUlh3Zyzwj9NChrJF6q+yNahQpfaIObAAoQWyj5t8D\nhsU2cwKY3bCYmfojlN0LehTjDjTwW2Ls5O6PNlgJr3I1exX0qrFe391PFam9\ni8U3BDP6Fq/10bS9vqGjf/hKzY3rdaf1rOhRtoawRrpftimlaxqgWzOc45aG\nW167i3dBIVKnfMmXW4E8S5jZtYnOLQF/ZdFqTqtfQRvDQgxFw/3pEs6BKo9f\n9re84e0VxUeM3rEZcNJZmC3xHG/qrVkMTDgTycaNLSJtKK+mMtnWb1rriBDe\ng8DFbCa1Pjy24QZo/JbACMymrR3sXUXNW11hlKzwlbPdJBQFLVjQNrE0AGNV\n/TJn9KZ8c9rOiRISNcdKfuQqEt3/qIQFa6nkX4j+yGYv/ryem1jlsJcocPqm\nXcIWsp0imW1U4R+eyGiE3c5wG8jGc9VUaDpEsgCqaVrDEqvU82ussX+b3b6C\nXB7g\r\n=Ghm6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCW3u9uf66+K80/38bz4+nhWRA/zKLEd1w+H6qOIqFCawIgPxhLK1yupY8//l7u/cH1qMBJx1Q1o3r/TMT4dKKLgpo="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.fd8360b4.0_1624648119981_0.6985245930302917"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.6f74432f.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.6f74432f.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.4ccd39bdd.0","@material/mwc-base":"0.22.0-canary.6f74432f.0","@material/theme":"=12.0.0-canary.4ccd39bdd.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"c9a217708497c2e16eaef6de3d1cd70873d0173f","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c9a217708497c2e16eaef6de3d1cd70873d0173f/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.6f74432f.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-prnjlzYdfndrI7eU1ha9cV/oh5GMZ6u9GMwCjgEISepC/BeEySfthBz5qquJ0DfamsF/oXtdNCfoY0SP4qVrPQ==","shasum":"0d2658c492e2db90d296237ab3f1da3f5dcace3b","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.6f74432f.0.tgz","fileCount":16,"unpackedSize":66127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg1kCpCRA9TVsSAnZWagAAkNUP/2UlZNJPqm0YaZbKF5wZ\npip67FHPsV1meGkz5ln35Oc9lIddqQKBObypZv7yUbQtbxQdid1Oxh0HGZKB\nlOGIYs0gJHN7qWc2ljJyKbgbyur44QBhZOPxZiQ68mZ+Cwj13dlwousR0DGl\nAWyx1Bk85tkYURQVJU3CjzqDbgYB/kDSwvTdRCAlNERY0qf+yc9SOFaZD2dA\nhBIlMekbrIoYrsMqclHOy3CG+VbxczAOfyj0NzaswiEy+7/OOJwhdxqcgh9M\nQDxHqwJZHTLoNANFO3y5mAVglzKhU6gJprEdmbwx7sdy+MjuXqfaYe8MWcbm\ni4Q2kyhluk9SRFGHkBg36uzsJXIJ0K5M9rm3CC1grbI7ZlS8l9Ra1FV0LYDE\ncAFDgNSFadBk+vjSX0C4vLt/Rqf7xmt2G7//DNoepUQD9XHob/Br82smue+x\n1+SidNuiy6YEDnpdBy0OZyf7qCz/NUclrhOUAAtQMVjPabhRH8xtGCkBY7BD\njw8pfVdR5pRx2bRC7I9KNoEPCrT33sLDZxNvQHzuCcJxBluNxKm5T0r+vSPO\niovE8QrHFADiiQ5YO51Dtj8id2rIdtTiroKbmOMNYF2stzI+0Mt4upV/svl3\nUedKxcT67mbP4z9N7ji3aNqnlXWIE3pbQnctDP4Na9JnI2nr+CPfN2leGEMG\n+U/9\r\n=iXxS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDMKrrL12WI1+F14HM6fDZCd8uiKoOYlp7XntUQeZKl/AIgA0XAFmZVH1AGmTaqAXo6H1hhNrFx3ucho9GIqhN4vbE="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.6f74432f.0_1624653993469_0.19339524161702304"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.b62f901d.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.b62f901d.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.4ccd39bdd.0","@material/mwc-base":"0.22.0-canary.b62f901d.0","@material/theme":"=12.0.0-canary.4ccd39bdd.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"05d3042d6ee960a41512f4385bd22af7dad2331f","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/05d3042d6ee960a41512f4385bd22af7dad2331f/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.b62f901d.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-FyqkT7Bq0LRtaJVChwMMIZLCNo4wkfICCrNlj0C4HJHyGoo1uivYbgU3xMUCvYKy5akObxkLsquC/2lIrt1Ejw==","shasum":"de380ea3384e7f26326e93ae067c1045311c3874","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.b62f901d.0.tgz","fileCount":16,"unpackedSize":66127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg1lXTCRA9TVsSAnZWagAAXWwP/j+A35AfbxGvK4lxbJpF\nWHsNRg01LPOaSki8FrHKWiy+q581pkx5Ki7+O/qkzmjGqg/FyFLUiMWCpG+T\nHiR05ic9e4P/yXEFoRvyKSaTozx1CehBS1I5JaDXe8LkX4+CMcRDVX6OxD+4\nAEngQ9ORQc8Dx+mk+p3tw9ioi2g3S3mJo/Tl2L7LTWtdYbVL259blx37wvyJ\nWUPkQZz4AByvw7QN/3ZsMvIkTo/QPManO48mfJG6b6HnlRyanTer3Gq1CFPv\ndEicJuPXL/5cFqrEc2gqqKgSDXI9s4gr5lbocgknL5kpEU+gAD3VkzS5Os7G\nTChQCt1tSVpTeYrQ1fVYZE8bF5r4k+eIhfyowuWdyZT++YfFE8Gzt+mUJUAh\nPrYjYoVVQJJ0XXhRyFFT/W9GcCJfDqRndkVMZrJ6x2A68xhAfCZOPSuCN6iP\nIAIfS6hIbr6vw4mYlRtqNF7Nn1/hg9Jr8pt1syasDPpL23byLNbbc/iMssNz\nsfBU/I7giDjbOuxx5YhIxKrHUwd3oUh3cVjv80huyQQtIjcrLKD+pFJLDDkf\nLa80Sc7J8I/Uf+CZk2olQXUZdoCB5PK9qI2DYTsCenNymd/VDHD2D1SP9C6e\ni3Ecra2uwq3KPQtuK62eiw7orZtSe7QtV1vAzrCUugrBSiUeOPXjMO4gmTtt\nxbeo\r\n=7L4o\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICrxr/VJy5vLkisnDZGlyryXk9tKtVxwGHEnRfK55MAwAiEAjTecl8CWGSNCuhu1s6dum3raL+clRthzTLQ7ypDilFE="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.b62f901d.0_1624659411163_0.5482434801111846"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.73122cba.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.73122cba.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.4c80072fd.0","@material/mwc-base":"0.22.0-canary.73122cba.0","@material/theme":"=12.0.0-canary.4c80072fd.0","lit-element":"^2.5.0","lit-html":"^1.4.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"c6a144cd9623c2a8e58dd87af0807c1aa4d1f5e9","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c6a144cd9623c2a8e58dd87af0807c1aa4d1f5e9/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.73122cba.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-W91q/6pRUzPPVhExJtJlPV+DYb3WuWiu5roHrUpAnhj9j0T00RMhX2gU+IEp4uPgr3OFCKPTbpelGLZ+5Kijug==","shasum":"86ec441f6f026ddf76697c9884ebe1d552233b4d","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.73122cba.0.tgz","fileCount":16,"unpackedSize":66127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg3MetCRA9TVsSAnZWagAAMKYQAJNWzhu5xqmp4ZiCg54O\nLJS4gLrDPBtCe4BC9eeeC9Mu8R7cmseb/md+cA6WOjGwJP/gRlap3hTraJaP\njRuWHkAstwpT/nIKiyXYdhdtG+3wjxquGiPhKQ8uaKgavinOKzhLDsT0cn6k\nvNH0a3usVjUmhwP7xzyedH3F6Ja5ARur/BvLznD7XiNBbdK1cE053LxSxH+P\nqfpAvNq6cMEtLoLoaq9DxtsdejOEcwt9lO45u80tp5DQfj30S5vrTxxdHLO+\nDigIGXKANI+1ukg3snOGbbTRB0l1IvjyZhPBS67Ui2DC3RAoKTO9QvPyOXTt\nmUuorRwEcAh4O2Ei6y/2NrgvCybbz7pEWbwVRBNNipaBnHfEeMUwNy+srhXf\nOFY7b/kJhee/FtdECbD83zkaUJtMadZb3Utc3hXrsMfzKwa3skgv9n02KKOg\nvY+UsjZBtEilp06ky7K5dXV03bVJkJ3xvOS3vZaHLNCvCnhsHIsJtVGAQlvd\nMOKYa9PvDsb5Xf7b9XHbvedMKT1FaUWOg8x04C5I7rtSrtxoz3ZjTpSowZl4\nb+oi7oAFn/sWmQt75iTygKdyNzFc0nhCbFXWLhqPe1lZew1WhC3jX284w1vG\nCNCFi+dqlKoQNqR8tibhR4fY+DXWGIP2PwEuifICpUZvEHwVM0z82ziR/WB0\n6bqZ\r\n=nUFa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC7nsGoimiDpMswtFWoHMtDbQ05koDvJpZ795aGW/Bw0gIgHk8wT/jreDLRySMAiRm3uxVWIs6dFoF8oMkdwMyAOJo="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.73122cba.0_1625081773027_0.9913474575544328"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.a6912af5.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.a6912af5.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.4c80072fd.0","@material/mwc-base":"0.22.0-canary.a6912af5.0","@material/theme":"=12.0.0-canary.4c80072fd.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"b34c74a66bc7e54e1165edb13005a2923702f9e8","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b34c74a66bc7e54e1165edb13005a2923702f9e8/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.a6912af5.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-GZgTkoKj+n8GBj0x4VbIcShFm3IYIbs3Pga1UkhndKwZHwfci723L78AgWIhMPzIyUbs0VzDrF9Uo3TnJkgQaw==","shasum":"315db79ba222f53540f91730821a229ff95d6d48","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.a6912af5.0.tgz","fileCount":16,"unpackedSize":66127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg3jSxCRA9TVsSAnZWagAAfB8P/3prRBJR1DI1Zo7Sb12d\nYmUMduXpFNUuxgwPb/wEjQx52FDw6uWc1kkCb/SbywDLSfxVLYkP22w01SU4\nPkTgcKq5u9qsMEuM4H+v6b+LGe5uPtK1pUNwkWDqwR3yepcKra8VJnqTL52O\nIsVjEpFpRziZhvU4Whp6iBVLKaOvm+p47K0+f36QvtPWMC3S9GYFqerOWkdQ\n4Sc+HzTYZNHDwk8JDLGBcYk/fKiemcER1FQFLBY1uZXC1jLZkdYrszy46D+y\nxkjVV5xqPaZCCmUs/8bOZ/eDGlKYrikauuEGy6xemm79WHQsjoW0XeNJmdG6\nTt6jl8yU/0gMDvxQcbv8uAnMnIVGfq6A6s1egsn9u+ysC+e+ux9XoPKTot6P\nJfEHkBUR0ksHvH9tCqm/g9ioT2lkbq42g9eCsv5B+iNWqOKzvHt6dpaaOkTV\nRQk5o97SNxRE5DgdtxxjhJz9djQK1b8UOB1gOPyQ3OWs2m0ck4/yAhdUKFpO\ndaIqP3bDRq2cUJVQ5hoTFuwbdhGJt7IPFtBZ5/YLhfhzGqFO/RywF5tojn6w\nS+3yXY85v83k67ufvS0bWaXgK2jk+2At2JY4Ww7rRL4Dev/oMxAdijkE0Cq5\nKhi8x3hDKm37tCFsC8cejZ/QseTeJIef+tiu4EDrBJXb//X21Gu7YmitfBIs\np6vr\r\n=0Z28\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDd8E+RdyHxbOteNjd9P/Lj3w4KcUb2BKogpOkzJhVdcQIhAM5mNI/eVeT7oXDuEpdvaj1fBT6uq3PTSRxPo1RovAMz"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.a6912af5.0_1625175216932_0.1549246469481278"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.134f24bf.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.134f24bf.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.4c80072fd.0","@material/mwc-base":"0.22.0-canary.134f24bf.0","@material/theme":"=12.0.0-canary.4c80072fd.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"1191b29dc7fa661811a1c3960131fce8394fc84e","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/1191b29dc7fa661811a1c3960131fce8394fc84e/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.134f24bf.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-LmpTGTpfLJaKSwSjLtXio0cKUTvCKLY764eMCBwoLJW7WuQnVe8NZ2eR3q0vNMccQVlTFKQ2GFpOEp4B47/2hw==","shasum":"b4b60d235af1d69d3f334e6d47a9126121b5d2cb","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.134f24bf.0.tgz","fileCount":16,"unpackedSize":66127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg3kJYCRA9TVsSAnZWagAAGjMP/0Jgi22KmpnfILbXTNM5\na6aA/qtJBOQokg7a6h50oaNTKEgpu80HGBdlsMZtuG5/6u7o7Ayzt8kOrFZA\nu1kZ5EoK9dsAlLSvyhuuLeNtFiUxU6Xbwp5JzcB25kmJrFiFA2CIVICLABKn\nY7fA/Jd1iSdP8hi98aByWvRc1ZbHtET6qTLqyGJOr3jgSjhusA7B531YrUB2\nkN4WFTMXbxTm0JX8nGFImFo4oa+IxiJV8mXf4DcdEJSbBQan76dAf6i9hwnv\nGnSdhTIvhqKZjMUGzFtUbRt3KpPm6BlpT2NtM3vQlalc84kXM7e8aY68l/Ea\nrIV2g6R9kC1CK1nFGYizv7LAvRCpR5RnQ6TbLfZrzipI/hRJxg5xkWpCzaHQ\nfjMDXszB7wq8V/AX2jOBKZYyYVmsPjlojevLdb4R86cgYJH5ZsOaFZb+LVWU\nS5Ec2U9m+dWaLHs6YOXneHVlYnUKjXazND7sPg1YNr9mwIoww8KG72fElAfB\n+3HK1ezY8M7d1TCGakcvNMn71Jecf9+CGaIeblWuMp5SLkpYJ31KctGyJ8+u\ndjyMcp2zA8q81LnDkDcn1kLQ1VtxVY9VAgn8jGsFbzN/wNLrwiN6QcwDfSbX\n1RAD5USRVJ8U6Y/CEVjYtz6abl7R9RmWmfy5WnhQVBX74+sBhb+j1t2El38P\nzni4\r\n=ghto\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBqATm1GJg0GrXzAz51Fja7eMgVUDbtMWo/LJvNyebbfAiBQAGJyDIyHDFyeQwvRvUXBFgQvExUukFJOxHRGMEJzZQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.134f24bf.0_1625178712148_0.6572926071624712"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.1debb78f.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.1debb78f.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.d0f9f3f2e.0","@material/mwc-base":"0.22.0-canary.1debb78f.0","@material/theme":"=12.0.0-canary.d0f9f3f2e.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"05e5511ca831a84c47e7bd43f685202e9213b33e","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/05e5511ca831a84c47e7bd43f685202e9213b33e/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.1debb78f.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-JEI55vGmQ1lmsOuUEFsmLpMabBUns4Ba4/qIBIQSuGcro6enJsc5AU2elVGd20O3dilri9hZ8QejJgJKgdj9Xg==","shasum":"5cf6038d4cc8be6ce2c657c9458afa949e140dd5","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.1debb78f.0.tgz","fileCount":16,"unpackedSize":66127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5Pk/CRA9TVsSAnZWagAAxdoP/2PXAXWf6DXdQrxZS5sK\nhqoeE8Mr+X2O3gtdvmVyJUdvtlLXPo9jIJER041vyJ18cqwuUx3j5rYN59ds\nh8pdiO9msAnvIpZMJrUNWAiruEcfzbSaX26kvvhx26ZhSaKv1M0j3sdWbf8B\n5T+U7MOy9ZiMgP6mjLFaGoynDeqJAJX3YPfrcC5GGOYB/d8UgxNrZl1qXVJU\nosliWFwx2Ibi5K5o4GJRn+QIbh3vKlmWtpT8Vb+PxD1bylAYdvcDB0n5mRXh\nxCc9qI62XhuphbCMgucmPqn+G+TP/1C7vWlF6cHimwRo5SB4knou06ga6uB4\nCSJYDaNqqpNYxJ69QmNmGpWUa2EoCUMSNvxnxwCZsg9lAWKV6bd+QyjWBEfg\nH7mot/y5HjthnpN71ImIa5SCn8TY+kO7x9DDlzaVFCHhraJlxX3LmCyp/qxL\nDQ+OCL8spTYVAVk8U53yDlT3T0jY/T2yBVYNvkrPuZ4Mbs6ALRnJfAguhbM1\nLAnzBLegN5SCWwRIKAn6xlLT3gLKwwf3RPRQ+AMsa6n/jd1NdRUXw6+SVu//\nLu4Bzgqs8znv5+KUhSFQbGI/sG99HRW3jdPRTW2LPK6E02CagfXizySbzRD2\nSM3w8JMPC4d7bPoLQSlky57esH8yLGy762GLRJ+q1zYqLo+jntbKM4eTBMDD\nJv/k\r\n=ECAU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBjc+gFcjcY4hFtTxExolZfaIDYLAjUtm9wSeYSGzaADAiEAzpd1ho2UwcmcpXEQbEsCnVCmIs+cTaJrbfViXJelUtY="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.1debb78f.0_1625618750806_0.7534071154200668"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.d53edeb6.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.d53edeb6.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.d0f9f3f2e.0","@material/mwc-base":"0.22.0-canary.d53edeb6.0","@material/theme":"=12.0.0-canary.d0f9f3f2e.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"becc7820ecd046cb48666a32a633b8d9f76f2980","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/becc7820ecd046cb48666a32a633b8d9f76f2980/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.d53edeb6.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-ayIFJGOhYStGqfDOLbOfC50s/EyhuXXnRYMTvnG9ee29WH6hyMyf7iD353tujFXpS6ujN8zcFVQi+/RjTFgqMw==","shasum":"6f4f79645d551d5e81f32e8ce66f7e96c37758f3","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.d53edeb6.0.tgz","fileCount":16,"unpackedSize":66127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5d2DCRA9TVsSAnZWagAAYwYQAIq18Wm/iSXHvksmmBDR\nrx2nAoJdgQagkHAn+AF+oF99Muf537kRaeD+/TXnChzpQ/VvMDe0UGJKqQAT\nxQkzeqKcTeFYHw3CcejQcQZRrWWY62fdJab/7yp5UAbQaIRDNdn3tCNg42An\n77CKOwJpuBuVguyk7PRFtwqXReTJ8WX2N9RG6M4QBUfuPSxM89/+fFpUj/VG\nBl197ateaifdq8288GVdzYvW35ID0lk717H7H08Aiek2wG1xr5EMtdtv8AzB\n19k8MgwlyBg1Ji169HxqAEsSQX6g80pT6XSaAI4rsRrVQVtjAB8DVRDjfjFy\nhHiITvIw8GzGHJmy5YZV5gYkbsvP7qcLCbf5l1X/DHvxIGBNx3GXYhA+wpuA\n00BEPEpPY5JaJNC7nnXJmqG/RUWnoA8WREyLpk2sbekNdSvR7qLOnh4sUcuN\nLcobsn9IOqqBX63Y6ySAHh3orYqa+8jFTs3r8z9itNaCACMk46lMdIBVfQXA\n2bANG10nnLn5TE6bjyzC+QZSLKB3Gt90gv0F+veOO7kKEP6dXXkAXPZcYVMv\niPdVykOuor+xThF+xeazX+wt7m0YQpxnF4Geiw7aspvQs4KlpeskgfRMfit4\nYPe4Pg8PUycHQdOuQK+ZWtEQH/sPEO0fnGOeAfnbyPX4kKziU6AUuXCtG8rC\nRv8c\r\n=wXeR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQChiBJsW+F3uFGpKNhI/+vBZZkHDpHrTbqSW7aeI46A/gIgV2VoRmahI09+cUlRW4pi99Yb1cHljaw0qB4eYdZDMrM="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.d53edeb6.0_1625677187200_0.1319338153268923"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.2226489a.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.2226489a.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.d0f9f3f2e.0","@material/mwc-base":"0.22.0-canary.2226489a.0","@material/theme":"=12.0.0-canary.d0f9f3f2e.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"4ac660ba00e610510de0d1b8c86d4095110ac230","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/4ac660ba00e610510de0d1b8c86d4095110ac230/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.2226489a.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-tgblLKU/EPCAIOdlAPb+U03FRqcIt1vINNk67pEJvJCpmEkF0Gdv4I2Pqag3B5VIoM0K3zK0rtAitOuJdFq62A==","shasum":"2d7287462a7374a76baea5b6936d47f36adb5581","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.2226489a.0.tgz","fileCount":16,"unpackedSize":66127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5z1iCRA9TVsSAnZWagAAoSgP/j2dp98tQEUugD6shzpR\nJuh+D/pbZLZSsLNhVnXSviRg0eSJOWoXl6ZHp6O6vvQqZgk7SMQxm7OjE491\ngiwpewnrNgfrTBWPPp3IsUqQwMUbCCdPzhI0/4xYsrhTsZoRdFFw1223Nce3\nu1EqJ1gcrj8L0p2JHbGkogCpXs4D0A5+xNdyjNnXp423AtVUIsGBCgOT1REd\nj74q4LKb06v3ZeV6rJeHfEzC9Q7RNX5X5tgg7dGI+yh24r2xg84j6ljHf+An\nwJjPjew+Mg5PW/X2Di8/pxZXxcKlW+ZdA7c0qK7jVZqeH5jGBu+vwdQgk4FD\nb4LgxXVFVKZWGbdrM/1weWtvYpjnwsjCQbKlzEyM/E7u7H+S60+HcWYXhnWx\nOnFTtpqk1sDHIvKKn4ODifEtJVMOK7Giu//eyIkIGT0K2TRO23KuYpejtS0B\nkhJypzgGXZu3P/lOs6k+Yb2sy/1qCvQZk6zKwi983hyFVnexnrf34a1Sk23a\nVCgnsknNlrGSOd2aaSAjZsJjoknYHnSEzBHUBEbQsPIGUL/2tlqUYBc8F/yT\nUGpYnRfcfwmntQnaTpmxqgwnEb/7A6pt4dhDzS/RfSKhuqKHsFiNuHAujgNt\nn9k/v2hYa34fs5O1BAOnOXIRkNwLXKmePyxJjq/Bz8TLDVj7qV1FQLKTfeY5\ngpRg\r\n=nZBJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA6QCNx0SpmxirkwoiQiefwz3Cnk0pP1UY/2wEHkGx7PAiAHQMv7MLA8DxUEzsBLMc2OgSZ9Bwzgo8xyOwezewCOoQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.2226489a.0_1625767266303_0.813311863341893"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.d4801c11.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.d4801c11.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.adeac0549.0","@material/mwc-base":"0.22.0-canary.d4801c11.0","@material/theme":"=12.0.0-canary.adeac0549.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"2d6201005f2b928287b990b2ce5ca643ef37ce6e","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2d6201005f2b928287b990b2ce5ca643ef37ce6e/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.d4801c11.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-o6AFn8Lxu3CIaPrLcwJ9xiaWHq09RGcoHzS6B/QBkuwEKBwvyfHOfcdUNe9PNOprQwHsa87azg/vHk1BUjjAig==","shasum":"e35c35a47b0043ded44e968e7fb11d2741cc3f89","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.d4801c11.0.tgz","fileCount":16,"unpackedSize":66127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg51nLCRA9TVsSAnZWagAAjVcQAJFUqx2zJWJ6oq4nb+8b\ntMpGtzYstAVHFLS8Lm2relVTayzDTqofAWK4zIYMTjPQ1DxRBvoxlo6ocDnl\nh6XRqzHt2Knex8se32sfMSjfFDvnQhreJRpg88NsnfxKIYRq1xZxSHwAGkdl\ngu5rFmAZhDwnDisaJdM923+vWDPJc1qatqwBkikQbiLV8vPCkoqtS90vN4uH\nO/98zGkEKuxebSYYU7voIXFxvNVsh5aa34V5qhcojgssujTkdfxqJZ0WpAaj\neS7x80VVdy0ubQuFTQwzdYngY70WGvWSEkhYEox6w/It/B1pRMn9NDSuxu35\nIcRSuVxchxBAO8LHBp8lWzsRBuw3+KSGnvlPxGk/5F3YKHtbBu0nSBiD8G6g\nKQ8cxfLKGjWzVpeicTt9HuVMyN2DEtNJVIJVrpu95FlMj5l+qxeyUcmdzicD\n4oCA/7kqad54+5wSNc2k8ClOJGMC0XIWDwSClLT5bBvPZ7FmL+jzktIBoriO\nVz28mSzvoX7AS4czbi+krkzslfXeKFm0Wur5Pc4s7myDdMt3UHL1197eU6bs\n0B5L/yin8GvIhunuH/OaKb8TccMK6/8PDzJF/SlwTZe4MRI6kWAxCg/dTzq1\nclJCbnGj35d8Z6FOh+CX2Z6tfzywVF4H5tqpCQgj3UYXr8p6l8aST0aB7SPi\ntYFI\r\n=focL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICF3FOlAUc73I9vs4vtXZwRpQ3+92cFCkT1DeIFvqNu5AiA4WWekw6fMYXD32YGt1LWUijQ2ZmBS/5kgE4fd7Q4ogQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.d4801c11.0_1625774539332_0.7119083350448214"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.7ec5f2d6.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.7ec5f2d6.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.068fd5028.0","@material/mwc-base":"0.22.0-canary.7ec5f2d6.0","@material/theme":"=12.0.0-canary.068fd5028.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"530ddb2b50487eae209a7b76d4233a5b591dc62f","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/530ddb2b50487eae209a7b76d4233a5b591dc62f/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.7ec5f2d6.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-p9V307dM/eL7vVKrnNR/4tATbV5i7HhjxMNwT+bstOPGfSDU/cmEQSXVQSJx6h8UezHUKX8RX9X+FXUqZxPnzA==","shasum":"1daf76a18cca33b8be34269db9707bfcb29d5617","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.7ec5f2d6.0.tgz","fileCount":16,"unpackedSize":66127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7HjlCRA9TVsSAnZWagAAMy4P/2DqvwOFWvzHO16eWRsR\nhpj20Qp+q+plkrzoPesHK5po6TH9D6fcLdsaCz+GN1zQBhzYjLms3I5bNTmC\nyuxggubiZFDDya1d0b7By1H7fM4ZDOymr10TX0M4E1iZdhux5hesIegWopOd\n/a8gt10k7ctYhSpJWhBKD9nOyVowGpRqkLAeyT7evr1Kgos00f566aCh8Zv1\nqBTiFW4NqX9zrNPz7RzVHJjihFkJFV2jxIapzLKFvi7NYoHl3l6dBqRvKtAf\nuuZRaTiZOfUp9j//af/OIHR8Ubv+qbVtM7XfPC/ZUKQH1HH66ui0mcgyMdRV\n+kW9t0CmvjyDMSuhB6ACfgTsqbXLTGBS/BT18cbFpHPRlq4sPFD1QVb+CVPD\nKdCM2pQZSSHPFKXTYK2wIEEeDiXNs2m6g+5E9pe55PAkjGEDOVuOED40I4WE\nsIIPelipT9vMkhKNM5CXGPmKj71oo3llFlVTMS6jQREozHlowTjrcAJgWkI3\nih2aG6hTGhcp6+6aVi1qjv8SihnTpV/mSHwIYycwXhcq5JlZxUl+CRJZRh8D\nQ4o3X0LilSEGKZI/+kEYMiBsjqFAt3RLcbvBkt6ZEo7ae0kLvo3CRbcH2Bkz\nIKGVyFXyY6Itr1nHOZDJ0zdzKuFsakI9TDgsYPRuGX4scv+G6EU+NI7muHDe\nuvRQ\r\n=rPcr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEvk6wy0TkXckJeoXj4RF5PEPEWIf3IKtBobaeDCwFZOAiEA1rQWL4/OE0DiFIx1zMhHxsdsbU3dqoZJTDWjB7BvdGo="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.7ec5f2d6.0_1626110181176_0.9244256798043782"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.86cb4ca7.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.86cb4ca7.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.068fd5028.0","@material/mwc-base":"0.22.0-canary.86cb4ca7.0","@material/theme":"=12.0.0-canary.068fd5028.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"f679091aef1ae61c94f4217310d6cd1161c48598","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/f679091aef1ae61c94f4217310d6cd1161c48598/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.86cb4ca7.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-A0th432VB1RLAihJBgwi3pk1eHIt4aHkcblxknijYoCOIVgKg0m9fY/k8sLZTfepTWr57ekXaIz3ssAplt+F7w==","shasum":"5071bee9bbe577384c44a62afac325878d35ecd2","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.86cb4ca7.0.tgz","fileCount":16,"unpackedSize":66127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7c9ECRA9TVsSAnZWagAAQWsP/1yuczyRZ0OUbmPDFhxO\n171+xsrYptB4T5JdXkOZ5VVTKnMIOh0Rrdt5VFEGYsDDdZHQQAcOT0y3+dtF\n9ePbPQm2gl6Z2p+ourzoMSNl46OGxIfH73xPxXRuDTBznSDycdhCNME1CmOk\nKtyf3N3JoirKCIZ+UQlVAkcS/RCYk8i8Xs4qAKOlW7GBXALQCkMoSolTh2ED\ngnLnn4AWSUSHuH4cxtvsTeKLRcD4bemmO2gypLI+xDbUTGcnEbgQfaR4E+QO\nMzd5o2ZfSZaoxL0531d/q++NAceNkxBB3D2kDgMn5aTiw0uqN7H9hHo9axPd\nlEYx5IIaK33Gvd3pHK75uIKaptanTe8cHpHy+Kk12kzvyrIqx2HUogVhO9y5\nj/SpMW+W9ldHaERARNUlHiCro+vfHZOKERtlJEE7KfphkFhPTKgKBmX/NKkk\nrOlz2fjytXc+P7P36fPsayLwPnFlzQjBUXpCa40NbNqgrBVnCvworl7f0FOW\nNK1+co82Ity4rQXYvRnva0dG2s52x/jzPL+/q7vEAps/UfuUydLBA9HndLp7\nLIwzSTBxe+g7l5jCPz0qTyvQr6pFWLKAtSaaqNSAmjtQYM5tZjOg1kLQ3A36\nBpYdyZWOauGF6F4kNLcMFX4QqGfYvoM/4myl9fj24n2vUfiLcPiLd32JPllq\nnL7l\r\n=IsdI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCVxJrPLCpTaRSa9EIfVFW7+kCvUWFjjJ7LWlRVD+ePmAIhAI++5CSlIE/UN7Q5lbRTG0rklXfq2ENRaz4j/ZRCM41A"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.86cb4ca7.0_1626197827881_0.9161767819025055"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.cb42f5bd.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.cb42f5bd.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.ea77795b1.0","@material/mwc-base":"0.22.0-canary.cb42f5bd.0","@material/theme":"=12.0.0-canary.ea77795b1.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"2a31bbf40274b11678aacc5de800344a83518f3c","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2a31bbf40274b11678aacc5de800344a83518f3c/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.cb42f5bd.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-sqIBoZxsvDxLv1LOuK6GuIoze1o0IgbeZECTofxWTuh+GLLfqyeH1s45ZE6vYuJ8yOVZizG+zDOLXQ7k7JckPA==","shasum":"f9bedd2c126d03d1bef1218d53fe14c3279c35fa","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.cb42f5bd.0.tgz","fileCount":16,"unpackedSize":66127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7dkvCRA9TVsSAnZWagAAiLgQAJjpJ+bvOvv4rxL73Ria\n+WjS8VfeXKpAj3aDt2ZkAp2f9jbxERNGWsXRUxy+hF7eVDaBMq+1Vv4mgbwA\nQtF3KJXl3h0xOarlXyPHv2+FzBUKDQX5HYEby+V2uQ2Byf5wizwSvGzaVW+w\nyhNTOlo7jFVkquT4kvNKfRRR9Ovlke9wcpAJOlUmPDXkHMdyZReXYsrQSMWy\n95TIfSBNm8zV7q0alqWTGlojhbKX6tjD5W8vDoaVZNHpPQumTFSQ2p/FmBLe\nOEBOh85RX/WsBPh3dNOYGraBbLqc1zDXO6w4yBzLUtkfOWwYeI1V3UVN/2Od\ndSrjXahUaF24HZ1XPg/YFmpzXYU3FXrXVQJcsijLnky9c01Wu17KAH3jk4qo\nX/1ZVHGej4SFvvNoztKeCe7mkuUtdy26Zh8wiO0oxQSYvYsvjwDUyaZpALyI\nX1nuua5R/V0BomyO1NoJOEI9qb2he+pXzwElQ1e2iaf/C3GaeoMOO1gaVo0K\nEe9pPQ9q8S7gFeuDuJI0KHxBY8AatoSmrBS/52sXBGxxzJGLRoA1Hye5kvEk\n6FbDb01Oou++iBFnaPzMJulDf9HeD2lH/005r/0FV6Hnw0tfZVSj600uPUIg\nebD4KDJkzGaYre73c0JSVJlBDBWWdU41n+s40IjYEJsWzWnGXjivspaxs/ff\nfCri\r\n=F3Gu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHpzQfLOQgGkXmrRTP0xQarGZEvAj27LCsSLEyJvYZ2EAiEAmvziX1RLau5vnk3j+wiDK/cxkCgL+mDrVc70Q2WbGJc="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.cb42f5bd.0_1626200367210_0.9339989123411632"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.bc9a724e.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.bc9a724e.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.ea77795b1.0","@material/mwc-base":"0.22.0-canary.bc9a724e.0","@material/theme":"=12.0.0-canary.ea77795b1.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"3f6fbd971026d270d71f4fa8515adb70cb387ae3","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/3f6fbd971026d270d71f4fa8515adb70cb387ae3/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.bc9a724e.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-05hfDu5Fx6kUCmCXSGYsb8HAeYTyf2QRjf4rLjebSJROTBWpssJyxDTiiVgRuwBsYNXmGEmVM36i56ecEzcxoA==","shasum":"3042b766ac78482b78caa34e6bbf3e5803dc6a9c","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.bc9a724e.0.tgz","fileCount":16,"unpackedSize":66127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7d5kCRA9TVsSAnZWagAAjf4P/3cHu9/uA3Vki2owdyvq\nx9xgxLQJxAf3us+UCXZcXYTypBmddHPs0sTwYS6MIEUY5BuYnECSmNgepwYp\nYFdffV6BMFWsb038Qdj+BpiFUBkdrx9l4FMirdg9LjeVInr9BO7EKoyCJc2Y\ndu1yXCOfn98Z8S8xU6IrrXzsqpq5Sbq4frOCzQ8xkwFsTQKVhzwAloWSXs06\na2N5HR1YgRnVML3Wr3CcSUfx8ycQAcwoSY139WILW1+WCAUFPLMhVf7O7XmH\nUZ2I29L2NAufCLz9J3e03ZNBE3qlLutMwk0I+0BPcg2WjCQbgKtxJkICvyc6\nMDKS/Se5qmsSQtPz+fvd+xNGIyCIIBorLBoMXJrflQjj/PjshoRI2NHNg9La\n8S9fxGnMZKJSBnX0aZ0+J5U7PmmgwY6OHMlgoPGw1/4FPoxHjctfPDbSQ8hC\nc0A6M24QJ0UZHsH1O5uOw1h4XqyzDIyJ9QQoCVb+4YKHgzCMQ82Ri2yKV1Bs\n5LhvqRqCzhS8yMz4wbtwaHY08YqgZlV7XAnJRDczc6roSm67xyZ3xpeJicB0\nS0GDZWB7IwC7+G/qMI7IQDz96YuBkhWlDyucXPH2Kecmux1ivqvzSIp+vJrj\noyDwcZPbuGPC058h95+v3zlahhAz6KOBqDTUj0oBVRpq98nJCLSgutFhaosF\n/U+l\r\n=qNma\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDBZolk74u/OJwcjGI8zeO8AaFZzNXLXnAn9ZkGAhSZOQIhAN3qBV/vCU9XgHdmW5pC8GpT1zKb1UM9j/CfCGSnRaBy"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.bc9a724e.0_1626201700346_0.6410625238200605"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.7847b83a.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.7847b83a.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.22d29cbb4.0","@material/mwc-base":"0.22.0-canary.7847b83a.0","@material/theme":"=12.0.0-canary.22d29cbb4.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"96a87e19e381c977d8ac1c7a5a20a261fe54c448","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/96a87e19e381c977d8ac1c7a5a20a261fe54c448/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.7847b83a.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-A4mkkPLa4uuyS2xpaLMmFxlCClTkgMizteD2TTBjX027MqRMAttXljBTJD5oK53CeS9HGMzvSQBbugz/DZZ5Bg==","shasum":"194a3aa52499d07747f364318c7c11b521325415","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.7847b83a.0.tgz","fileCount":16,"unpackedSize":66127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7xxWCRA9TVsSAnZWagAAlVAP/iOPQ2NhbKhsG5c0N3z0\nLJ3bWzXM1f2GUD82JTWqGBj9lI+qd/vSyKDAX+m9UAepIbLk8OybhTUHQqyO\n2Xj6aQhApACJZxTE4xRx2aIi86qMDgi0Xi4Z84TE16MVwd7WsNJ3NI0Q53j+\n8+FtLyRH5oV6TxpWWyrhw5Lm24Q0XTmnjydhM1MVVP1pMvudetaRKAa4Flcn\nPX03ILgq1ewkxD9QIhm31qPjckZDmU27yvTMbMuo33++1zWipqud5MD3Bbwk\nQBIxu58xudSPpRpG5QqqjpIAZPAorxTBlk9n6Nb0Hwg79fImwno1tZRMx5fJ\nr0h5xoOOCsdUyplonQchWwre1nagRWwc21CWkMovNDI8J6Jnmxwu1bOPc71C\nzU6H49EFoHhealjKXys4quJcEluKlVuLzLsaE0KN/LeniiheYOIhNMcB2zuu\nsDaq4SRgS2DxrNmZeoPpn788heFxLEyCNnf/QwcMBKfFUaE+0CVxGT23qd4e\n0kU6YRqwx5P4DkXqS6v0kPRSTwMSERFmSjAmN3U0p+JOabBafFsTeAq84xra\nP+TeMLAgPoFv0xcgyyMg8Mutunue9jSOd6qlETOKJw8J87wxdz53FKqaBDtX\nc/cfE8Pnvi4Pq3LKdJFnm9Vcon+C799L2FybJMcwbrYM38eEEZcFI6E9d5AV\n32Vk\r\n=qqL2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBzS3El4UU3bdNh+8dOV5FOXgE8XUnofKd9OHu6q+WnsAiEAw3Ag+l4tyNDeY0Qzwh+LqbPzpeq+Bc8lKlPULypX+2M="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.7847b83a.0_1626283094214_0.8464262061817611"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.8cba18fa.0":{"name":"@material/mwc-linear-progress","version":"0.22.0-canary.8cba18fa.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.22d29cbb4.0","@material/mwc-base":"0.22.0-canary.8cba18fa.0","@material/theme":"=12.0.0-canary.22d29cbb4.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"0eb1334d9597f86a21b5f9edc232a1c0f67f6abc","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/0eb1334d9597f86a21b5f9edc232a1c0f67f6abc/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0-canary.8cba18fa.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-aBOmhBurN4An1hmyY4KyOYfLe+ZD9RcDbrSGRyieG/jwsIHnIFF4kh2npL1nYtt0Z3SNZJuBPiICSN6gpkSF0A==","shasum":"2d831468a59d2e50851ea8bb61d41f8cf2670f8c","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0-canary.8cba18fa.0.tgz","fileCount":16,"unpackedSize":66127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg70hjCRA9TVsSAnZWagAAsaAP/j3CDMsVtKQinfWtm8dq\nFUNuDGAgm18SKsNQ3yiTkjpavapwH5N2XmfmpmkLlHwtMv6rR3E5vuNuooFp\n8BT4G7y7PQR5rKZvYul4jvG8ZlQfiL9Vq+YSjex5nPgHmBiObZM/g7BSk2xF\nuAbjdJ6m6sYJKwo94XTx07wnBXTuzsgPR3LBLt6OvitTaHM/H/AhBlPHcC7b\nBbqtIfmNZjjjbNDZhYYqQqPDATiRRbbbgnsu+kvu9d3mDAq8YvrcvtdORfGJ\nlOJo98bG2roh1hfaFdXiEtBjtLEABAY0/SGj9jU8SyATh1R1zHKKJzm8D7J5\nqly3XVk9QARW5TSSw/miZC81ZuqW7eH/WvH1mdb1h9/PwqPQwqV/8l8yF6Xu\nTKfnbyhkToq+Jyhf4tFAEvJsEoM79S+8yGY7diKyEZadsXAGUilFmlob8CIA\nqwY2zj5t+Rj8rj0X8gYA2pTuXUxNhSOYa80xUOug7nBHTVAHpdlZ4zP62fyt\nKzImYomqfq05KHLXcqzq+7qWTCpeutbjq1LDlfJVpcHI3YqNqcTWkV/kgTRl\nXEiozxYCbwE5MSMJp43akwYCtyernQTvaknKn4AjgxFv+uD2m00QbpiMRVNZ\nSbWF2WeJDAMnn1KMyYvfBQL41WgOeycPrOsPLLy3hvT4zLoXYVJJxxw+wyGv\nBn/9\r\n=bv/c\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE22Xm3UzADQEFUkGWQ3QfvHgPeZzZXf5IbDk1F6AvfLAiEAj5yiADW6u+U9xgD1uJ9VQkQT0MowxHkkCF75OjCZl8s="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0-canary.8cba18fa.0_1626294370625_0.6558475100334726"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0":{"name":"@material/mwc-linear-progress","version":"0.22.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.22d29cbb4.0","@material/mwc-base":"^0.22.0","@material/theme":"=12.0.0-canary.22d29cbb4.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"cacad1c9793ed32c30b99eb73991eb6c1218048d","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.0","_nodeVersion":"15.8.0","_npmVersion":"lerna/3.22.1/node@v15.8.0+x64 (darwin)","dist":{"integrity":"sha512-4usjGdtAcXhssnBvF0f+3S0/ScZYaBFvT65ZSoQ5c301IvRP3gj8ruRFWHheK7MJwYmv9tvsKzR4eONAvjkZnw==","shasum":"78f32cc76b1dc4e5bde0fecaaee3e76124c96730","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.0.tgz","fileCount":16,"unpackedSize":66092,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg72XaCRA9TVsSAnZWagAAUBUP/in8TmaGeibL7VNxH2AD\nOtGHQQeRdd07ZC3tYehUN6/WagBVFXwIC8CrnY89BLBkr8JjRJ29ENHWjg/M\noWflHj5ZM1sCOo7nktGd7aTstnIt6tY7G2b7A2PIADCR5DA33qBnG2gigcpK\nVWKRuklMxzttWaCTv4xbkIdCH0tmk1NZHmrkHkW4hW90ar5yNl0pPhRZxPG6\n8TjQmtf+GlzQr4UEAakvI94gWcduQPNx8fKpzSLI1ef8QBPzlv7E6/oxGh4v\nq4zoiSk9oIHzIidLsDKCwGOcYTucZCcbti/1Png5TjSOlnjwI9T7v7C3PfMC\nAuEtFdYbXbFDIVJQnt2+71P6ECM1517qtMQDCrz1V1SGHn56eKLuibpchEV2\nD6H9XKAWdXsc3dGYi/wtfsTPhMsMqSZHtbVLH6KkSWxleLXb7IIvOrQaFb2w\nArETp0bQ6C+t43QzemfOad8JV5TZM19B9WpH3qx++EIcgG7wHncwt9RkT3Fh\n4BAjNcxfiGYTHoSY+yuj10Q0+WR/KhZTLEQt0SzhRs1z0fidxia8RCXgvf4s\nLYADk3+jlmvCTzX4j6GInaOHyrPOE0yE2Aa9XjU/lgqkgYoFRulnDkeWI2jC\nUO0xAID9BrQ9b94a0uFpgI98FqLAlKqUlVR7VxFbkAw6rtFYSbMUzYq3XYmc\na8XM\r\n=tlXf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD1E+0KjVN+zKBoHI5WLjQ1uNMxyqe6aEOIWHwJjCXmkgIgRDPh2/iWpW1w7VLVxATHeBfh093lOKTrKZ+V+HELNyY="}]},"_npmUser":{"name":"aomarks","email":"aomarks@gmail.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.0_1626301913699_0.7302112332459785"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.1":{"name":"@material/mwc-linear-progress","version":"0.22.1","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.22d29cbb4.0","@material/mwc-base":"^0.22.1","@material/theme":"=12.0.0-canary.22d29cbb4.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"fbc09b4e8766843c4aef86023c2cfa4cb9e7cf5d","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.22.1","_nodeVersion":"15.8.0","_npmVersion":"lerna/3.22.1/node@v15.8.0+x64 (darwin)","dist":{"integrity":"sha512-GqqUDomF1nZh6cN0Dgz41vphfvDR17+vdtYk1O5YU9ajW/yd+9SBqwbjfqo4g/jmCpJvMeKnBDZo3Hbc8KnK7g==","shasum":"d0ba72ea02ac44ca3f5d646f27eaf66fd4b67e51","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.22.1.tgz","fileCount":16,"unpackedSize":66092,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg72q9CRA9TVsSAnZWagAAeCwQAJOb8f7In6VUXum7e29F\nFRfM/Yeo+JnoUddtKQUYEPTckOSmRKn2liae1lO8ySjAquJdWJObrO3Y9Pt1\ngkrKZHYt4YI8/1PHw586/k5xDM2E2g53La2xI3wiqxmeYXeeDJZ9cXbX0C4r\nroB97dMU9+8181yr3tH6LcyUcmvwk6EXmepE3/y6AA5600ODUbgLHx3SuCDD\nnqFfIEXMIPmrN1I5F9yMajz1iyqgJ1VNYyjlezG0/JBMEt0Rnj4li6Gw19qc\nUIDEl9ok1AtkZ5dcPVr9vcwYSkM0KMrARWR4C0Am0MQQSxM5Zfl+RcGeXpUZ\nTwe6wajPQu2hh6G5sOdruP6ArFo+VIoRWEpp9Jp4aKBJTehOWAbPz9mNuANi\ntBT4zVSX2wIipkTQagno8cEVOQ077iNBhtMxhfaCH3hsJPLKEOQtKHH6HA6x\ngoNyoE0vvjsSrtfBQEL3TjC17JrParo4eItp89jzeoBhL4VPyHZZj8x7ZOFc\nKwa5gJXwJ0qMFkSiiq3yAig4O1MSHE8Gz8vB+ovYijj2GutDt17jRqah+axx\n+4/CvBEdOSW3l/I2bmxuQoh/N+fHvrpMoKL22KOIskBq/+oUE5il6ynG5NNG\nns/wQJ0lcP6lX0bS4UDus5t90ltTsO9GQ1lXgYN48dMWsgBLWm5h8PtA1rKP\neZT8\r\n=ffsK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICXIZsKiDzlp9U8/o7C6iteA3zgdYS77J09ZuOJj2/zmAiEArtXNjg65ZGSKKIlU8q5y5QDUWJVU2/geGGI6bGFv4+o="}]},"_npmUser":{"name":"aomarks","email":"aomarks@gmail.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.22.1_1626303165202_0.6474020883884888"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.fbc09b4e.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.fbc09b4e.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.22d29cbb4.0","@material/mwc-base":"0.23.0-canary.fbc09b4e.0","@material/theme":"=12.0.0-canary.22d29cbb4.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"928fe21d53da3c383833e0766f262dd5454356ed","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/928fe21d53da3c383833e0766f262dd5454356ed/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.fbc09b4e.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-lZaaKC0LsK3ZaW+yFLmjhxYEvKVgPDrt7rlsNeXWZTq2aY62kuu3ROpVjraJU9Tq3ALeZMjdnWQ/OquembDxSQ==","shasum":"f05aff4803f585645b91a35bee6ac965c29e84a4","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.fbc09b4e.0.tgz","fileCount":16,"unpackedSize":66127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg72ryCRA9TVsSAnZWagAAHHsQAIjoc7QUsr6mq6XA7RVu\nysFuyidzeRhw36EFGTKKEMpwQFdujtZjQSwjFhZa6JogZykmUHt3Brjybg40\n7rdFitjBNOzQ3sUWFilehd6h/c8t4IjX/SCA8hEufUr7SM3Q/r+V4VMRdc/Q\nC9sSxGCMdDN+Yx15qIEMX1kgmtUKnkgINPFH3baqgB8U1TO4AdGsEwj7ABuJ\n6vyNpLsChtTRH0V7HbQ+LPH5aaTW8BBCOGZcWQUTMQkZDCpcfrtIj6TmJa+T\nRStZ+8w48B+yPTbwfeZtJAW+guXws88Rafca3+pHhL7q1DukSglNSrTuui/s\nhk3w+XcsI4m0pFs84PvHs+Zu6eedJfn7cqEYTsZRIwgkbpWURrpuYlZQCd4v\n95YPTnLSC2wzaSP5vMXwAxQC+MrffO1YJ7Dg8hOw+WpYGrv+zONsNa43d6ZC\nAiyR+9UHkR0eU8FlVbtCckYRz5j9WKLMWTxc3eHywioOq0IBQtwd3k8xcUac\ncHnMDgZUYbQpMr/M6I3OO+AKl6pC1qUYCR+d8yfL4HnVOjNqX30mnnhi7Jrx\n5TN0k5+ZGGUf4ibqi3Ki2v8b7sMKr9RfoSdw8uIPHsr037Sh7Ber6bxiEWL7\neJD5wekNqx0FXxbaKHM/CWY4aL6mZgqlOT064dbU+V2C4SeVYSlhWxi4+pUk\nlMwR\r\n=7d2M\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDnHHgoMsGMi+W+smicvtUIKdCfw8ibBsuCuJxK+SgsYAIgeF3d9fe9riCFStv35K1mpU4sCeG0HZiV5lS7sR5fNP0="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.fbc09b4e.0_1626303218151_0.009097868535933085"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.73e9f83c.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.73e9f83c.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.22d29cbb4.0","@material/mwc-base":"0.23.0-canary.73e9f83c.0","@material/theme":"=12.0.0-canary.22d29cbb4.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"7cb506f7d4ddb8897417b2451e1dce233644faea","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/7cb506f7d4ddb8897417b2451e1dce233644faea/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.73e9f83c.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-tLEVeNxw/DiTRMN7aL2nkv0wFoCTTzIi+HFVRJAzfwWtpg3AX/a7NtNRFeW2ui55VR1cLacmZXSl4m9kKGmwqg==","shasum":"034254e5ff8e3b1211fa951096e577ad48575e4f","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.73e9f83c.0.tgz","fileCount":16,"unpackedSize":66127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8JzuCRA9TVsSAnZWagAAujwP/i//AKzeOFM++ASlyJZs\nGFLH2ZlKbj9S+RnOgTIIrQHKhcgYylYoO/BDvebklC1TuuuoOaD+7QJVnG+s\n4+XSXpiIpQ8LST/Y736Nkd3CepZuNtogsm0x8MuvXDjjHPV7Ybzp6+kedYuJ\nRvYkjbW+8ErSbky1tWrJhSfuDz5d1LbpwRPHmCddbXOub+mVaqVjK5Q4VwSE\njtR4Z+lknPkAViIrRhy4UrCOYyuD2oTsweTBVjlNSJm/tTS98l+KxB+eJzlF\nDtahm7PDXQTxCRIPFPkcf2Vn9+Mk0USMg0qFcEgCNhI7xrDVhOJQ5HhENIcF\nxr57pHHdi8CuALhMOFhbiWNIt2W3lGjiBdL3tGu1aTQjj/rzszH5RhF2Z0ts\nx1oIpFLYciyS4d9OgvKyaVBttiMS/RpggvtWFfaMgWhloJQl8FqNUPLdtcga\nWchbeLf8dwk3Dv+BpOaLGH709saR8nfVutx8wIu75cQIPsSeKUHLLxmHfPC5\nfnoilc5ZLd6jLNoiayMn6myEojl0oAwK9rBfzCU9mASzV9A1Aj8hcj4XK8Qx\nrqT0ZwqAcj29mKbzmaMgSHnWPgRQVO9QpTXhRUuDC2DJFChu0kDmxObGwIbW\n8PzeYSCAQABoZxYjd5sNrnKik+7bk4x3kuRMfmL61vwwC/ClMi2j3Rf543HQ\nLEC4\r\n=d6VO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCn55dsvU3sDprm6jThBx1rsYBVsRP4foOKUb2QTTH8KwIgCKuclrChUTL7JkvL6ghm67qo8wfAXJMqrBUtbPyx3aQ="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.73e9f83c.0_1626381549958_0.9764308461357121"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.cc0aa7a9.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.cc0aa7a9.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.22d29cbb4.0","@material/mwc-base":"0.23.0-canary.cc0aa7a9.0","@material/theme":"=12.0.0-canary.22d29cbb4.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"46cd2c64b884400d63eb38fd81a1ad72accf42df","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/46cd2c64b884400d63eb38fd81a1ad72accf42df/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.cc0aa7a9.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-NcCM1QLW8mzKAtH4xzrEInV7Why6A7AMZY5vLQnu5ZKVNuBAxor9vlNzjgK08WcyJKp24VheKQ24K44nNkK6Rw==","shasum":"6b9920a4a4872d8e91ad46fc1ce4ed3541b7a5d7","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.cc0aa7a9.0.tgz","fileCount":16,"unpackedSize":66127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8KKTCRA9TVsSAnZWagAAFnMP/jKuRjI4Tr89clXYnssl\nL8rTOp2YuT6+RYlsEIKyr5RqnjJqGOPvq/TFjxoTh1gNQI7gNqWMdgJ0kDXA\n7VBWuS0b+rLpI8CK6xGV0e1zUm4DIDzLrIRdTQHpZOSvK+QD40YZ4aijAuMb\ncsI3C5B0XGiBBSVOXVCMnOSIkwObEZSyOYGyvUhXtvbe/m9MZNOpzO/wVuhW\neJ+o33uqKhHOoZVzdyvS3E6M7XKIxWg+j1Nu6nQJMe+I+VjmBns6bMirHyDP\nKkHzo2nqjhn3kNx69xKB9sJNtUo055gvNNa4t5N1jV+KrYmlwHFqkiOIoyil\n/AFByjRj1FGcKQkHcEfDyHy0H/grBcoehcitj3Oj+5DgXrrY/0aw15Sgay3h\ntvNxpJ0axWjaOt/k5ORB+nSC6xK92yf3G4UvFpj29cSXh/xTK0gYEwzXZ1Xk\nVzhhIIT8Cibi/MhBuz53VktbAifYtZg47QtlOCjKEj0L11D8lJfGfrJbCYiZ\nhdmShqZqsP/w4jFhlZdIlTlRBB/lxlrs4sdbFgmMUGyjt/Ey7ZHBUTB3GS2O\ng+OLRb+yl1MjeDGrcoWm+Nxs7AZpjbE9d2pTMW4v69fCpcBroZe8MH68XaNE\nF3OiSZ1rnBrTCzFBRzxY4WoO8nrDuyaXsPcwYTDXKstSPJDTMOAf3nWQYkJ1\n8KCi\r\n=nSVy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBcS0iKjG1gKrJm3GPMUZSHfnDWEyjhTER2taA5PQO74AiEAm2Wo5xKbVBcDi3u+RP0H2aVV88iOoq7EYG8Dj7ibkk0="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.cc0aa7a9.0_1626382995518_0.7078509533449839"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.a8fcac45.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.a8fcac45.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.22d29cbb4.0","@material/mwc-base":"0.23.0-canary.a8fcac45.0","@material/theme":"=12.0.0-canary.22d29cbb4.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"7319affa5e07f6651089343a3fdf21864f2d3de3","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/7319affa5e07f6651089343a3fdf21864f2d3de3/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.a8fcac45.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-dfZRWXlqH1k/lzrEkJXytimWTanbLApwo90q5r6LQYIs+OUAXYEYjPyAUt36wPHTFN9m/Nfqy1mgGtoLkK/jjg==","shasum":"a8b7f826d77c6416badd3cf93add559e2fa6e5c0","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.a8fcac45.0.tgz","fileCount":16,"unpackedSize":66127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8KcFCRA9TVsSAnZWagAApAoP/0wzTr8NWzShDtt+meP7\ncN1dRCSHk+0kIROKs+jxy7hh+WG59znW3JSijnh09VW34b9FvxeZoJdC2vYn\n7Nta9H+JVLCb2pHYvUtWgpuQ7hYWgBDgmr+QZC5jOc+nnqz2aDLAKYcDbw/l\nj6gfsV5q4LrbBjE+aip6sQFQsFV4Ft0TDTOh+M4YDXe45/GCG+SSGzu2NHdO\nBsZ9Ty5G1y4zaV9NwLYKwvRZgFNPpaCF+udLHr2duiGU2xbkHB35QMYuQurF\n1V6IHcqIHD4guToQTSugGUfGga+4gNSDk20TrpREyfwO4x49w5/rFnniUCZV\naJca1u9h0P+qY5vr0MV0bVm+nKy7vWEOJl20DZlNlL8Evfb6HpkEYxS7yZWX\n5Cu0oS/avvt+IqjXbBwlnHO0ZVXoOM5W/YM50Y/erJ9Cl3T2pumDwkpS1cbP\nR6qRNRdq8VrqcZyA+rsRHCNG6gIhTrBCGOBjxOLaUNcZa5SQ7sEFO3ePsIRh\ndJ9Gd6ePcAbzY5O+EaU8uPiJh5ncv65mevoPOTYVdMSlzRxmxuMeVhlyQyNl\nP2jMya6sJ5Wqs6AGXQNPwVaecZjqlUx3SJsxMRwJxVQjThtgsjSXt44eHRHR\nFI6wPUlWprG/BWVx7gns8pow5rHs0fRXGdn0fyKQTq5kG85CjHl5kuOYO1G1\nOq5l\r\n=KvS4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHs6BQIaTuHxydDcIpIkk9BpspFLZxjV7N3mP89KAjSFAiEAvWKHJ3Y08vMVCj1QT3nmR7rXtBWUpd0YG3lbe7pDMzk="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.a8fcac45.0_1626384132886_0.027475153487209525"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.3ca580d1.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.3ca580d1.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.22d29cbb4.0","@material/mwc-base":"0.23.0-canary.3ca580d1.0","@material/theme":"=12.0.0-canary.22d29cbb4.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"a2e57ca3915a4619a2a2fe234e3e3bb8be5a5496","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/a2e57ca3915a4619a2a2fe234e3e3bb8be5a5496/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.3ca580d1.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-ywmDH3KF7FVhifq3oFCUtleIxkKewyNfnTwu6fwNz/9seitwq3iO5uWVnns5qtOsURwuaqFFb0BT8Ut2hzQusg==","shasum":"4ec8db57ec6a85339ad175058b2d285167ff3f10","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.3ca580d1.0.tgz","fileCount":16,"unpackedSize":66127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8LC5CRA9TVsSAnZWagAAqlYP/0G6Z8tIL6sTVBqXgC9f\nGhHjpL4WmIahrDi0QN0sMVb+BLmBiFoui5B1NXjFb2+YD32D+xnDNbbDNnG5\nBvSROMw3U9xtoWCyMZahdrJX7zTMopnfRdHE+IgnNY/rHms8DrohvavO9NoF\n2sdImqXvCVQsMeDJHViajBolPN7ljrlqHRGYl/OFW2cx9dyOxqJn0HlQi4+B\nEPnFTn+wskR2i3VzP8wCCAM/EUj0jfgzgvLm3Rhgn2qjB+SYBw5UqkurH4z+\nCSGhhtaNpScc+vemnPPW2e6gQFcggpoaXs3A5IAHD6WLOvQI9sh7kWpUPNy+\nXrwRdgcNa8je83pJAo7xcZ+UC7FJ2JucKSw7WWzOF+a7Ehs3PFnCWjbQDI/e\nQtnWQQvegpyPIBec+XmLmk2H62DUKgMEO1m50mt51fEHroE2MZct7OZ4hZc2\nCvH4/dCbXbm/yTXpLyp4m9Lvy3DEeptaT2zv/hN9qF5OGOBRcLd0/4ImPoJh\n9qU0r+p0BYodRdR67WzDR283a5NQeEJlf09S+sCcpMebpfxqdqU+Itylign+\nViiqgbwl00+7AKrTFABWp41JHj9/k5zghdVfjsw9Itw1WzeUvxOChO6dBXLO\nFFcGRuDQ1D8FqhsmS1ZbV/+c7HDO9/bSUz2RSKiSMZdZ2M0Yiq7+y5I369Xk\ne3II\r\n=tYWg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF3HE1H7j4I1sNXz5qi+5wOdku4pE/5BWJJZW3SqEf4KAiEA0GiHpN9OcrvAmhA/idToRokU5CxTviYR9+ep1xm0QaA="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.3ca580d1.0_1626386617582_0.33153255869979614"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.9e41cb2e.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.9e41cb2e.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.22d29cbb4.0","@material/mwc-base":"0.23.0-canary.9e41cb2e.0","@material/theme":"=12.0.0-canary.22d29cbb4.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"66f1b7c941717bc279a73626020dd81fa186f3b2","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/66f1b7c941717bc279a73626020dd81fa186f3b2/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.9e41cb2e.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-1LAMV3db/ixjTQ1vAe0r7i9nE6JBcyb8NKgAUjs3BHI1ylLakqxOaPKLIsile/qiGpBj6WcuEcfDoEgEHPIgiQ==","shasum":"c1ff1a1283407afac677d841fa83bef13c90f95a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.9e41cb2e.0.tgz","fileCount":16,"unpackedSize":66645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8L/jCRA9TVsSAnZWagAAmegP/0MvTcHfOHimv9lrO6I3\nxIq0qgUh4H0fDtqJJCavtwrI2xW5M0s3aBq/ZxpDGNPsCL/DJe6lMHR7lxQ/\noVDC2ao/rhwQhByXbHFalIsSj+rLuId6DlXKHmqDeqgrXve3hxHCQmfWYVEv\nD4phq79MFMmMQPXjgs21LTkYwOCmRJE6EmDPtAkMasQ2opfROxVKkBHEGO8M\n+Ow6Xd9jl1cFO/JP1uIYeI1Op1/qOgkdDJ8UcPa/tr1TJtTDD4hY+9H4fSJ7\nEkWCaPCbS7jSORY8fy2C1lFjdCslDI9X7ANIc09DZTq/CYE+mD3v8BuLUcsX\naF6IH9SL2gbIK1rv92iEVt7qavobl32YWSiGpqSdz8n9+yYYQBVM1VQf7Z79\niC7GxWxMLFmlsPFbNOIyrhUHwGiG9Jfu2Zx946CF+Jl3ISq+rRphe5tcGPTc\nyFJ0kgsQQWjtsOpqFst870oZDy6/lihkUJjAl8wFWmOnGG13hDi4DkhAQIkC\nm1DZJxubAuzjvqDuLm4sAnLqPtFupHzqWZiIGKhPvy2EBFF58tGuQXgRWXtL\noXISEuPrB/x8Laq+k3pcR/gjJHxuuqrdRsw7HgAZ5/U887w9IwNKzk9+RAJZ\n/sEb9qxx1irym+MiAF4ssOC++VFTIPmNzp1L3KHphokMyztKfTMq+5UH/xIG\nUOnq\r\n=gJFh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAOSjvYP7wp3WeY+mFPUzMjxOKEgdKrnzNfRymu+CEdLAiEAo06fZQfAlyLKsP/AJYgJsdA8jjbn+KWDnYHjd4C23nI="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.9e41cb2e.0_1626390498997_0.11299941224723176"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.c180db74.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.c180db74.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.9f68a932e.0","@material/mwc-base":"0.23.0-canary.c180db74.0","@material/theme":"=12.0.0-canary.9f68a932e.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"33c53eb23c6f331885c1a70223139ee7e69ae97a","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/33c53eb23c6f331885c1a70223139ee7e69ae97a/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.c180db74.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-o341bF6w0Mt2gWVpNfCRoIICNuJiPLFt+wVz5p4wfQXMCSnDjWItqpyi2bfuSQKCAqpbW0vjM/kRs8nLMvJXYQ==","shasum":"0291c61ea1e8de75b76a56ee522a581fa7b9d05a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.c180db74.0.tgz","fileCount":16,"unpackedSize":66645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8cDVCRA9TVsSAnZWagAArEIP/0CP/lnsg8DKUr3BeQ3z\nuCWq/uhfMT2hAT6bvyFsICGxr3fgO53mq1STq31kcd9Vm22Aol0piTzmGpj1\nLXpKMmuKYP4abzyFIIvGSSV0KrPwM9UCMcIyo3yZFRgveDi0pyStqZKbiir5\nsDN3bAbnDpwthNDzA9Sw/8BJ6H0oMhIn+HOl5u08OSBD3Rf3ee//daX5rHHL\nsoJznwtzBVDfgqhlkPkWxgeM3DijF9tCA2yLZkC6pzIkfERfMlcTbPmkYJH5\nMUSECjshcgqefSzHZq/P5zDB5O/EnfGj91acWMn9T1G19kDtaj8isMXNbdJx\neRgO6Mini2SPOwo2Ub9mhXNWyQwwbaiZ6QC5Yyxjeny0WaWCz6nZLvq0UTcs\nZsGCD5GYwUnjsYWzIcLqmxEm+3Wwz5/sVnwS2d5bHjdC2xf9frjkCJlAQDrm\nXzM8DEgKNoIPE2uGQtHUS2iGZH1f8RbXyFUBS0bz2lU/qYIK8yIbZkK6PQwa\nS6kKPnSGhGYikd+0d/L9RdCmeAlpOXXCDqbOzhaWYAEJxZEkYFgxaoa3ZO4Z\nsiLpmKj9xmfnNKjeRCyMqe7jMl6InEe4ZbvqBVz/bXNX94VfHkClj5hXUPtS\nm9lJUIKk47zblXDM9Jd0vMaMlRAV4V94mgXxbJz7w5a1OPP6KbLkwn2kvVDv\nDnPu\r\n=UwFy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHZPHgMWXADfqIbo/LfPGKtT8AlCFECcKBUH47PaftpmAiEA500ARX0xKXVUNkWLUoJygNdf3HwRxa/QTUQRvizUtI8="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.c180db74.0_1626456277779_0.06727423207943883"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.0d0a9267.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.0d0a9267.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.9f68a932e.0","@material/mwc-base":"0.23.0-canary.0d0a9267.0","@material/theme":"=12.0.0-canary.9f68a932e.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"edc1a3fb88ad7e6dec8f22e73f329dd02bca032f","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/edc1a3fb88ad7e6dec8f22e73f329dd02bca032f/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.0d0a9267.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-E9JWr3+oo+3V6EHA8O2OqjfHrMLmCTgyt/8t0f8Wcpf43/c5wCnY7B3UEVJoTBSvv7sGhH8zctk2GNGbbE6hAg==","shasum":"9bc67f6b238b2f2b29edabefdc32d27705b894e7","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.0d0a9267.0.tgz","fileCount":16,"unpackedSize":66645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8chiCRA9TVsSAnZWagAA+loP/jcJfBYdKdS8WWdLGHus\n4HQvjMyuYVY3ktZ4EoitTqeqrw/sBdiPkZ+Ni1Ek98cnjTkjioWuurvt5bqw\nKgTaEj4hQIfq/i+bVmHKONdBR0l68TGZLkMyXK5ptt+v0qB5kYsKCNznlz33\nGR3M3IbVgK1mP3BNZI/PAfCUtDtbMGluNGAExIvbR+hCTI/FL4AZoJAvUbmo\nHplzEyK1K/WY+Dq6bB0bGs26oQ7h/HkCjgbXIihqsbdxE/seF4l3bVk58xhz\n/HxxJ3D3m/VjNVyxrxkOdMd7/p0CrkF6A0V1ZUjsS9OyO9e69nvW7f0aL+Ij\n0OI+QzB64VVLkNuH2XAW4B42uOLREwKYYuCuYPSz7uCEwQvyipYMkQ6t4+hu\n9XuaWLNGJiX/sziL7h8NWa6iw0MrCIUttZxybnPCA4PhRQyxCk08DGbUim/P\nwUc+jdxKGHXnsd+9iI84mcxvmEteIsSFhWYHQesZ8FHTk3xWK0C8T52caI3W\nwcKOmIKW5fF4Cc7GdVOTvMcuP4Y/WP2uHv0NnELh9G80RRKhRHoH79Qe0Fqs\n8HwbeomrrTujIhA9rXu2FjP3RufS6Y0J/NP58IT44/9ypA8GzROW9xurKBZC\nxxf40SrkW+gvITq1IHUshUJMcgvvdpIOwcYEMo/tULlb9O+8anzr411IvPmn\nh/bj\r\n=6USs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCcXB0iDiwY7sA8Zw5jjB8AB8786goeIZCPBBRK6fpDXgIhAIyMa///4FnyCJgz7w5saWnVoTa7LKzU3bqf6jh9wy21"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.0d0a9267.0_1626458210483_0.7300361554098544"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.d234ec3f.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.d234ec3f.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.9f68a932e.0","@material/mwc-base":"0.23.0-canary.d234ec3f.0","@material/theme":"=12.0.0-canary.9f68a932e.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"950f54539b9a71153ac09a57ec5710112c307c8f","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/950f54539b9a71153ac09a57ec5710112c307c8f/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.d234ec3f.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-kaU94BI6tGkXm3B1xmPrpNH5U0qwEbPnWsJI1fKmsaTQFJvajDAGR+ZYVgrFEAyDEURCQ9GgumbiDGwiStyiXw==","shasum":"fd609973ca7417768792845a3e96d18e86c762cb","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.d234ec3f.0.tgz","fileCount":16,"unpackedSize":66645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8creCRA9TVsSAnZWagAAHqQP/0VUTnevJHMiyoORsvMT\nHujhoR7CfVOCRMbc9jDGxvrkS5gimJoBQCXfom5FHxAWlckEpnNjdZSBlqo9\n8YPG4ONlCEKsbE1/IVS1TbBn2laQCE1wjUTwWR2ArWv3hNAJWC3c5XxhjRie\n2TNZKcFwXh7dgD/dzEvf/fTT8nC68z8TlRNJXuZhiDnV+/f4G9/qoaE8TRos\n/Wgr4GljAFsi0RG5l8QhA0xH+zuw8A71gGCmamjjvrlsQm7lXI55b/MJaAj6\nNDxsm9TG/ARZW8allnYNiFSlg9Z9C8/j9ctab1Q2Uiq+03VQL3qsiCuabhhh\n7sWX9nB6HFDCiU3T0W+LeTTk9v5p2qnN66gN8Gn5qcrYp6kWlmOm/50gTViB\nyknehS358xv56vFxygweCggPnHv4Z9/VcvzlirH5smb3VP3QTlWXf5nkoQCu\nIceqSIUxQXHf89NCNX4fMbkSteab2dWDIxiTlSG6OsF1zY4sEEodKplZfSoC\nV9VLPbKDpjCDMwNfiVZgMFRochrqIvRMr4Qe7YniqDxTrGxsb93CEixB1IUC\nZptag1Q455sRgg55SC95EHPOE71isQiWJ+v4cXnpzg+H3JmilAbG7TEGSkeG\n6m2Mpw6AGZ2QFnPDKWSbvRzoYg3NQ2HrUxGt1YzJ0YiO+HdYjTvsgBPlBOiI\nFkZ7\r\n=DlnN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCpLO+vHzt5Ij/JBF0Z2f0Ms38oLTbm7ZRkhXcr1FyOWAIgfQC3QLkzGv6cSz5fYribXG3neUPH/ORO7qxElTBL+ac="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.d234ec3f.0_1626458845887_0.38253206870704015"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.5cd4bcdb.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.5cd4bcdb.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.9f68a932e.0","@material/mwc-base":"0.23.0-canary.5cd4bcdb.0","@material/theme":"=12.0.0-canary.9f68a932e.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"5c053f1de07d32aeb409f327470360f0b5c02ae4","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/5c053f1de07d32aeb409f327470360f0b5c02ae4/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.5cd4bcdb.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-J8P4S+M45cSIC0KA8yY0JBEwIvRqVR6VYqoRXEWZyBJaGMyvtC7ONv3TmwrRKHEJSi3kOboBKnDoAWuTbkuLpA==","shasum":"90c8fc899ac8cf34f91da666526fd9b066a1d6b8","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.5cd4bcdb.0.tgz","fileCount":16,"unpackedSize":66645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8fYOCRA9TVsSAnZWagAAeNEQAJNaFh0q7iyG2KGRICH2\n3E6WRsbzcZ6YyhKdJ317QoNbCFuPWMEATEvUQrIGf75XGD2xAt1iBCw+5naA\n7DxCxLEP0tjFzPi09pT9H8q+sIX15skhPJfRVJS+peA6W73sIdNOrPri9t6A\n3fohKRg7RnP8tZ6gkS80RcF7+Ek0rdcULdSS1Xfv16feIwahrEjbVvXtbAUr\n/o1MHNZIOOryuQiVVB+7y9Tux3KtdKcRa746WD9SqFJzN7rnYqIeJM+1GdJ2\nZqW7VE2bLf2nP/915ECpLEfkulh32ENTxAWlKOA80h0QPFjronHKrZWwj8zu\njTWXzakLQF+4Jwx2EI49c94fwB9glUdYZRfPFJYseWscO9f3KxxWDhNIjSVx\na4zQsNvDef07CArmv5iuqFwIzvUKE8+fcDFfR5sEkwyJpPLH1fg4/08rW0Ub\nOgJerkYRNfGXvIwgZ4WBH1sW66oZgE1IZDtR3+Uk60+LFVCx0/J/144pn9ID\nYkguf6DEfgKy5jdJ0PQquTQZnUz0wz8ErcwQaBv3TeW4Vz2Fw/shJ+qLzROn\nV4/4r8SNOGMsdRvkhfQFpec8m0K6SWjRTcEE+0YSnVUWgITOMdnp/PCc9645\nwwmuhTbgzGYTWnG180XxR1qrwGKhRkTrsIY8lfX/nQuYX3GDxlLnFZrXerng\nQqSS\r\n=anj9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC3ZvOHHldUkTnbo5tSIMLIB5bgzgYeUXC0P7BKImoHqAIhAONNnCQ8CumRqSg6Gfk2Nxv9Io4701hCiC+c2heQKB74"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.5cd4bcdb.0_1626469902514_0.1987853743720589"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.2b133cb2.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.2b133cb2.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.4d95812f9.0","@material/mwc-base":"0.23.0-canary.2b133cb2.0","@material/theme":"=12.0.0-canary.4d95812f9.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"72202d1bfc4060bef4aa100b9593a5dd27125d0e","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/72202d1bfc4060bef4aa100b9593a5dd27125d0e/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.2b133cb2.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-xItb7cha5U0m+BSItit8juHNkg7Nj4f+h7mtEKJdXGqLiIRs1jtTLdLVIc+L+aVs8+fCHTEUqOiah8rMaD9DaA==","shasum":"eab561e2deff822eab7618bac5d80c3ec45fa26a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.2b133cb2.0.tgz","fileCount":16,"unpackedSize":66645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8gLRCRA9TVsSAnZWagAAqxEQAIzjXl5mv2aWn+x0d+Rp\n2+rYhRo1fPms4tIszeSVZ37qeCYTJM5m/tFvDYY8UazrAyausHAhK4cEsnmx\njpDwlDuInakFJtHj6nJM+fgDH7XpyCco1qob8tXtQhpGlBW1t+Sl+4Xitzmm\nTMrTI3NqTDvCIUttBo6dGpeCXHpOJn4aZfwG73ARm0finDkifdau2v/Gt+h6\n8kgXToGy0I6R89iCyITt5zYvWNv4l0sNcqCy/2+D9vI6Pqb31Dos9If9+0mn\nsyd81SoL2+4be5EH6xL0+k4ktvKt563p51QFz44IHjPNhEP7jw9l5xJ8lN2o\npHpEyn0xegKnazIC9EXeCprk/2kt3S5qIxOJHlTt/ZjODoOgpNKrdsGHijks\nzK8eSnhLKG3xLYGr8LjpJRUFxbQw6VWxiqPxu2uaxvJFuZmkWaobYRyKMbpw\nYPCvp3aiwn8RHWB7RVjKe8hPxYtPkbbgWyDrIuxxX4LSqqMC7FYaH29GPH2S\nXc1jomZi12Lx3dCyF9aKKXeueLvNXc9n+ImGdr1p0OmexXQK996zdKaq/SMd\ngz2WXLNHRgMMsFMfRlFZRpuU/2Hs5LArP6evdxsQB+1pm25GB8KDC5T0DkY1\nYF3nb62iriKSvccdxyTxn7ntufI58NvYDBw5nOV0+CvjrLERMpCIQfDAQnV/\nDsSO\r\n=cJ+D\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICrPHG7+m8pqm4U2LCOt7bppq0TzhANs3fjr4XJeEd5fAiBD5/6dZpmnhK0L8LQMbCJtvmxAvYecSr3fxMIJT1EixA=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.2b133cb2.0_1626473169532_0.2601941931554308"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.ae4f422b.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.ae4f422b.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.4d95812f9.0","@material/mwc-base":"0.23.0-canary.ae4f422b.0","@material/theme":"=12.0.0-canary.4d95812f9.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"8bddb410bdb60fa3790691718471a6b49c3f8765","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/8bddb410bdb60fa3790691718471a6b49c3f8765/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.ae4f422b.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-vnebzLihxVRzi+fCoruxY9Cp+Y9IoX3s/cOgUofMqu1k3bAvtds5h8ll5dc2ahCcEhdZU9u3aA5at7MdjxNCvg==","shasum":"50be65e3b29ecf46aff69f4b719614b5bdad4891","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.ae4f422b.0.tgz","fileCount":16,"unpackedSize":66645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8hwFCRA9TVsSAnZWagAAdSgP/2JZWp8hH0fij8IsNy/S\nAsEjQW5y4TqPsRoJLAW5Qrfho3kEwSB6U3jIXrH9PhjG2BIpM37wnRRrPOmK\neS3MiWja8BVgTAsP2BdMaG9VDYtWRtWoppnt+X0RxgQytEHRt/pN/oijBlBz\n/Aza2DFotPOZYwnk9iLM8RETkynDvuPoL1c7KRuFMj8xc7XlGorxQZNJT2sW\nh73ge3Wc/C22nDioZcKZlcIb9yr0J0bgovnXi/Y3N5kxqoHp5CZDOdIF3Mo8\nIxdF7y+ptgSyg2eAAvkRNw2806zTGcX5PkDWH1Ha78oLd0O8wlSVE2Y1U6nW\n3swAie7VI8DF03z3u2X0TRhPWhwP6GBV5OsMtID0MB6Qz0Q/+mm+bbC+RaBw\nLwj2JBEc4AEtQ+OxAno2eKbM+DewzY2j5EuESgIPucbfU2nPJ2fbpmGRdwBD\nsemxkIZixSM2fwWLeGM0Ev6M4L0NWOfOpnDSyH9yJ0Gz3bOrEeVILVwyfUNw\nS4TMr0BZJWFsR77HoEBZhXzgVXdH0HIPBKjNmPeuwYs9yQFogoUqcG6ACOhE\nWswxg3yfqqSXWo2Ijx0w5znrQO1L9ERie3CPIflcFzMZb/jaYdi8VG2CuJ3F\n+2ovXFDPfn2rfzdrThILsEmfuPIYYz9g7Sk6mdDSBsWn9C1KLGzPDe3hNrzc\nw6y1\r\n=Achy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC070elpW7p71bvQIHqyT9exaiE48iNniqU22AJRCcJbwIhANz6bbinvWBKCKgY7cZ+wZdWwlQfv3M2uP6vl3VqxQau"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.ae4f422b.0_1626479621421_0.8633629606257658"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.90ff8057.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.90ff8057.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.4d95812f9.0","@material/mwc-base":"0.23.0-canary.90ff8057.0","@material/theme":"=12.0.0-canary.4d95812f9.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"f90c69a94171ac1d67bd6c3315ba759c0e2e79b7","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/f90c69a94171ac1d67bd6c3315ba759c0e2e79b7/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.90ff8057.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-6nNlBUSWFnZenFYVa93tuxgaNze9tAup7SSkIF4nKBrhUkMaGvyUQV23zyX4yzdwPgd6j9OwOkFuW/lk0nmzUQ==","shasum":"09652c8181502715a15e12dad847583e16043d2c","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.90ff8057.0.tgz","fileCount":16,"unpackedSize":66645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg9YcJCRA9TVsSAnZWagAA6xoP/R80GB9VeJEKfTac7kAX\nb3yUgU0PdE/eqwVi6rCFgVkrJv+yWScocNJOz8T1xlmPhaa7Hm32kH9msgc5\njs5zB2lQyqFhORIqK/EnLDaGAaBtoGFa/gz0ZNNJdXauR35+7Z4y0mSBxxUQ\nW4zVcjOulmsKJhXz1f9YMkck+hSr1pnVD8WeBPs9R8y9KekCxlRAM/5o0tdz\nvgWG5xIxX7a3m6D15dpOf2u7y90ALh7fqrUvlS2RqbzVcxJji+9YhSpyysvq\nYrbhcz8XzKL/HOd6y+YDrkw3c5IIf92MN+haile7cokuMiolJBgh0FKdwu5u\n7PZtOn4wk1NuXUBlw5X0z8BaQOJgppxSJaGyhBKUXUEiNzIjvITyCPvJBzip\n+RgPWji9QdOuYX1SGxuy73wnyJJFZRHROjkPni5TJ48xNMJaiY6ZQlWxX27S\nPvzjxf0cV+PJ4orEjdRFhFeKwyy6bPvR01lVYP6n4JnReFd5S4GMufioJbXa\nMn22pjxCQ/9jzBfjCQ8OX4nd5X084XWp8FwZ4CU+XXcSiS6nObQT880OqPAL\n734TXSX0nsNZz3J+yDWnueMpiY5E7uEcKDzqUVDAioAFPtNu9PzVm1sduIm7\ncnr8Q3GhZsIXFyaGZ9yEqPuIJPil9Yic0KzyPRePidlVJxF4sbRuvaQZeKHg\n0hwE\r\n=t4+Z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGwy1Nh/9HKgz25FpMcxcU0Grm8m7v/gPMODLl0IOrb8AiEA3yP6p7on0j6n+bKzSUmIkEgt+9Oog5HYBfwT6+ISSp0="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.90ff8057.0_1626703625135_0.6453758947197059"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.dd7b75d1.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.dd7b75d1.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.4d95812f9.0","@material/mwc-base":"0.23.0-canary.dd7b75d1.0","@material/theme":"=12.0.0-canary.4d95812f9.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"b0752e4552aba84ad89d4eafc1a2a995bbfa0607","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b0752e4552aba84ad89d4eafc1a2a995bbfa0607/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.dd7b75d1.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-0dP9C+Cp3TjO7dlD6RRkZdGcyblkvO52ZthojnJaYRaZAoQdDseY2qYdqDgw/bgvIZWbc5wFYFzyLrmD1ubuEw==","shasum":"ddc84a0a2e3774d031ed8bf4deb94da70649c785","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.dd7b75d1.0.tgz","fileCount":16,"unpackedSize":66645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg9btWCRA9TVsSAnZWagAAZk4P/io9BEAdMaJ1K593smq+\nzqM3H6X/7jIyAobkGOLdH1P1V6y7RoiN/9/l2jikzWC83rbjpc72TF70otDw\nsjh2tiNnHXWMeJh73gzP0/2LG/qg6L0oa3FrU3yls0lLaaaLWRDy8jW4i3eb\ntloRwDbqemdIW4o8iSeHqV2bK3DBhIg/+EFUty2oLG8HcSnLovVCbxDVIcuX\nnO3gu3TAj8FNgB3pld1V8NjR5j/4kpO/ALWFeC4ZL1n8kKzBmfA6tVUKDzQE\nvARrTcD8IiQlMdaAgHxgldKDEIHnyUsuXpYSw+gkKkJGBSvb4i2zGurAuEv4\noy7CCIafjlrbQXxGAWw8id+QpspZgS7kycWPGaDS5iMSE7GKTE5vWO5kC8mq\nkWvbQ6P+vSImN8pvu1ZXlD3hQY62xUY9Guia4h1GL+K5og0Kdr3Oyv7ksv4M\ny6f7yx5+M1dJVSKddgc0fzKO6prfk+QMXvcmwzN2ztMM6rhF2m22VYzJYg1p\nT9PQSdrii9d009tIFfAIiottcRpVBxyhBizo+xx789QhkI2n9Wgz/p54POMA\nO75As0SDshOI1WKjItEFk7JNkRfgvRwY7S2qWPtbX86nUiIzvis92buFtyUB\nENqvwyP3RzfLKBO+C9PQgRMDD5/1kvggqnHcjbthJTopM72lxgI2MlZdNjTr\nJXvw\r\n=IomO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC94V0ZmRfX/h8ibR/TJzSugSOFKn7aFoPnlG33g2kIvgIhAPs5DSRPINA/ma4OKYtoLm92dnCv9IjvISufzVk7qmG2"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.dd7b75d1.0_1626717013858_0.3133742797586634"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.104debd5.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.104debd5.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.38d1846cc.0","@material/mwc-base":"0.23.0-canary.104debd5.0","@material/theme":"=12.0.0-canary.38d1846cc.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"9dde76584b6e4258f93d65b54a1f9695d2dddb1a","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/9dde76584b6e4258f93d65b54a1f9695d2dddb1a/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.104debd5.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-u8GBqvKeM8ZzOztI0E3r6KFc1YMMcqxp3+MEnWROGZQ54eGcW9GMb9kv7PsO92SVq8896YGIiRMpDsoDHGvuLg==","shasum":"88094af158ef3e1a71ed60ae4ad4a1c6840f779c","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.104debd5.0.tgz","fileCount":16,"unpackedSize":66645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg9gJXCRA9TVsSAnZWagAAPSgP/0cCbXG74Ya7ni7rRcTM\nJUc42xdyKitVc0CtHIFuCyKejG1uKNpLOn8wSvmgCmnsPpkJEJAXybWHdSek\nLnf0mWo6i4HihC0kWz2nb63x8BknX8twiyOehK6RqhgZXn8+2zgBZpuSoEBT\n6viWtIuuMNEzBQBX8ns6wfh9AWrXXrfyK6d1u8LHrbmva3MsYWLHUQa3C8yY\nCA20smNe6cd17rURbe8UnfThSg0jffyMTZBH9Ffim6BgeaLb1lZbWtas1KcQ\nb9tw9Bw1Y7wT0ozcR5zneyQLuSMxqqimRQJKl+wjjoSpIzAzy+v/ibwmsfRj\nGBxsJ6/g9JeDhcXZ8K/rz25ew0bt4xDX7nsWXQBXb+1LVDgDbCsN2rh5Mvfb\nGgXssHN20EC07opl6JxP4bpxCrlk5hm18+K7gwHBoyY0z8rVT0SNEEHElKaa\nvLVL8g1OSKtaTJOn3Ft9Ph7J2A2NIU1/3gK8vzAUVVW/CT3rWkl39bTemrF9\nhKMd1L0092YLfwUmYCPUXElzrvbYIX8RobKw9i+7p/iQYsjK/F9nSJWwbHWn\nX71sbO30hzqH9VR8U8jNIBkcOt4NBRQ5UroJ5Q9Vl/zPDZ6feg6yTpzkxpqh\noYguEcyVQQT46sIOMlo8FZL7sk2P7opxbWYxaFYb2FLF2Lu/OGVvYz93WUtS\nseLZ\r\n=9tC/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDOfdV9wnIkvwLPbz8Ft+zwowgKLAtiUdXRFyvtnrvhhAIhAKvB12+NFCfN9swAPoT0+HAEd+5nEiaXFKdSmLbmDyTK"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.104debd5.0_1626735191019_0.2955224075432201"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.4612705d.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.4612705d.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.38d1846cc.0","@material/mwc-base":"0.23.0-canary.4612705d.0","@material/theme":"=12.0.0-canary.38d1846cc.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"28f0176f44158c2fa7246b69d5737a09425a6e4f","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/28f0176f44158c2fa7246b69d5737a09425a6e4f/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.4612705d.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-a5IE5y8lHLvJ26lfD2Q6Qus3wFVfHLKJg85jmDw/BPoB0BZ5ALl7YdJC4Bm2U2y/uRZPCSWuGyu+/pYKZZ3rMA==","shasum":"ad3a6430e0ff0002ca3430c1d46c2f0be89ee718","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.4612705d.0.tgz","fileCount":16,"unpackedSize":66645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg9vQACRA9TVsSAnZWagAAzZwP/2hju8TgNuWld3XdWVyd\n4DUSUzZmvNq2bXC1vnZcLrZ7c2BpjmoUgjpGcjUmfwrZcSvUP1lr0TX5gdFn\nW5HbNW0U2bkWjoi+x9o2k0XQQtk+6WgaMIUbryWaqxuj/2wsE17aKTk7bxFe\nTbvbxcoZs8ENDElm6bvbgnqQTLXCRximSxcjiQuOQ0TaeJzT3RKnfbYs7RPF\nlKofPMWCQfxXD4QypMYMEHPYPt6f77AyJY7RNMr3oi6DWQoR3hVdWSjaRXfL\ny+kU+ZdwGRQKCxMcnTP2JzTzqh05/7YzdYij36gxldBtMLHYLtgWdEEvmp9e\nIwG9m/3CsspYqx5QDStwwEGV9SlFG85rPs8guypcvl6Vaft0szxjY+I5graE\nA+wc13SrHqvm511q23/Hfu6KakNFdYk/fG7vZEy1bmPX+xkpePAkCMPSfW6o\n38WmXxeeuinkif7CZIUEi6mnE1o/HTrrkRBdSYgDFtP288HVrrK7kwxcA5+q\neoHHtdBqsOjZgz7Ug/WFRvaTUlcVfNzGEBkJbPlh8OzwwSxA1XpnaclHZjWs\nVmGrhcGNjkSg3Sh00+7q8cRpyhjbpdILkyO/u+y533EF6eHfFeyqLZVxS5ou\nefWtWWbIn9SLRJTdKlKRyLjYaiXLjS37uT4uN0PDNckFE8CdcWINWAJh/SON\nDi1P\r\n=j2an\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC66WDBxc6MGJ+IBvxxaIOBXPkISL8WClh8QuQdqrYNOQIhAJWexO81ptmrqUzaKy7zX3nogWVVJggb2McVxCWD3Pqk"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.4612705d.0_1626797056298_0.38303640128521454"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.b36502a2.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.b36502a2.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.6b0442278.0","@material/mwc-base":"0.23.0-canary.b36502a2.0","@material/theme":"=12.0.0-canary.6b0442278.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"1df0a9b6912d747311691d2320eb16519bf8c660","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/1df0a9b6912d747311691d2320eb16519bf8c660/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.b36502a2.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-TAEv0MangcbLn3EVfDInnUzstn2ZyVKN85TCIuOmL/Ri0zjCFGv5MIjmOGEyfyEJQpqZ+vLqlPxZcDdxMncVWA==","shasum":"4eccdc4bd15dd9e298116ed8fb2a5cdac38b5611","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.b36502a2.0.tgz","fileCount":16,"unpackedSize":66645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+KDkCRA9TVsSAnZWagAA6PAP+gMfAicQwSwICQqC4u1z\n1I1G30qcjxdI7IBJkOvoytQlVLcJ2xUjvsKOUfXrTAaC8uRq/pweulJZic8t\nfQmhoaVsplwxiEIAIpxBa2zRmA+VjcaecSHLT6FPWEqzgpA648qDRNJSVw3c\nlVzHZ1puVFiKE/MNpdqqDSCCmS/caw7QMFqDh/D8UQEdQdQJojcPY1eHsc4O\n3oFRPYBgu9+TRNHBrG5ATqvYsdDW2AFpER2xPlOztNDzKIXjW7xzA9+sJwM/\nhwSkgxk7lMR+WpZ6C3+qh9RgXsGf0QhoZTt1dVZi2NRsPvHwDXaSXlRlevQi\nplNRzvGP8xT8ir979i7ik0twdnxNjUnX1s5UFuoEwIIgZ4MnMy1Y0hR5VQxP\nD5piTuh5FeXuAPq/0w5h9erKmE5csqX5zEfgWShhJ4pNpt6HXPvATYR9UgHx\n5cCCGeIE3yVErs2Wl/b4FE3uGn1mk2VVOi07N95hl3B0zzB/K7FgGEO3I61i\nmDZl2qIk9wVoW7Y/KRRckwLxbc3fXap/rkrtjlavAkT9hv2l8F81aMuDtQqK\ny2vrsXlpWarZM3iz8lq+ikYkcu9a+QlygLd0/wIVRRV6VUvkYoh4CCUTMF9u\nPvvw4KkEUHb+mKyLi24EnTTucDXiljWrdO13ZNTUsQAabaJIGK47b+bfGb4L\nVBb/\r\n=Ee/7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCfWW74pU9QvzAHX62r2OtkdrFUBvSxTBvHuKKS0ieqwAIgN+IK3C20zpAvL0pBU65EBlWWXhsHzFqeVvem6QEYdqo="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.b36502a2.0_1626906852457_0.15284564572166381"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.2c392ab3.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.2c392ab3.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.6b0442278.0","@material/mwc-base":"0.23.0-canary.2c392ab3.0","@material/theme":"=12.0.0-canary.6b0442278.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"83a61c9efee1610d42af318683fe4985effae0df","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/83a61c9efee1610d42af318683fe4985effae0df/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.2c392ab3.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-XEaVxCO4q07RgK5mh7EAK87pOJvzpyxCSZv1CHI1zFCOqHPIhgp8arTEQRl6VYEwOnNhavZojl+8gYwL3dXFUA==","shasum":"564c9928124ce754cb3c68106e34317da0e570d0","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.2c392ab3.0.tgz","fileCount":16,"unpackedSize":66645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+YYwCRA9TVsSAnZWagAAqIQP/jdrjxUBVvnH/wgn2Mdv\nzzG3zrv2lRr8jH43mPWwacoHYpYzXk/VyPbTiuD5Dc0YaEXmt648Y3AVD78I\nYjYY6pC4BzJBfoSXXBvtl+gVhJ8oQbQew5gCnAl5Qttp8Lt1pWMMdfuC6QL/\nB+hkP6FCGNdOVSW7nMyjz2ub8BiE5X7+mF/POI1Yzl8+JfI5rnFQkku6w0Ef\ng4lAGxPGqLbfYZ63gZ9fTIIfs5C1ngk/kUSWZ7ivilDBUNUaHxr+7gEV8P6Y\nOG/zQCNJamlM97rxjYAJ9Mel5FwNSnHvmDtWr0CkATgupuM44uyrbSif27hc\nAYJ9V8w6B8D9iMWlkNqxP7xaTQmNrExQ6iTtr2geXPIYtOUVQPNnAJAoqb6z\nXXU24i+CwOLVQZihic5cDb2hfRbNRiGa4/D7CHiHp6QcTMVE7Nfz/2MfqmTF\nq3yqnC/TtMrdMEHbI5nqxxWaeNJychYTSiXYMctwvvGnMHRSxhX+MEofjEYh\nTOls4FUOApgsKFf3kcxXY0J0OeD7e25HUOtmJreNXEaihhS2JYMhy/xlQu6Z\nWqhM3McITlSKjZqqF4aW1DacpwqnegVtYnuYQTa/IfPERJIN9qzCEfouA5iu\nlNog8sOy8Vj0OZu9lKnVRhloFxmjAENT2oR/bIOMDO7pHoEQgadgqtovQwdT\nvSY2\r\n=GJ1G\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG0m1NpTzrZtrPJm54cwz2V7LDeo3K9OrTA8lKCoY5wAAiEAwCzSiMXFH6He1S3hw/uZmlyYQa8jlhe+00w0wpGlyMg="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.2c392ab3.0_1626965552531_0.6866102237233831"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.e8bac95a.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.e8bac95a.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.5f00e454a.0","@material/mwc-base":"0.23.0-canary.e8bac95a.0","@material/theme":"=12.0.0-canary.5f00e454a.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"2215253d0031fb9db27cec4c40894bd549b72930","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2215253d0031fb9db27cec4c40894bd549b72930/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.e8bac95a.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-hPApOBdt1F/7xohzUSunaFKPDXG3JyF09zvCHEofpRYaoAI+Fgy2ZDL7ft8wI896ZKKT6SCHTAeyjIyaqZUs/Q==","shasum":"8d9f29b3e34cff997c6008bc1b842a833f1b0fce","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.e8bac95a.0.tgz","fileCount":16,"unpackedSize":66645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+b5xCRA9TVsSAnZWagAAOi4QAI2xTNYnBSD4XOMFRNYo\n+1ggC6btnWw7o7TAX70a0Ecc0l4I+GXUQ+cwZahQfnY0pCd9imCsr6G4lZXf\noEMjt6Nyro60WLXR7dPCCr8/6a/vWcCrDv0Z4xPj/HBqVcRLqMKO/+K8QNvV\nCaVbJYc/MKSoExkkE3diB7yH8DG0xWi7snoZtugu/1gcsWoLqE+1O/UZFZ2S\nYO7QBmF2I/LLr9BOI/ckMUqc4H8cyEOuDQCqzXecLJA54rf4xL4ucWkYe2ko\nGrcR/kHFxNUmMt61lFRsYgRadSzOpBJzft4fk6jBgQeg55403u4q6ajAPq/X\nG+Pssw8dk+A6UIfQ3ZK0nJPl6XXIPD9IFHCPBAkySOAt/6S7YqwI8eNiLIWz\nH9oZbOAI9RkzXIn4b8xGzuc3d2cemqqo710esRxtS0QuEC4RcrOhsQgIHSon\nEKrEckYbrl2bePhQkMbYsE1Pr/p/ZdB00FWWCqyMnbhS0rnodgWVDwOELr8H\nNfkl2jjRlcNMIeklQOveJdWDGA4u72QBuDzMJZQO4RwNSH1c5iHpTZEzOIA/\n+PXvDFjCrF2hXwfkms425pD2X6oCBb3lvjUaeT4t6/nygpcRhQmTSdMHTTlM\nqgV5+feFc+KmOCIdAy1UscLn3Gf48N7u7BMdgFVbe05Oid/S2MvBKcHy+Z6G\nWPD3\r\n=oT+h\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCeHCI5wUXL7lnrUbJUv1p1IIAAbi7aoRFEY7KR1Yo5RwIhAJtWmZedI5CAck0WkMn0Mcbznx3cS3R5RpyOEKrawzS6"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.e8bac95a.0_1626979953421_0.14267907656977052"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.38f29f8f.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.38f29f8f.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.90e08fc6b.0","@material/mwc-base":"0.23.0-canary.38f29f8f.0","@material/theme":"=12.0.0-canary.90e08fc6b.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"484fc84b540f757ad561dbea442c8566694496a9","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/484fc84b540f757ad561dbea442c8566694496a9/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.38f29f8f.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-PgKbSPLF4x/xfXK8z5Dl2MmPdnVZcov/9CWHaPin8fo1DmlwWeBdyLobX7VCZ7mF/IaedMmXJQ92RWI04AguLA==","shasum":"1ee67e4f9239456766f13f877f4b805916e81dbf","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.38f29f8f.0.tgz","fileCount":16,"unpackedSize":66645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+wdMCRA9TVsSAnZWagAAsT0QAJMIHU91yecte1YPNgGV\n/j9nzQZjM5wmkAFs32HUlKQCQWJsR28EhHVTdxM/s4IsyDPvD9kQogRxa8sn\nnxH/JUKgxV1HArA12lj7yX8ev9dUD6UiBmHot1LYS793ktZhIf/N6lBuAlbN\nP+/+zMNnH6Pck914IAk2OdUwCIx5JBz3ARGcgxMDIOJNlMJj44mNc+H+O95K\nAX882ivyMJkQQEoS/CEsxVzjsN4abla1mtYg2N29iWTZufOQRmAa/t3iy79d\nqNlGBFErKwioMd4DXsU9gxGP0kx2JwErsAvjg06c8F6fqKjnW/h1WvGOWa6I\noroWbztAN+1JoxeEKDLGUgjC+is0XMFj4p5Yyy/35iPJC0Gon/zMyi59nDS4\nyb8E3/hXBGlgkA2LXXPBk2Ot21ocgYSsKnzwIYeWb+6uLXe1OOJYDSJmZPsr\nvRe/tv7mcmNaIRI0KQQm6REKA40AtQgAnsoFxLPrBh+y1g77va7/De+AXIQA\nfW6mAWZFMpron3cAdsxwZi6M0j8NcPepbQeK6lhTY8mEHSAN3SRxJNb3oNsN\nvo/2I1zN9fQwRILJia5jXgXinqQ6VJNp5B70bDb1ZfkYQpaW29XXvfs3sMT3\nvtbF79gQtvZN2JpgOVcprNZCWh3qMgZA60242xJcATZfqvLowJZPoKwwbi6T\npEr/\r\n=UFJD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDNYLkmVeXTeLAdusvRNFTIzKBQk3+kz5Qhu9rfgps3EwIgMp6rDl6HbBKtbZuRsk6y1+crWjNSzepqNfK36lQAmmQ="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.38f29f8f.0_1627064140119_0.9085760198557551"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.e0693475.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.e0693475.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.90e08fc6b.0","@material/mwc-base":"0.23.0-canary.e0693475.0","@material/theme":"=12.0.0-canary.90e08fc6b.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"dcaa39c4b4b0d5d5bda85df7a11ac1205f2fd669","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/dcaa39c4b4b0d5d5bda85df7a11ac1205f2fd669/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.e0693475.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-g8U8gxw6kA/79YgOEXWkseeaZExOQ7Xnyh7UiC039Ry3UAM4qyHCd4PmEoV076vTHcWc4+uXQBgVEiAAF63m3A==","shasum":"574b25befe5ea2e764e58212c1fa3fb816b8a64a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.e0693475.0.tgz","fileCount":16,"unpackedSize":66645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+xC1CRA9TVsSAnZWagAA7ncP/0hzK/zmkleqDuZmf/+l\ncX3tMDAZjQb+17/VOi2seNhnCiA8dV7Z+mgpvEEyV90TXMb2mjAVYPdW7nuh\nIy6oriImytYXslgG7WJEggdn2v679CiJ8asV1ZuF4fVOz+qJ7k4SoBMSMQDP\n/d0aXnHRVSAHkIgp6CXVdf0OB6lnL9A1A7pPc4ETn6mUkeITsGN6izIXKWi5\n83SIsdDP1omHqMrkwGJY1l4UWNRypyUr79Jz/lLc3j2IpQo23TafW+7NwZeV\nASZGoOn+l9myHaqdzkLgNU/O/WoO+woPfi8bapQ5y3Mlt8k1+yCjBy86dZ/d\nLGzTIMCrR3xBF12HQxCt2/gPS0S1Hjzy98uroJBYKcY3xOsWemMN11vCpU14\nMo2+t5oEuZSAgHwLZtdsirzdldzkN2sCqH1VMHPJFqHx9unnMhKdmFHlIorg\nqtC9K8QdawEIdYzVAJEI0zwBAAe87BoMS1LwrwcQVNVM9mA4FYZTv17eEo0W\ng88S/JXX9HU8c+FjKe7NljOLZT2wZEIdQAzwRSeKit/DT8sLOyCQPh97CGPl\n/BNqcCoUPebNsGq0JqTSfI8xkCIX0EyT8K/obtxEmi/Vm7QsI7QOm9c8NuJi\nbIzKi/czq9kOhptJRynBF5yQXCw0IAV2aPU657jdCVRHGcF8xskoFNcJNGC7\nPO+g\r\n=L2u5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHpHU8WEJCuOzDYk8i8WoHdAWZw/c4syQOAXdAoBpsB1AiBf8Xcyx1OT5vwz6BkxITgmnSsHv4TdGFXXaSaaH0cETQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.e0693475.0_1627066548887_0.07171329397560511"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.d595e030.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.d595e030.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.90e08fc6b.0","@material/mwc-base":"0.23.0-canary.d595e030.0","@material/theme":"=12.0.0-canary.90e08fc6b.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"7c8056c080cfa8a28ca6e2a5511b4db50a604a87","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/7c8056c080cfa8a28ca6e2a5511b4db50a604a87/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.d595e030.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-v00183y4KHs9Vtt3OpjTpCxRqoLEccCod0xOCfytB9k/QOb4VcTdRSnf2hvUGFlwNp3ZkpU2i0I0m29m8qFQYA==","shasum":"013c8a9a21aab3a062bd6e76706b2b0c0a62d075","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.d595e030.0.tgz","fileCount":16,"unpackedSize":66645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+ywiCRA9TVsSAnZWagAAls4QAIgbfKLrhUULSgukT7n2\n107O50TE4ilzTa3XXRkysT3+yUCp4yw1WKqdAvpYVsPwxvPFJnInaH+IpIsN\n05JfCF49AupWySSSrjCMZnEb5Gk0BMD7mDP01XlNtImkEppFD9rNlIMm+Xof\nUbVxsgItUW4p5AjQ4aBwOXwMFtndluGfUK9DwP8Sx1bz5SIC3YOIVCV8ifOm\njOWXE+v3ndnT4DngALzjcNFH1Nt6hft7U2HyXZIw0uRm5OZb3C4AtRq090AC\n+ZQXKl7HqX1x7uMrFaua8Na8gpQg+BEmxpBH+3L+W0bFk/6WOfQCg6uUFkLM\nio7ICgrdI90XX2kFlBB5QsLIqbZjuTR7Bfsff/WYfeGZp3RkzeX8UKxAk8VX\nZ1n/SVFol/MwD7NHVHR7piIGnTPfqewWmmbcwkG8i0TIdlhBlBdFvwu6VCVz\nM6UpOGfMiCQShL+GHHE53AUoelPKAOiNMxz7urmmaR+jAKq6/MXAnwBdQdjU\nvLesN7qZIeF8tB6Gzd2y6zdoUYlzJ5lRtQBlbcaBRTxk4rSnxBqh8SBQ2t7g\nFAHHZuWRgCwJO+F3d0mOI7kBzrtdkw4g4sh6uwXqEdeAn0sxVrk1AzIM5qqs\nd8WVPn8PN9zVHqKFFjDouy7hJjzBo2/4a/TiOdQ/F8EGOb+Mt0KDp6M3vdG1\nsP7q\r\n=JV3k\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCzXmtiLzQoIm2nL1vJ4OkiN1qqxG2teKnTeapHuxWTjAIhANCJepLKVWecqZbxyZ3Z4gpBnKOzwULzrEx0Vlj/7cYe"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.d595e030.0_1627073570737_0.7279260322842311"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.fe7cca31.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.fe7cca31.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.3f36ac75c.0","@material/mwc-base":"0.23.0-canary.fe7cca31.0","@material/theme":"=12.0.0-canary.3f36ac75c.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"45bb0797db4a64851859f8894864015974863643","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/45bb0797db4a64851859f8894864015974863643/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.fe7cca31.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-ppDTKQvsmXwaleCA3a0freznDDUtC9gSqqM+qUvhMP1z0sG/2xwLgEAu+Y47JrvqDW9L950exzYHo6gFt9PoXA==","shasum":"07c46aa431fbe62f1227b794101293bd0f76f9d6","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.fe7cca31.0.tgz","fileCount":16,"unpackedSize":66645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+zsLCRA9TVsSAnZWagAAe/4P/34eV4faS+rP6Lj6XthM\nPZtXOsFbOxathx/bnpFJa2NlMhGTeietmIni4Mazmo4ax6gSmQmEWaRr9zgD\nnP8aKeVjex63vkSvkK3YZD2pH7yIEEhVnOXAhRKK+A8GeFG9FnXsNarKSXHn\nMyU+GGc1N3rQgLzwTNBX74Ga89EfW4KqIwopwySkf4XNi4TdTHUhFxeWzaL4\nZxIBa7WiXfzPhw6l8hW7h2HeQOtohdELyN5yNNImfVRnFyLEITQyfQXQWNtP\nAK9mI52TsIZqJY0ucnntit1N8k3ZGu/5F3PPMl8Rll/MY+3KJDgqHWIGn3W0\nXfsoQE44+JqssvoBrJtcE0M7GjJeVpfS71XjwP/x6twsMcfzbNT3KBd2N5w1\nBNC7nmz8i9oL7GBU0M2xz+dbidg2oLcG5syRNNLVyAluhhauuCRI5DhNgmpd\n82Oc4iuEWWhRhNiAcrWbyVwrn0yPlc7qn8iq+F9J1L6XZywVG9hg7hY3vxRA\nTEMhqfiF9qm5DaJqAh6trTKkNmKRrsi7pF5ELqLsD1PWONfIoy8nKorYZ9+Q\n5BsUczTrqMvas/qngbSsdgYbLKBESJR85UxXPcX75iN73i96sPWxDCybWCAq\nuFrgiYmCsZ+eWHh+/J2JI2NHp0QdkYsHyZS7S0ZPTqY1OidPYVcKGxxSDogU\nKnag\r\n=0hSM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDe6EkVmIoLMkAu5T+OGoaIvwL8Xu5SfElQFx5v3SEohAIhAL1dUr+2vN/xKVUtz6dqaZfUnXLouZgN35IRYrjXNeKM"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.fe7cca31.0_1627077387177_0.5841535425965687"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.fd9da483.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.fd9da483.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.3f36ac75c.0","@material/mwc-base":"0.23.0-canary.fd9da483.0","@material/theme":"=12.0.0-canary.3f36ac75c.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"fbed5ae8e9a1f66ef1cd5e83dcb0db11c6ea3c01","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/fbed5ae8e9a1f66ef1cd5e83dcb0db11c6ea3c01/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.fd9da483.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-QeO+9obqga+RnCrahks++KqjNhw1aq2LR9jqH11xVA276QfZae18J8HxdtYzYdXc3slV5cV29QOreYCiZ/IJ1Q==","shasum":"6e4041b8c0245bc7d263c342e0a5459a28ffa5ca","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.fd9da483.0.tgz","fileCount":16,"unpackedSize":66645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg/ygLCRA9TVsSAnZWagAASpsP/jRdVP2NDq8gN9NHBPyh\nO+u4TG93egf6nfyxj3kP9f/Hjkxuu52Sjzk7BNy5Xff4p0vw2TIrZ7QEgoAL\ngOGQM6zVvuvzmuQIFhJv3g0DbigWTxHTaa6htoeeOSpp7o1fL3o3bV/YFojY\nfdBqbHPePxzJRVHc5l5X9RmPj9kOZZoA9aIwH3DXHVqGwfY6V4imzqdSOK+d\n2iGFMXtRRDTdM8cd5eo24CFzez0uRl/2uV/O/slXk62vthtGs//edpkfnxbf\nlArR63xolbwM6xiO7YrQiBvSXgd8VpQkXnkqalWkDXcNdQlUU/4X6y2et+ru\nTSnSNjMKIDMUOs64M+AzOrcnSzpQf5YpGE3PGNJTfNH5gOTmQ8QIZRTynXMq\n98ozbAo0uNe9OfG3A309WIeD4FlQGeSCdgHCLmD90JEDMwKTL/mMEJ3xgSxO\nidSqBOACKTIwk+3IktteYyEKBc2t5UFqpetdUDt00qak3PNMPPCq9DyD+qhu\nS+s7GQ+M32JpF6NF2zB1oWgwxWvWAbyzA4ezZsHf2Z0VtmG56kHqx8tQwk+f\n3C4kpevGDGcVQXi2yW/x7zQ0tIxgK9fbyO2lkSUUMnPF+5SDXUgJG2jgmnQQ\nYszTScgk2GlGjOU2QbDHOcSGpohMbSG2XCHQuP5Vm0BqULn6/UZYHEgujDoE\nhUkR\r\n=HacL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBz5OajPbOslo0PJzsnwRJCGsYwT7gcIdmWH9xYtUtUtAiAoiamQdnqDUoyo1qLQvJnwmdTtGWl/WSjJTaYj4XMT/w=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.fd9da483.0_1627334667452_0.9223385565866489"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.8a4c7e06.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.8a4c7e06.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.3f36ac75c.0","@material/mwc-base":"0.23.0-canary.8a4c7e06.0","@material/theme":"=12.0.0-canary.3f36ac75c.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"4c98d35e959f2149e2a4ca8c8a4c5a7ad3070670","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/4c98d35e959f2149e2a4ca8c8a4c5a7ad3070670/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.8a4c7e06.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-D3/zT7uDItmAlz0igiXq9xA2FYDtnHToHIizFPnPKm8Dqh5YTAw6d7WbjC+TB26o5mrN0AfJrXWIax6LNaKAfQ==","shasum":"ed582c9389cce6403136558e7a77b255aeb6b236","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.8a4c7e06.0.tgz","fileCount":16,"unpackedSize":66645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg/zqgCRA9TVsSAnZWagAAL/IP/j+QKdETB/X8jLONVjc/\nEo2vd4xWhGJ25SUDJ80BnmBjETZegglWXSLt4kbEDDtOjUNSeBMCY4Sb+KUu\nk9KAA345SXuFA7fqp/MEDw4N8bs3lOkd8oKD9J1e8BVK3j3dnqGgrmoq0sPY\nS0Q8k97HJUBHyx2QZ8CKFEBrmECcb+ODN4HCfb6ILEeqPhk4a9lieDVlYlDA\nOI9FuEV7Hf39JTyd9iay/3jluUKWJdkf6FNVx/9mC3zAgcn4vz6OcDmuJiq8\ntpcJ19N/L2TZfv4KoqR2N1iG3CfzyT5rHNj7Osw+5G7hBSEYlC0NqX89UzN+\nvV6UrR9xOcmyozaJvE1vue12pL1tOdU6BfH3ghSoWhO+aozRDvV62nXFlvKW\nve8ovNwe9kV6Tv3L/AlhgqlV3I6xz5CXp9QfyWZnXcXuheIUKftIiUsIwccn\nNnmZRyseSSxwUcmiOWgvNaomn+4ExMw8j8pS1+6Rm6Oo6IzDon1w29aPeTrk\njhTtQThOhVIi5D1733Xu/Y4dRlqh8F1J6KH70txjiI1L4On0FZDENoX9k20U\njgODFxR0HiA22aHexNgvbPRcoXWiYFDpfXN9f6atkBzumYQZmRheP+FV7yU2\nXc4FuuERfQjZ6lOmOLuZ46c0eyRlMtaq8XxhCyRw2ueFBBLI4etbbILCMjju\nfYsq\r\n=ojJ3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFTckc6Or10adVTbMwocLo69a50qpMD2SzLnt+GtC/R+AiBwGi8lQudfURLFxYNuYuZRoruTBTH/c+oqUTl0TK8Izg=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.8a4c7e06.0_1627339424388_0.2699454512854398"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.5b395fd1.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.5b395fd1.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.3f36ac75c.0","@material/mwc-base":"0.23.0-canary.5b395fd1.0","@material/theme":"=12.0.0-canary.3f36ac75c.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"49947c20a93de615b923efcb7d30a23250ea6dbf","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/49947c20a93de615b923efcb7d30a23250ea6dbf/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.5b395fd1.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-0XOzLA6VLn4Nn9jhwgeDGsP7NsfRKD64T44GRzkJGWYMYIB9s1gI8C2nOLN97ZleyBNEHtmZtkO/blLqugKZqA==","shasum":"5b1a81d3e3d92b8f85f0fdf1359f86d437c11bdb","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.5b395fd1.0.tgz","fileCount":16,"unpackedSize":66645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAI4+CRA9TVsSAnZWagAAp64P/iiZmg8wEZ1nR6xoJeMp\n0iSIagQLrq+dsIo7PB7tCSZGstwl+U5TM2LWD98u84SX5VRExmLWP62DnD5A\nUOCsy7Lqw318HUlQ0H8VesZKogUZjfkweS8m28YQ7N4V1J9u07Wuf1Jv5LRX\nCkoGCMTJgt2q4R5cmbegy1aCDHT7KiK+rIlvB/MhFdkznxKr6gQoGw/oZVfb\nKYrSr80ujrWm/zY1GEjN01amC9QeJF5krykcL4q4oaVzN/PVmmk6u0LhCVSn\nobA7Hi40QitoXTqtSsUyaTE8C0WDBKIwtJBJTFIOxxbO1rIE3mZA9zoutbyg\ndYC3ah79vGsLOF4kt3Thr1UwBpDpcXpgrS9ETIfhBHTtZXHJcJo1mbTrPzoG\nbHxmwhsjL9mmt4h82bhfyqqFwiIz5h3yF3LVrR6+xQWg8TlKLoATYv5JZQlS\nVRFALXBVk4XBBPRcbTFbls0cAOLjlKzbojswMQCiQi+xpAwjZ7hDYliDG0pt\ndLJAK34siv9Q8Q7D+9/CNyvDIxiLZrXcGKQPpuJ/E+nEQzhb2L9NHyGwzovO\nSN/54si0tjU3cdRRuWONo91vKyaokNk8xWPTdIavOfhk8bg0RXe1NYZUu9nI\nBpCWpyna8jTv5DHmlh5ybtP24/H7M0xROE07a71mK0oko2aBnmHVYiHEerAU\n3Yhs\r\n=AmyU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCGtoiRlHaSXmXP1kQtr4K9Wk2lzRjDgqk86QdcLKZqDgIgZ0HhEcfaUB7tpMrXDduHEal0PpFqlefYlsqT2f9GH+o="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.5b395fd1.0_1627426366292_0.018837464880796295"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.e5efdcc0.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.e5efdcc0.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=12.0.0-canary.3f36ac75c.0","@material/mwc-base":"0.23.0-canary.e5efdcc0.0","@material/theme":"=12.0.0-canary.3f36ac75c.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"6ce7c9ba42d6630a9af68bb580b94e6fec508bdf","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6ce7c9ba42d6630a9af68bb580b94e6fec508bdf/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.e5efdcc0.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-O6naEcLTpKEFLyRrHqhHoJkOHVRURzwPyNZK0y72JAmucvz13XvG7mR1EZfwy//KPZkTOwjfkbVtHX8IfLskpw==","shasum":"1d389928948da0c323f1a999b2f16d22e1a6ae7a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.e5efdcc0.0.tgz","fileCount":16,"unpackedSize":66645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAZI2CRA9TVsSAnZWagAALcQQAIF2mWdnbEJr0lJmfC2c\nrWu+e2XhpGdhw5UZDaXtU1miM8zILcOJ+DyVYulUujj5qP35JYMt7JlLogbj\nLBteZlru/X+NSXU3Nzy6HSnr1S5bRnBAnzD7g1WzbJuiK5uROsDkWG8jdnqs\nJ1k5NGyJU2YqZsknu9/YiQqBETFyoL+94kZ8Wmh92Y6AfQ+Qf2LYLfM7sMX8\nsiq1yLusmGzmbR0zpiCNC3AauIeP9M/sPtnMdU4IRlePD8dSq3bP6UP2LxIN\nAKOkHSR7TnEewcS8GxEiosmqmb6j1GFYna/0kJdeSHFnVSm5hAjYjCp5QAy6\nywuN/e5bYFOr0WUgKle2EXH7nnBTm+oDTyXepUjJPWMXJyHXlGE/jrfqG27X\nsbq9jAdbPhSiUA44TEOu3vVv5xgzVqY4VuKzbwOQ8yc0cb8kVEFOrbcz9w0Q\nVBF2ckcNUKOAeUCwjwEkIjZ7aqgqX3Ua+H78YT1+9VVvweShFHmEhPn0GEWH\n41y2WLF7MIbgnx5kVeEZYJw8zH0STvn9LYRGSKMIfpNEI/ZHMfHodoUfjrIF\njiwH8XeCQq+RCDg1K/KChQyXPZZrgfT7WbMfgpxqdtFYka2UKU481vmIhuUF\ngJ0cizgJc76mUcJax4EGDoc8oiCmzt3Qyi2dK/hZwLr1DJU3D0I7T/jOYfpv\nQP85\r\n=TzHt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG47EUPptuVW2LYfu4crozyQt2LgcO6Pdlbre6xQeCzCAiEAmkhQpC2AlFUfksI4pRVbm5ESuBtz/OE3g1DNLVrDuY4="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.e5efdcc0.0_1627492918566_0.3093153690146202"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.ab310900.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.ab310900.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.ae85f7eba.0","@material/mwc-base":"0.23.0-canary.ab310900.0","@material/theme":"=13.0.0-canary.ae85f7eba.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"e3a3d97dc865cef9b5eee17c8842c3ef9be90dca","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e3a3d97dc865cef9b5eee17c8842c3ef9be90dca/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.ab310900.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-GfXolNSBvy3QjM29kbKZcCwsVC2flx495XphiPXnGrg4WlUFvn7zgkyt9hGkhOaq+v/94B6Igch/9pSS3/Ii/w==","shasum":"a745b08a0ecc324cc6e599154309594970dadf24","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.ab310900.0.tgz","fileCount":16,"unpackedSize":66645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAbwvCRA9TVsSAnZWagAAl2MQAJQRWDd7TcHFXPAE5C0a\nB9y1BXCncxwGZraWPsI9T79l4+t56lBX7Ac77icTqPHCRIRPB33INpZj+rn0\nZq5w2XwFmnBky/kPawN2qUcI/EPq8upxT7LroZRgoKbNNzNfyAipBcUALQ2K\nP6hzHimMELJTPNVyJjJmF4cb7qmVesR6EBQRarZZsFg/XZBJg1CNNZD52j9b\noKOZVA/Iq6lmHAEQbt5B2HuZsTUqMmdQano0zyFw/6uyFD5glu/wReutttM2\nsRWEOUNDOFJ0+rf02/vslxno6w/S7JHrmR/5ByrVYd+zuWUAGxJbsHHtnKBw\nSpsSMIA0unqI4oMzL1glGtfpxSYx78vtTX8y6XADl+ANpFr0fnrC1lstgY4R\nWhxC/BmX3uueYhCrGyP5TJnEZFzUNL3fLymFNqlHY9jERnHc5T3q9SqV3g5F\nFnGCM+PZYSXU6U4bu2niEKgfT0DQcWHM/7OPokXTRTJTISSuVTK3HnNJ9Yhm\n/CxBedAMiQeqYTyx7pqJg+ghln6Wan5VX0mFipRAVJzIgkVugHpuVKYOTVBy\nj67JQdnOdXPmeuwi5TSaSbEERd16mC95FZlLnm5aopHe6RlWxW72yIqufJtZ\nTEWyaEgBYcmGBrDDLcJHEabOT8y2TlLwW28N/GiDuVVCs1cckBivk7CmS0sj\nAWng\r\n=36T3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGSNeDJcDOomuCDWAjzghk5Tb1Rt6OQEMAoacP1WYJdDAiEAoUTIrkS/YWInPDvTBNwTDxk+ACKggzl4crB517kN06k="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.ab310900.0_1627503663495_0.858510888843188"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.21dc9bc5.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.21dc9bc5.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.ae85f7eba.0","@material/mwc-base":"0.23.0-canary.21dc9bc5.0","@material/theme":"=13.0.0-canary.ae85f7eba.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"cfae2d30a40b9717e93cc7842d29f51de61c497f","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/cfae2d30a40b9717e93cc7842d29f51de61c497f/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.21dc9bc5.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-BshYUdx50/D20cRpa/gF1F3fqTn9Twaa6gztJNf6vtghKOBTZLQeeptu9cQ3EUKqwC+/V0TwM5582X6ihCBb1g==","shasum":"a63d81e76f1a4e77eb05792bc926f02ca0e89045","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.21dc9bc5.0.tgz","fileCount":16,"unpackedSize":66645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAb1JCRA9TVsSAnZWagAA4s4P+gKuDDXv6X1lSwhdr0v7\n4oT7ZX9RVa+MMKZw5ZBcGFbnD19sUUnbuGlJjhLOtk8P1yiFbqfdLOCVHhsX\nKRLKYfm7CtrgG/F5GLmAhtQKrGSUjlIogPaAkLlKD6fw3TNtjKttdbFBNIoY\naSW/dD8FDplaWOjMRSR7KUs9IMx88Dg5zOCivgiyn1ELKxs9iYJntZ08xGfz\n2iz9mDKQpxduKt6fJrRyYkdUxVXZju529iX3h6BV7mzynRH6B0YG8cJKId7j\nQ0BUCMMQE2dH3xNis5VEg2csCJ1jwxFSCU0zyBhOKvdpayNv9BGNjVA3TaWt\noGNtY0S1T5qkzOlXK95lBVg6lOMHQoBIiV+qdm9Twmh/jecdxAGto50OSog4\n8gnletsZ2cU5jCep72tkD2493f5buUf6uNb9mrlatW0Y7YTH1vt42rL6GZuq\nL5PXwDMP19Ql8XlK1Y0sTM6so+q+4vUNzyLuqJ+K2hmqOPIxry9kldPntLPx\nAYEwnE/Evue3h2W/5flO6AKTsX9dAQTrgA8BeVNLix/OrSvR6YxlGjydvYMM\nnn+WVt8IHSt9sV37D1+B7YagCluZXL+0Q2jWflQYPBmxIjQPCmSAAoH3kI2w\nSxU2CPhc40sQCQpbkmQ28XpFXt69cItvwCh/8lRkLLuk26cQ8AG97HXrumeP\n2GXc\r\n=skNC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCDVAFgOeerTcIqEDByrpiCmXO7pkNxaS88WS0NCdS2kgIgL0WFfWTaN+F7VBgd3TzcXd5HHC62MMfFjUDtgsTU16E="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.21dc9bc5.0_1627503945214_0.43121321782515687"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.68c7fe5c.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.68c7fe5c.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.ae85f7eba.0","@material/mwc-base":"0.23.0-canary.68c7fe5c.0","@material/theme":"=13.0.0-canary.ae85f7eba.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"d14f788b501a8e9e77ec19d160f45c10e76e3a31","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d14f788b501a8e9e77ec19d160f45c10e76e3a31/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.68c7fe5c.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-AZdKWaqCNb7nh9pCavbKM67eBcLeFZ/S7RxtMRUXIbRy2pyN66YxvDgWr9KfY1T2xOaH8MCbzRjfz3Rw2o8w7w==","shasum":"24cbc8d062c8ce53ac817a64e57b57fe523421cc","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.68c7fe5c.0.tgz","fileCount":16,"unpackedSize":66645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAvP4CRA9TVsSAnZWagAAowMP/0pxpsgej1wWEKEZel7q\nxuTsui4hNj21LxkxS8QwhOcjqgub0h4vq6qIdNf+w7IT/A/qKCG21t+WRQu8\np4qSu+rcmwya3y4KsL2elUHeTp/RO1imoDvY5xlFU/mWSOzvx5FC6qw1CrAB\nOBI0/J/42hmVUd2H8qsMvguM0100WK8UEiV3cggSZPtefNdhGlTVmpvAR0b7\nNHekWGI+nSgZIrqLqCQZ1fMoBp9LEtr1+NpCpzd3uXWAhESzSlBklyOGXmTj\nyVKtr1VqW/UbbQFDC2SPHlBwLlSbNKpx+u4CxpEm7eNzbNeHI7vr4X+p3BXF\nA77N5TDMJXmPBE4Z5zc/gY5wOZ42hAqo9hRGWQAbMqpsX+LhLAKGEPrDrWrb\noEx4GbkjH5fvlbiOmxX6enuinOn19bg4ZXa0Aah02Euln82s0e7OiopFiHVU\neNX6++whNMhwkiY1mamtp6fgv1wX78t/TYXkaZZA6cvkO0DkwvbyIdrEnFy+\ncERkcnHQQLq2e452J9+hLKq7DXTp+Htp0Q63+sE4gbR1AteGgrTj1bjR9w4c\nY2IvWCD49froDix6nf82bkljvD/aRMreYzIAfr6yDUEzShgZs+BXIQenCtxO\no5hdVwFoxPtRd6fNlZ6lQEPNY9RPUab4iON7loKZAgd2aUGgpwwwQxN/MgNO\nKvSV\r\n=D9cr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCn/wnPw7uJ1H3KdT/sFSLEz2cBN6AAEEOqChjePgThDAIhANW5DJ2TkHNLSUckOD6G46mGzFrmycvgQT1JsJsJrTdh"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.68c7fe5c.0_1627583480429_0.8436207814193699"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.aebe39e8.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.aebe39e8.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.ae85f7eba.0","@material/mwc-base":"0.23.0-canary.aebe39e8.0","@material/theme":"=13.0.0-canary.ae85f7eba.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"d28ef9fbd1251f2664f6385efd6cd33d59bd5a19","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d28ef9fbd1251f2664f6385efd6cd33d59bd5a19/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.aebe39e8.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-86Txi16TRUXN1dwqIXPLWG7AZabcnotXQxSAHykcRrtBcKgUrYNW4igpFP7WNBvsIa69jGczBR5qLT/2ddS+Ag==","shasum":"c7b8a5188a36e12fa8332eeb9a19106a6ceee622","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.aebe39e8.0.tgz","fileCount":16,"unpackedSize":66645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhBE9TCRA9TVsSAnZWagAAozkP/0deXAqOxkI4nO6hxCyZ\nyFFgSZ03E68nDGTD+1DerAwv9ce9rOGRRWrfKpVZ9L72mIuhjQ9buo15ChUo\n5kS+5lLSxrUiwEBmmCakjyBq1vFiPplrqjvBapuUK3jk6J+dClYqBxZppuBq\n04lSgUBgLh4Z30UICpfBfHz48e12X/jIpkYDTjPV7lhn3W57N2t9wAj56JXI\nb/NF4odgINm2vOYd6rIHtBXFx5Tb058atGG81P3EJvIgmGzI2E8nh53VtbpW\n20dFKew++eO81JgfiVPIFX4gkadv1T2dF62neQ2e84iSGrUg5E0MLLUp8mX+\nb8Rs+qmvjoTj++hrczN9VOa31VrSjHlASYKmq5hKroIAkmKUfJVi2SaJNYf5\nUiqzX4V5RZ8XjWquS650+tPuBsEg7HN/Mon60m11VKt+66IPdM+hoWOFAhhP\nNLqJ8wmzAWYWoqE8NVbHfLVCgdOxWkLA9sfWdtpTL1cqNkL/iVuL34USt9dy\nMUyWWnU8z6sXnkHN1p9H58r4fccMOZreA7uUH88Y7/41bpbXDy+1q77Hg9mB\nX+HJZxn8POoXqWtLCXknmL6JjuQEhnUjjQkigTaW0Tmo2QVuXbj0BQtgAyl2\nmiRn7uxR5IpfSDrAe5qaw2YYacqFJzBMO92D4ZR3yDSD3zxafzskaKOyMnsZ\neW8X\r\n=Ww0H\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHUWzwLd1pESwkmhbVKXCoSN5FM/r9eXnLrAhuGAhtqBAiAFUp6COE9CFN3/f8vNTrLGi4106jdtU5oEZnf1aLlq7Q=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.aebe39e8.0_1627672403661_0.08620578316192629"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.ea889c69.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.ea889c69.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.cc5377458.0","@material/mwc-base":"0.23.0-canary.ea889c69.0","@material/theme":"=13.0.0-canary.cc5377458.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"29d32f8e88155014cd9963c5b4fa346d8e3d28d1","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/29d32f8e88155014cd9963c5b4fa346d8e3d28d1/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.ea889c69.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-GhTuRPKMrnKgZO7NJDN5Cx+0FrHodzcz47Q2J1w+8lrK+916CmIOpVLQVAbjM9sUOOtPDx1MTO9L2BseNiI/nA==","shasum":"7dbc014e0e088048d131bfe5770e56dcbb7a07cd","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.ea889c69.0.tgz","fileCount":16,"unpackedSize":66645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhCY8/CRA9TVsSAnZWagAAE5UP/0FSJoRCxkERO9MjeBjO\nClwhhjDMUWyF6TC2ihN0BFLoeS4HoF3PjIg3oF43Sj7XDc3qkcN53QnAlJ11\nMoEyqOFvFQRi86OOe7MOELjlmU8jI/9g7VRQ2V8fEOsPTHN8IL9ifBlDxOE8\nu/rf76I87aHzvZVtJebl/kokdf/FN5g0nLfrgTKVVE9TBNZEVQkKI93TDwbN\nwqIVncwacJze2v9W4acPQEmCpLDe0G8emlQMSI5XQuPdrV7+JW0WXYk2hfQb\n2dP/K5JP2KdbJDiQtURy1fFnF89PVzZZJv7jlj/T1FM9KxpIr0gZX6azOf6o\nRcKW2Q9jR0VfWu7Q2U0K/rJVOOqFU7QARuJpOwMHm2VLX9F5DHknwazR3uLT\nrYVrw8e7ag49B8/p3Gqy0tgs+XTDBKBVnUkm7Wm+gGfViUpWFdQ8zof2yuTq\nshI7VD8J6T+fscEz+ctcKC8sk9MjCa5sumEDbbsRSXjOP/hmdIHDAG4GG+QJ\nuJ291S/eEv/vMZRnesFjbKjCPJKfbvVUcvOrY89/7+NuPyINIVMunb+hd3Md\nmif431U1CgzbiIZimvUAqa5scMoiNiaCN6ecRSr0dHwzN6zUYOrtYBWRXT2Q\nl4W2XWH8o3Cx7VowyuykvIndRyMldwjnaemZ69zmlToN7XAZBcP/n6R8iTNn\nUhNB\r\n=0+3U\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCnoPtAZs/A8UgBvagV22ir/60TX/r81iXOm3Q1gkeiqAIhAJLAD0uvHZap5McNYJGdxEOWqUvUt6z3Wlwqfz4YhYJv"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.ea889c69.0_1628016447460_0.5889772333962313"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.21918905.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.21918905.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.cc5377458.0","@material/mwc-base":"0.23.0-canary.21918905.0","@material/theme":"=13.0.0-canary.cc5377458.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"b4df0dc9ece9df56af685bbc48963988f2cb45f8","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b4df0dc9ece9df56af685bbc48963988f2cb45f8/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.21918905.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-pqKO178koYZzlH8AStUXqCFgd+UfPXKYmvG2denWve1JbkcS8XqeVkosFbWax4/B1NB7KhD+A6FguPF87iuisg==","shasum":"15f32368e39e05845ab6e2af41b9b3ea9f4d8e56","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.21918905.0.tgz","fileCount":16,"unpackedSize":66645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhCbGeCRA9TVsSAnZWagAAVooP/iHFIBPnuTRdI1FRmo4O\nAGv5Gr8RrLSH0HqOVG2gGgK9rzZGu4/GB2ocSEO9zom4YA4nadLpAbSxdWas\nu9NeTdz6PlnMFOcmgfnV2UpYIOvKjMeRRHOckkx69eLB3wYho5MnJuVRMh1z\nyVbbLyGYwGBIDkDCmtTar8MdV2rD7qraWFficE5IkyzUGp2k/YVMahOG0tbF\nYEerV80UNZeoclV5D4yltsE8KQJ2yCeaKz8P/zpkq+GHYKZUqHq7K9Bk+cd+\nHr5Hvp8kIwoXzhBizYJKdW+o0cWuLjQEEX9VNA/LZ1r/HtVL8X59JF1Sfafc\nEgxayadxGln0rsN32UFRDaFVON5Z9p2S6VC7Xpf3OWC0TwBEggd/8G3+Y92n\nslX2yZtnYiPPx/zTmVhl/8caWP+3xNi058jmChvxiXE8twTDhvd57f7t2GSf\nrdhlrwb28PL5B/yQL6kdqmonW1erBtW3EkwMvshNw5OBruoKYxqWaf4Uaxx0\nNbEvk23+BWCeoRlkyPSD+74FXVTubEJ6StxC7n39OaM+LMxvTTJQ6NPEiJCD\nUWAJi0WJLey4YdP96+rtddbfE7laMaFAmBSi6BmJsDYONAyG5OfQXguiUHXt\nfjSbwtqconR7fyHNjY1J6n83aG6fnkpnwmsGpb0RR1A74hqb97B4f6lFnc6g\ntq5J\r\n=YeO6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDmsfEYV3eS0HZLqXroT+WBu+rt045Vj6q8j0KrpggjPAiEAuWME+HcWayO8hrC2BGVjJ+jIVHtH9PK2CmoBbgWKQ0k="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.21918905.0_1628025246225_0.955657385592152"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.193c87be.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.193c87be.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.7c96e6b98.0","@material/mwc-base":"0.23.0-canary.193c87be.0","@material/theme":"=13.0.0-canary.7c96e6b98.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"62c9e4344bd3aa4983c1eeddc83cc2dbe9ec6644","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/62c9e4344bd3aa4983c1eeddc83cc2dbe9ec6644/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.193c87be.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-w3MLhyxNlJdhqVblqIupj/oKUQP+HopQE2ByrV2cQLGRw0C4u3ZsQHq73rE1ibbeE6tyY+pqf4iuV28X1BXomg==","shasum":"bf940e497daf368fa088571cc43ceddfe60209a9","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.193c87be.0.tgz","fileCount":16,"unpackedSize":66645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhCtdVCRA9TVsSAnZWagAA9OEQAImCoZLyL7+vH5qLIER4\n2YstjGR6sfsX5D4/8kFXHdVQK6AG+d1ya9FShne37qOqbe6JAUenOcH+KApn\nhShs2APXRWMXifvanCzk+PR1y0kEYciUaQt/rhdV5o56IXuAsVTNkE6RPJWt\n4n7RFK7ypxhXvFhbToekrPJlO7KPtjUht/LwULfKhZp8T8a7tDvMZjMrHZp9\n2hySAH/JvfSwkFCPSu7Pd7eOpAnn7fUy/FhJkGXS/1B+HLX5j61Ex6hT1TuN\nemG0+11Hep7l7ZX9QFcMfBdTwf6B7r7XFcV5N2nyUy/mAvbMniJNC5sIpb8P\neJBaZptEP5//PfzFMVWWKkYxef3CUOe3S+ej5LgUrqeQNV+okTGZnfXAiyJI\n7hgCTwqG01OEEiCvkp1vOKgMZMzbEW1bfO/Lz7COkFiCDCJsmeFsvlyv+hJZ\n6F8oU0KQicSqUYlA09tlyBCF6Xgq7tXJD3NYKOLWsOjWZaGCjLGGKPIHTDSu\nYsy8HdhaOcGlD44ec65l7B7MWvF0g7UPRSkYazY0Zuaa6a8XDry6otIvaQRe\nZbeIxW3QtEtkbuIw5is6DQhIocZAiz3vO6yzYaI4GEnaxqgijtXYm2A8aIWW\nmXZOgYvsc4tQTNtHNsckDQBOkk+Q3Mhst+bkDiVX6lpfxX/gdws+fZM9jPQL\n4IrT\r\n=dcKm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDPEpJUQDkoqeqj7nml+Zgjrt7tnboAXUwQc73KNiCjiQIhAPQpL3XgAqoqv0FxKYYURGkGVdjpkDwTe6DfovdTUu4C"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.193c87be.0_1628100437436_0.34212106601991255"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.6fc52d8b.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.6fc52d8b.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.3dd611091.0","@material/mwc-base":"0.23.0-canary.6fc52d8b.0","@material/theme":"=13.0.0-canary.3dd611091.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"d70f6897dfb89d87fb73b1e96c8b4164ca76734a","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d70f6897dfb89d87fb73b1e96c8b4164ca76734a/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.6fc52d8b.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-A50dE/qnqJYUvN+UnSS7CS0PlT98MDBe4Rj4afN3oWiZqkbloD3gYN/kUQ1PcPnJ8JvkZmJssmQ3lnC7sJKjdw==","shasum":"4dbc2243aa9a4181b3b4607c8e49d1170397cead","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.6fc52d8b.0.tgz","fileCount":16,"unpackedSize":66645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDCmZCRA9TVsSAnZWagAA2gwP/3+GowUjr3tZOnS0xu8q\ney9zxWPSbuTbc7pTpumx7AfJ7QGez2I6MPC6ey+IjLS9Sr41R7DxS4knHjaH\nH82yQ6w29JsVr/Ax12mevNK/TytqNLYX9meiFl002yQ2V3zGXL50CWaqr5o3\nJ7a/XJ8K5zrj5bViitBJQjHLX7ioJ+4fcVqJfkPjtMoP5+soGrkR0+vWEhye\nK255GlYZQQpBXl6tfu/yHuzXcYGOM0nTYXTSDmxL7qammF3onW58291scmpU\ndOtSlmGwUFzls//xVgr29v3yF/9uGDBHilhKOmxxYWoqWrb+1uOuiPZk/jY7\nTzJFGad2vhWmBeNvjfqWHes/sYIg3idqAs+BauHdo49VBcThzxy0YcLxxVbD\nfP/DiSEP8OasHUAcSiJrBgO/FWe32325hdf0Dg1/jj1hE7c+0DWzGFw++Tsw\ng/V+RcvNmVJNJFSPe4O8MRo/7Cu5GVZte0r/7ZyZa92sOnv076rMMBbnw2Nc\nkZenoGeqixhIvee3jqPmPwFSnDhIc00H+oxlifnrXM5oyNp7X4wwuBcyXlpH\na3C8N6+AWNUWoEuekU+P9D886aoXrdUL51WlNP+9a62ox/V+wvmVhfATMx1O\n88z8KK0gIb+4WZS6ykFWp+Vqli0PCcK1VD0JYHgP1QCkzHD3SSKo7OoXxzAE\nKPhX\r\n=QIw3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCXSG0mqrrlfmVDGs00Kolio3O7SrI1R83YpY+SjRatEAIgDw635p9t4Y9qRvjjJurs2Sr/W7UOimgdQzJu37Fug2g="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.6fc52d8b.0_1628187033289_0.6753845854953635"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.e2e9777d.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.e2e9777d.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.b47dd37a6.0","@material/mwc-base":"0.23.0-canary.e2e9777d.0","@material/theme":"=13.0.0-canary.b47dd37a6.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"cdfa31e7045c5004a0ebd645c1096ddc7724ba28","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/cdfa31e7045c5004a0ebd645c1096ddc7724ba28/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.e2e9777d.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-gJigHvaHL7KJx8n24JQl+MIDWqSm3ornX6J+k9xCtXKNaqzrl6cM8Mrg7APavK5RfFXXheDHZ3ME7cfCBSV6aA==","shasum":"e8a9437bee078f1b82680c76a6a9c1d7fb26bad3","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.e2e9777d.0.tgz","fileCount":16,"unpackedSize":66645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDGpqCRA9TVsSAnZWagAArm4P+wRuJKzpTctmbiSf1inG\nWQwSitE+FGRKgnxx66bRymVaYRIpxSSS9rGtRThzq3Ni5wUiKDvj22QhSawc\nNgFcvc1lR75JGFZl8M+LSpFzzXMCwJbwtrALGjGasCz5H50zlBNQJ45eGUz4\nZ1IOhTSYXOXGczvC5thE3WSLjPLHtHhnS1LBdAMzQLM+ndi0GX5EuAXhNk/z\ns8vQAxaggKpF8IJt6rZLDHhkR4s56lQL2Wy96myin0FXRVmnw/tU2R1gMUeS\nW5vPJzwWZ4EVXuW/H18/TKJ5/0A7b/Ermfv97FZBpVgzR4BM395owqyEEkPK\nCIlp28bh9IXScvMDvSm30Z5lKBGbPCS4w8ryjZOkxcJ/olYfkLP5hqOxB1BI\nFb6no0+V9721HTaG1QP0g/JYhMZ9IslfrsYo12fS8Kaje6qFMu75p1i0eIMb\n0NlkAJ5OOfujWOavoV88lpKj/rRr+67GysqjAPQ+eB7Z6EmawI5og2AhHxkv\n6LwRgiH/SZTLC3SMAPlWcyIyLt/QcmYBZHt//IZXsRqOIO5nGKsTBSwUdFfw\nI+ppml08sms5sHIkUWMOKT/xwpmtVg8kai26wMPQU8l7svcGTSj+k+zObCvq\nGZPXHpU0dKWPZHW3u6Q2kik3apETCSkegc5UsgttxCSdCWTJ7StjPP8KIvKJ\n+b6c\r\n=HaIO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDKRJL56bnyj9rToQ+bx+9c2YORDfGtcLBdktZlRTk9cQIgGdfGIvEBTgqJyLHvz69wr/N4yLjzALLyP0GgKZxLHwg="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.e2e9777d.0_1628203626535_0.9257766193836403"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.72ff1e68.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.72ff1e68.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.b47dd37a6.0","@material/mwc-base":"0.23.0-canary.72ff1e68.0","@material/theme":"=13.0.0-canary.b47dd37a6.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"efaa4c0f4dc1cfea004a7f4dca613ec666b1106a","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/efaa4c0f4dc1cfea004a7f4dca613ec666b1106a/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.72ff1e68.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-qwcvXrHDtY1OvXTWvMp6sRPsyKhrcaqGQ/mVYe+6QtT4YYekeF1nnslygN29nd5pvfBHI+7MbzMwqN93lzcO+w==","shasum":"e60402f73995312405d418f8b10c8930e9a1fa4a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.72ff1e68.0.tgz","fileCount":16,"unpackedSize":66645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDaAdCRA9TVsSAnZWagAACb4QAKL5MzDpYxzJlH8svruE\nVFogQaCIQevwHd2mPTdaNkO384rwxznZuGspIQf3Np5PXHWmsNCjb4p3hJ4+\n1IdJMpbAn1apFWNnPiKS0/50oDEi+nuICnIehej2SdNWImdoISLTO7Zx6lNW\n7O7jnon1KIgYv8E5W3vOAVJD/zhvZ1okN9r/4/zAuCI6Q+lVr6xsbUG38xpk\nK1ICKkglWJp3vRQsx7Sm5+8N6pFKip1vQtWubiUbw10YZGB5ESEoSELD/QrC\nCNX5bY8aPuaYp2OqYjSvyVrboUV/ruRR7CrJ60w6J3D88Vg49yrDmmfylraT\nUDAqUSGBJDdf8hgNrcs3KJZimkub7B9hUhqiJqA5mgInfdArgsZa+0C/NyIC\nzDAYPtBOFWhT9QyHh9jGZPe/bdo5J4oWKy5WDNyq4If455QFTuE/AWNxnGT+\n+kHZuEzMmGjJuYfomjh5gWOdMb43MW5+hacCFGAvKDbYnpu0y/mFxENmjq1i\nUjkRFXbS9y6swbk/EdKqkFPBSORvsM9JFpLYmzC3P+EOU6dSkZ5euCKX+uXp\nogbdUavQajpKG7H6ezdA6lnwvuAEiNd6JfRES/yKeqrEM+GcOKb0ftOHjkWg\nL3/ISUiSSojd4RUbaW484sZC7LhsXz+d16Sh72p6D6eZe1RSUhJiwD8ph0at\nJFKg\r\n=fUc1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICPzWgn8QZsIbysl7dQfDpXepFnq3bHLYMxTqP5zAy+bAiEAjnO//SsXqCFjhW5pATVNIYTkF58xs7V46GFbu65ehRk="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.72ff1e68.0_1628282909756_0.06098810983242697"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.c527e93b.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.c527e93b.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.b47dd37a6.0","@material/mwc-base":"0.23.0-canary.c527e93b.0","@material/theme":"=13.0.0-canary.b47dd37a6.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"5f7d2f863731a86414f3b6d188833c46053b72c5","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/5f7d2f863731a86414f3b6d188833c46053b72c5/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.c527e93b.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-CjSATLPabIalqPkSgvgOgLceVjUZEQOErwJgK94wCNphy0o+Zm5K6dhopjF54ka1Zk3iNMGTXl8PaEJOtTcDwg==","shasum":"08fab975bbe2d54b9a6d426857c406662f0475ab","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.c527e93b.0.tgz","fileCount":16,"unpackedSize":66645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDaUuCRA9TVsSAnZWagAAm9wQAIDQbAXXKZl2CDW1tWXt\nkAMamfDKR/I6tuarbCxOcjUdEfhVYWFLvaSSnfBEq45hB4Ol6R/cSWY45Wfb\nrVkg9vUnXwUjhcDAmcRPTfhpyxMwd576wyNIbvgcSp+ynNeTZBffIE4lyWCJ\nYPEW9QBVcSDoaQ/X/0pdejP3xdYh/z1Y/cxn1PWdivseUV9dNWo3WdjUETG2\nZ+uJunMEa7q6oS0FTYjTpn36o9NWVV9FNCn4mQNNzL11p0ExUiSGS5s+gv/k\nwMgjiz+S3CdRtON0l157u17dvx8R15Dk3SI7WK4EkcKtSzsQop+jfLFaSs73\nkwqEHE/vI1clcfmKMq39/gqBKIXPvZ0dOiXC8dosAi/u+USKJiDjcx6WL7Hk\nSyqdnzJ/LFdpkumtoUF7+JQ9NKKzYmoKblsU/NRNN05dfZDVdpojZuiuYqi5\nGnjqL25UFtErNUx7o4QwBMwuHDtl6Imi7RtipEiwfu5T56KMENe5ZdQqUVkV\nmvPfPjx4U2jZgvR3GRIHv84qniQJRF0RdOP7Z5eXu6VZih/GrU2a52XKpBcf\ns6K2lvf8O3bq/hJtTcNdTtU3YpzIaK+SpPKMNfEm/H0SYY7Uky2+L02li41D\nUmjQZALw5b0A/ec0eOzfA6ZEEGw0o1LP38x5sxzCX1YXyhf4CcC5D959xBku\nLlam\r\n=ICMp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE+sI8KEi1XClqOLIRYESSgUZwjKnuNbYtmw8PUMJPnpAiEAoHk6g+WexJM+B9hmuOZUof5TR4AgpizLqmbIRzTH4Zg="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.c527e93b.0_1628284206106_0.49306706683441237"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.78b1eaac.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.78b1eaac.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.b47dd37a6.0","@material/mwc-base":"0.23.0-canary.78b1eaac.0","@material/theme":"=13.0.0-canary.b47dd37a6.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"6052db26d383ccd469e4c4f6cca3c1d2e4533696","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6052db26d383ccd469e4c4f6cca3c1d2e4533696/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.78b1eaac.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-ol15h2j5JUiYngCKjBdgaKMmBvAUAo7ECizP1Gc+A93AFXiqkkCv/X+hUor5HAl4jRiRD486PbEXhYAe21sYoA==","shasum":"b11921aa3ca50d0c7dedbf422542565269b4b88e","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.78b1eaac.0.tgz","fileCount":16,"unpackedSize":66645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhEW3zCRA9TVsSAnZWagAAhjUP/0ZfCRQW6iqYggd1TmLw\njdrXcY0+oaWA7qaIk1ajORbQUVwYPD8jAAhuEFPyJ33hc5xSlFbqPAtqLWXF\nBxSICf+uqTrMpbahHkWCVQbmb+0pJLz8OlBytFDmPmJGky9UgpMBoFrVWsAU\nmbcir2p+Cgw+dvanfosG/uZHW/GB5SGJRR3qTaUKot0xVWlg1VFeI8/AUsUG\nZ8SorZzZPKkXD03mktpqRuPIYPl7oZmD7DaMe/GTj5WzLIUbKe/KXgJWYgqC\nUvkCnhkz80GaZtKvZfKWI5HySsxhdn0xx9Fx0AYpp545X/zWkGSG0QxH6ocB\nZqJ4/wWNba3W0mbLxypuZub+Os/VB3aF45lWMrk7Ky4J3O2bFeQPNMRp7mOB\nr5/IcwYH/bOqNmavVzzE50Pvqd2oGEGypGoVIOH4YWOfGkCnC4yWBqzU3GUn\nVUlOOWECeHBDMvxJp7sZEkWiuzx1Iki3QCXfDUFG/DZEvtNOoYokSl36EClL\nQgyf3GcNa8b3osegx2NQYsK55syHD66MPHZlL7c3oPTO6gZ6iI8R9mJTowv2\nvbS4j7z7Tvr7lv+iPZBB7Ou8fdE1WQFc79lroKDmG8y8Bu9sBGGrewT2SyXB\nD2JRSZcA6yPQybgIf447s2khZoPvpRZCIIeK9OEm74b+Q+8smo0n5o/1kvAL\nmlj2\r\n=sX6R\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEQFsANKH8mh5XNiVJ+Dzx0+lJxJ5tWJ0m14pYPQyLtuAiBXMCuWgIcBFG1c8lLcAfN+/59OnmFZgq7SryCeXtazZQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.78b1eaac.0_1628532210978_0.33523527802322817"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.a8a4ddc9.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.a8a4ddc9.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.7249a3060.0","@material/mwc-base":"0.23.0-canary.a8a4ddc9.0","@material/theme":"=13.0.0-canary.7249a3060.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"d9658c00d9d10361ed16fd976b03d6652cda9ef6","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d9658c00d9d10361ed16fd976b03d6652cda9ef6/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.a8a4ddc9.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-MHTRlEd9aGL2OiQHQ9PS/zNzapVRt1XwBYiS5rEeUEVhejSA2R6ty5xgN9kyoxx7Z2uaJHNDk/FtFBX7jADp0Q==","shasum":"70f17d2f90fb661cf420b51d4b3dc5ad0254c481","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.a8a4ddc9.0.tgz","fileCount":16,"unpackedSize":66645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhEsmOCRA9TVsSAnZWagAAh8gQAKKR3aFWW+sSkq6UWhhr\nyUTAcAhQBUhnd8bqyX/5d21/HfJQFFGa3cK+vwVWCD0Wt4mxKgKIMsHaUeRw\nOWphT/XtRgyC1UAfLqYX2HicDQf4htAtKTqAXRm3r9MDf5A0f7LmxsE53VXb\narZAU179kBcYA9xEvCX4pe4sKlvGjhg5agMNKeAtB8hNPRHosFKIK+1aQ1Ae\nMjxM7qB7IrhZuRHyNEMmD3WUEPGS8g21wZmQgSs8tF665Yf9gEDvkX+Fy+sB\nk8qjHnudDzLoYAe+EMdlzWR6YtWYKQoeFvt2lbHFZwvsp2nhL5fnhToJEkJk\ncr3t7yljf3avsuN9vvckVKvmF3Pq1rtzp/9fT4yF02chJYYSjxR0CSx8KLI/\nzfuTyNfoKKr+BJ8STDjE0WclJP6HUE4+TdNhCJyJW+iKU+tnMhQftAKyLNaD\nT3z5inY1bv3bz+NfYy1WVhZwwX8WNsNYle3PNroBH34hm/a1/fk3b8+MMIf5\nlQQRaLx79mDwaB0dEjzCrxU3pxi4DOl5V6euYyTfj+9GWF3YOH/RHyA2Igb3\n3SxHnCwJqKLhHevystrpZrzMe2X3oRUTXz5qMY2+nMd0Pzsgh/1dQRyK2KES\nUXxnVXkahidQjrQN6UKjGMpeFZ6Ox1p1646R4yBGVEd+Ll9x8R37PceQrJpu\nwJDf\r\n=pVdG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHaUEGddB25r3J+orBuH3rylm8cCNdCwQkGaBDA3ixwDAiEA1FcWZYDT/qEsuccliAPn9D3pRTy6SjflvCdFoLolqDA="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.a8a4ddc9.0_1628621198477_0.7412177039926855"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.99fc0632.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.99fc0632.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.f4241a42a.0","@material/mwc-base":"0.23.0-canary.99fc0632.0","@material/theme":"=13.0.0-canary.f4241a42a.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"1182c7b11008cbaa2e6a052092cde8c856306942","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/1182c7b11008cbaa2e6a052092cde8c856306942/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.99fc0632.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-tKND5A9g+xgR+zHG0Tx/gpBuPNPkpLjlts4b7BOGGUny2QyUyktAYTHS6rsic1fEBT2uxw9v/sgGKh90C47S0Q==","shasum":"f4b7807b98017d3ea27ca9ff0471bd029149630d","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.99fc0632.0.tgz","fileCount":16,"unpackedSize":66645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFE1hCRA9TVsSAnZWagAAbwUP/A9ElJfpamRnLXq1FO0x\nQFlq7VRKCJoxUUlFBtaiioZGa/QdOn18dRGkksJ/rHoqeo3edafhZWcsdezb\nuFaybpJQCNgVgWAgeR4PBzMBAuTV05FdjaLBHD3LHXRTgDRviaFXcc34BkPK\nkXt1Ghgbh6DwNZ0MW93ZnvxjSMUEyWmL112f4IwRFA/kJBwabpLxAE2EjZ1t\nGxKp/GipAaJa3HHbGs5HzXDKFPttgTHv4V5qWozg4zO8S95L3kTUsIlIlo75\nQaHFNcwuqyOSFPoZ/gqSkDb0ynfip10BcxjwHrBwG42yuFTrZ+Y45pYRdXKB\nONtw/aAFg7JbjKLIqKBAXVB8SB3XKxH/dn0+U0hQnQxV1cN1VHHnRHMm50t3\n90x7uoUFweEkqbT1KZLBDiAZ4BEqMuVsGy32U20jPKAyEvb9IB51SMGXvtHK\nK//fujFQTMDUKuqp0f+x2mr/XpVHyAG9OCyNK00lQeGHqMoVc2tZe3zcWmBR\n4YQcyKule0l15US1IbcG+RCai9hip2mglge34Fnf/trSCgwYLQM6vqv6rsr9\nayL9mimXMJ0zkU7t6fj+v8djHlXwSdqlok0CG83d906mnWWyuacJlXnd9XwO\nEVMRAw8T98rxl+EVEpNJNDym1cxQgEbqSwy0YiYlZJ0LtA07/1xogxWuaEtb\n2+JB\r\n=YSFB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDToTVEqnPB7aHy2nZuA/Ix0tSE8MIJ1FSvcyvR/Tkg6gIgOTwmXGCRlLP40ZS7UJr8oK2OO7vuFhX98TfXHU+6WRE="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.99fc0632.0_1628720481006_0.22686554373519519"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.3f47ae57.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.3f47ae57.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.0ad12ed3c.0","@material/mwc-base":"0.23.0-canary.3f47ae57.0","@material/theme":"=13.0.0-canary.0ad12ed3c.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"edf4f3bc9066a2b36444c8a434994a5482e8b500","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/edf4f3bc9066a2b36444c8a434994a5482e8b500/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.3f47ae57.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-QtIuj0lpdpViD3ry+QVNPxfYhOXnAjwHtqd5yNR3Mw79RbcIY1QV6PufONV8pmtLDwaeqZthkLzLz8Bo3BgrtA==","shasum":"aa9f1f39474c2146e0e4ed778973218c1b90bb6d","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.3f47ae57.0.tgz","fileCount":16,"unpackedSize":66645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFWGOCRA9TVsSAnZWagAAhnoP/jcfTb/aoN1RLKDCGlVw\nL54K8DixUuAMTxtzRl77gwbvln51voeGpIyIRIucaHJDtX8Z6hrWXaGsXSWo\nEPb6LJ3mJsSnjI6yJHPJt03AMjCy6tACUFBme0S8zENYUG21XZryd8fzfe9J\nmcprmsszbZCDdSCoT4G5pc6Wzh96KQEs/W39deK0gMiijmewmx3ste/Q+61d\nv9BIgnytpwDg2GV5CjZ46hXC0c5TsnA66LNdXbnZpdQB2D8zb1S6PIkY5OkJ\nlVFDgelagPtCSmOzx5dr5pIKEdcDt13+EvKLydB9vktMQ0asmljuYH56HA1+\nDipvX4Aqr4ItwRQosOMLqpxsiZfqwHLoW+4FfMbLXNRcl1Fx6ew85McwnPG3\nL+JXep4oWC0iy9dRIt78S33eqnWmKBo0HXQOSBZMoC8QFL3+4gnyrnv6xRuj\nyXFx+l5ccZFeK0Itau6lTs8vVWHw3j8nfbulAyrMpMwx2TWmUEoEm/RVGxB3\n8pOoOD0KRIAT42R7gsEb65paDcn04sCaowlMI1re+aPphzVe+opjW2VrnzGE\nvKN8TQMkifgDWTvkIS6nIfrSiG2j/gkcz0peSjJR+qritJjizoleoRpSGaoB\nrP3pcxFBJZYgNuzQcwcadNlGVMHP4COUfwhZ+BnigUuJL3puORhC5BoUHb6F\n9+PY\r\n=9D9O\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDnUh5Pf6l2tXaWBYQKy2pmv0Igf2OyEa+THU166/ToOgIgaD5tEm5IHuNOChEBJpajtrHnvXbF2gH1M71FIjdiN+Y="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.3f47ae57.0_1628791182662_0.0862037434479972"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.6b9bfc32.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.6b9bfc32.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.077dcfcfe.0","@material/mwc-base":"0.23.0-canary.6b9bfc32.0","@material/theme":"=13.0.0-canary.077dcfcfe.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"2479bbd88c9e53b974ec7671345a52cd8ac0e907","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2479bbd88c9e53b974ec7671345a52cd8ac0e907/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.6b9bfc32.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-EFSn43sRWDVoUUxt5TN0sB52swxPwJYj9cDJtyRa5TUstw7J+5UtpcBYGjc/vz2W5/jSm1WYhMn/D5Go0du4fw==","shasum":"9c58f5c6219a5d87d1a32ee1a4fea90f11265c92","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.6b9bfc32.0.tgz","fileCount":16,"unpackedSize":66645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFWc6CRA9TVsSAnZWagAAPWcP/iSlPnPssTYSPuBokhXU\njX13J1M7d0Tj6vEs7pxBNljL7Pt+hk0TXc16m7V89l8mHm6QTvUjCwM4+RbZ\nol+UboYJnhHC/ESglbMpwejrIqO+3UpEQTEnx3Rkl9DMYm2GIjhZfetVrMpc\nYvYxRxcTaZEJ9pknOBg7m3ZfTHi32T0YoT5y5v+wECBd6uJcAS32zVgeVQ1P\n5kY0R7Aa39IGGm+aTjvbApvruhsfIUnFe1PnZ8RUxQiiiOlAyZFwJgEdQRWZ\naNpkV47tb6Re5my7TeXUhdbu/rRxlL8ag74HYAN0xSa/9XggXBDzknpqHmQp\n+M8IDnbZr/gjqJGhBFJ8FTAd1H1dZvOFtAZ2j5bIM9khlxnasHdxlWVKnHKX\nIKmGUPC2OpSzELAM30Pr/z1kgLtU2A7snCn0WMdrcjUgg2WFywvmm1DGpIaK\n4Tk7CZdCP2azLHBSEOWcqQkZDhUzVzv3GuPEFq/FZD46H6AESRE0pxa0gBN+\nGLIOdbrPvlb4+WB2rTZ8yorQ+/Phb8qXUVPORNdjgkaV8Mj2FK2OhVCQK5Jm\nUe1WSO8EitQN/dXKOE5njMzUHDpzGxuFSyxnzOon16/p3NoZvjfOSA8ZEHzL\nj6aYXDYbMYkhOdxcvMehPmJF7EwBxCB06sNiZyU8r0ysgf1o6yiC2ltgkGLK\nocDw\r\n=L3Kz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGycmuKdafFHFT8k6mlqrZ36Erhb/jteQ5RbW49ojj9FAiBsug15/MsrH31Lstd9/v3bksH3bYahYx4B+XVV0BORaQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.6b9bfc32.0_1628792634243_0.6828995606746449"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.c89ecc63.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.c89ecc63.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.2fb068fb0.0","@material/mwc-base":"0.23.0-canary.c89ecc63.0","@material/theme":"=13.0.0-canary.2fb068fb0.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"aaa5bd89f698007e7af19bbeeea7c1212b851c35","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/aaa5bd89f698007e7af19bbeeea7c1212b851c35/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.c89ecc63.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-zUO+4Cyd2tCJBflCzBnQKVtdtRcmMEA8Xuk+66q3uD0qJoERdzoAp0CktlNsq1f8b2tGC3v5e0xYuf7Yq4EfMg==","shasum":"2b474cfcae9a5f424b9a2b407f0dcacbca2eac4f","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.c89ecc63.0.tgz","fileCount":16,"unpackedSize":66623,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhGp13CRA9TVsSAnZWagAAKOYP/ir6dA/kNyztFLLcXri4\ngM+aszNObnbtWu3diwRltQcJUWlNi5ibhN6qSDglxRF+ta3TJpHNtrP8lycj\nkniSJOaN6plHKOLTcvGJkw+EDvCyV2Vs0HniKpg1yBh6D+q+TthRp+It4B2e\nXvxph/MGRqtsJBEVjNyJZHIkhSMaOIl5GKnFbGGp+bcZrm82GWfOWek5ENwc\nG3ePrI2M7WXqhYOTSpZfhwZ2oBtYzJEZ1JCVtRIwaXVDvc2c5u5B8kQnyXiC\n3QPOBawGSVWW2xPHFZi45tUpUwDuNTp36AB6qFGvyjeaBYRQmLi6ZqhFCTFs\n1OD+21ITu2w4a25xrR2Zl7iVnlB8Xr4bkYZmZFMorlHCkXfqnRBIH6A63alV\ncA3C94rFDZ7qiEP4ua139NTt0n+q3iFw1HpZRaKXJibwzyyvP/xOAFnzlPxM\n9SgiOg9SbeYfjXQupkvg4Lu77VhhQZ2tLo0fkvKmy25h5tw8kagDk6Oqe3Lt\n0ZzgjRmUix572SjKT12BS1JQuc9+Lb/QRFWo33g6zSE78rD/pM3U+H3umdCR\nYPhwI747F29AwJa6EYSvVtcT7+wbqA5UXkNAQ6V0B5jP1afpDSousteCHpwt\n5G+FXYhPsTt8pbTg9CfjDL/RVg+Am2/+g9187ginKSws/Tq6ABDfKHrIS52x\npmI3\r\n=JnPh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGMivfT50/svaKEkXyNSS4YcpWzDGmUjPv1o9cl6Dx9ZAiEApVC0ktg/lOyMeykl/8qfQtJ4/AvWN5ifWNSWneFfxoM="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.c89ecc63.0_1629134199586_0.06828329863356974"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.59de86bd.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.59de86bd.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.457d89aad.0","@material/mwc-base":"0.23.0-canary.59de86bd.0","@material/theme":"=13.0.0-canary.457d89aad.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"ac639cd83d2e2bff117ac2f85b2cd2641560a85a","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ac639cd83d2e2bff117ac2f85b2cd2641560a85a/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.59de86bd.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-V2hZ8g67uAwpYrfUW327lFIyzgyuG93NOuZ/L75xUT/CJYvCTobucfzczkmGQ4PLn1WTUJ/WTU0Q9otQMDs40A==","shasum":"5f959ecb8a018fc2223b210565b3c36e83ad650c","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.59de86bd.0.tgz","fileCount":16,"unpackedSize":66623,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHGR6CRA9TVsSAnZWagAAnM4QAIhATW37+LAMT+pG4Tv8\nboN2EgyLA01o/H5a1afobhQEffccr2TLjWrICq+LO4K0iszofXIOUV3z9O69\nMetWllfRDaDzUd56Inb02LBcnbRSLKRqSgHEgAsyuVMDVxCqpqvoBz3Q2e04\nwQlQMYgFZaiQ8dHdTIDhemJomeBOZv1hoc74NUno3z6k1vFc37JCaSZAthI4\nVzSILDSTtuX/HASLOzEao+skU2gc7LXLlLXy3aH7ocQHUAgxLhRyD3tqeEIo\nnrYPwo5jykGTqRScUhhc76EIkiiOg5GYcCwLS8lw0qeS/HK9Fv4AoPsN/P4U\nKBBmfV3XBO9nzBKsFrp0vbb9hJFKwuiWm+G3JDRxC8wtJ48n3uGP4MIRMBlR\nZWH19h6fnvMxVFFk8G1sVY4JKGhSs4rZ8hUfeRkmpOcaXDW0TZgXxop1UK82\n9xS24GKA8Ba9XRNwVBtVVoVqZWVlNEuY9UXUm5j5N50j+D5FhNCDK1+XiA7p\neqF9rzYFG981zWNcr9PdlItUeirRuFJLTFnNaXHak9qs53v3n4ALCbWhcvxN\nriB1hOOzSOKodP+SgiqCmGN5i7hypPR8+q4K93Iqur5+5jhaf39LA5XUgBEf\nSxME1bxdtgKQRXw5CsxuCdX2AiXwTxrx2QifXJwmmRCoExinzCDE78Uo4eBM\n/EZD\r\n=zrbg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG3XKD3YeIUtdk2hm6h10vEmldcojRCoBtKSU1vW6rzzAiEAhP4Gi5U8qJ8vosebTF3DaAKSFVZ3wd2q+S7vAf22hIU="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.59de86bd.0_1629250682855_0.523372531469372"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.dcda879b.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.dcda879b.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.43d2eed2a.0","@material/mwc-base":"0.23.0-canary.dcda879b.0","@material/theme":"=13.0.0-canary.43d2eed2a.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"ab309abf464fd85bb1f234aaf8a2ccd35b8e7635","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ab309abf464fd85bb1f234aaf8a2ccd35b8e7635/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.dcda879b.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-mU0oDBFXw3Gia6n51cH8Yf85zcCCxaB22HlGCk0/jY18vUvkFvZ58F7LQNqislaB8+0VTS1OamLoblINWaJ/3g==","shasum":"b5c73291feaf30bccda9268ff8ad0571dd540eb1","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.dcda879b.0.tgz","fileCount":16,"unpackedSize":66623,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHYhECRA9TVsSAnZWagAA/3kP/jcJFCrWQSbb7GuOnxA8\nEAjA99UhDsRezvOTT8PrNpsC4I8lVkMH18s9pGKNk3k9Y/qrmNmYx0XfgTJG\nuAEYg7b0uTx/ML8x5SQ9STYACh1jg6K68EP/U9n+dydzhXPtyPSpcnMm5q1F\n9sqo/Z11iBZoxYNz7CZZ3OBq+tzPSXqqHBey8NXkCnK+CHp57kPWmdB3V7/8\n5n1Y0fcxk2smWeKRuUGDQsk0ucRgV74OF66xOlLaZllRxPbV6inH1Zhm2M9X\nZDV+JNS3ZgIfDqi6MJSu71O15PdPDQg3SB0mwz79zX/LOsnYD/xcw84nnn3Z\nGMSbhK4NvZtDiHrtAGHUT4fQYfVgUWSz0pon7u8EiMb49TKvgKLC+mEwbSwW\ne6Rd20/GBwHCN9ySR9jlvDbEKRZIGMp4qpQXcu31dl4KzH3KjBHm7Q5vBF9W\nToOfSQYkrLGlbQFwRq/wggvvyupKz8hHoHFUFeHJ9VtQ870PFO/CzGTHZSfj\nXvZyPW2P4VRoW+ai4WlmIWtpTEixJa5f5jDHmZgw3Yxm+VhMHndRxCWD9XxS\nSL2o7Y2v1DN8t+uqtL3Ltytln6mJI3W1sMUTOCzYs7ClfEnFpCTqXvsAE5HH\nWAGMWSVkxIiYkUMvnPB6AdaGAUhAXKuwdJH1YRx1+VQNzwm4xRx3PX43gojk\nKWXw\r\n=sgb/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHwsyoYUL631LM+0H1ka9kh4Xf+ClNT+Xb4vXP1mhz01AiAzNEr81Xl4DdBjAnf19SLbFp5TGLxNbd1w6fVYjpmd0Q=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.dcda879b.0_1629325380016_0.4677999240838706"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.dbb8b366.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.dbb8b366.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.43d2eed2a.0","@material/mwc-base":"0.23.0-canary.dbb8b366.0","@material/theme":"=13.0.0-canary.43d2eed2a.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"9def9b810923fb3cf5946b62d7be5df5ae926fe6","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/9def9b810923fb3cf5946b62d7be5df5ae926fe6/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.dbb8b366.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-LSGVeY12FlV+teyref3yP/Usa6QqlCCNBz6XFQA17R3zsYUKOhqLNT3HmLm5PYLzmD+JKGANlAxGj0HNS0n34Q==","shasum":"0958bb3154d51996cbc5deb0934e503967788a1f","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.dbb8b366.0.tgz","fileCount":16,"unpackedSize":66623,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHuJzCRA9TVsSAnZWagAARuMP+gI27F2OQzt9W0v50PMf\nbqonJvLNHSYPTuZgJVR5rHB2Uy04Sv2l3INU6N8shmR6/8IS/qiHdwflqUv1\n5Y+3oITqVKaXYQ71qgunjM1ai1aGcsdDxGUmc7xvhAVF7CUou+iC0v39ep+k\n8+XaHukOt2JubsAG42E8Ql8ZPBCakVM+q30L4DyLaBYHR7sD0tDvbiPR+ZBm\n5gh5/F/rBma5J0Z1x8ToKGq7oLNfVPA7FwocH2YDLm4NiyzsPkK3b9ap1eoZ\nbOsbKntiM9hZ34woH8z33wmuCUjlNV5aO0I1OzTYpYRJNBQCVBG8c79gqxZ6\nzB/PC9pB91c14AGljGgy4c6b7233IO5srF84qLsvmUUN2g0STwo9as202b44\n/ishNv6yG+R9nIrDbIq0Ii0/0AtgtlzIEOB3jah17x5M6bcR0vAaMeR6mYws\nKd9Yw0J98vhWME5gvCowk809Fp2ZVloGkVE8/Aywt9eR6pmOHB4nQ/ctNUei\n30JfqZh8VxbjUHM5UOXmL8h8xF5D7yYlAtyYFHzHqC+kOWeFtHe24X4WD6IC\nPMLhSL5R0cvkObZRZ6vx4FQkIK4/qJdZAVCZB6MTdytm6VvhkzB8WII2OQEj\n5eDn1iphsVIaDpl+VAvkXhhSLA9m/pKv2wS7NUvirjXgvnHNZ/YUEFT8qGug\nyNJs\r\n=5B3C\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFfkV822FnRKKeyC11m5iB8VuYbyoFEMjs1k/0lJRK83AiA8ZNK7ruMHXDrE4E/VqnF25Je7+Ev3aySaiMS2UZBhFA=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.dbb8b366.0_1629414003801_0.6934402776041533"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.c6e3060c.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.c6e3060c.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.43d2eed2a.0","@material/mwc-base":"0.23.0-canary.c6e3060c.0","@material/theme":"=13.0.0-canary.43d2eed2a.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"2c417f32674c7318ccfdfa842a3a2cb3d57853b5","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2c417f32674c7318ccfdfa842a3a2cb3d57853b5/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.c6e3060c.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-fvCM6BM+l1w64FVtBWLKM3WyLj2NP37CmBeta8A1rBa4Zmzo9BqIs0E9YDTmb8X+zg9bTj8jPJ4Ytlbl+bUK0A==","shasum":"76af8d5c323baa8e1fef14c3546069a0d10ed0fa","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.c6e3060c.0.tgz","fileCount":16,"unpackedSize":66623,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHuLjCRA9TVsSAnZWagAAZPkP/3jSesDr+nGVy+ciLDFn\nHTCIYUpH4WMYwYEHjPeLBgJfIlVatdI6FhAqyvrSwhHKn6gI3Dw+zTIK77jF\nqy8aGe/WXXWyfv/lsAG9EPTJnBrN4sakXNvmZTnyiJEr5Ppyctwdebh5KzBh\nTmB509ic94cGfcWjsgjxMM4v2x9xGyhuhyCBCRn1LaTg0itoNaQ7xzXw10DB\n3KhD7gPCYvbwzvzsZV5oJJi76xTrWeMtTm2YAwxQ33AS4C3kd0TmiSTVACIH\neN/OAbSagnaUJEjTJxZ/eFnxoGc+ONyzkP42H09+DNTWStyZ0/3R1+6Ccf/C\nVSSx0vmN9VoxQ+j2q/GJwnuDNehnrBtJWfnQWni6/ZfKQyzrT2/F6hdYTKfl\nrZ9Ubo449HQbkKGKBaYUZAc+zl69ol2EzDL+mkqM3+xA+czuALfpsolZWUFc\nbc6kvr6JX7ch66T7P/i4OR93orOtLYe8pn27gagSqItKil7G/dmpyQxh8wX4\n9yq9W7ZpXhoclYKtD6MERWjljw10E1sBiWxCAbiB4lASyg4krxWGJH+qujF3\noOhJkpblcGbHZFjmVaDLEJT/xqqrC1yOozbvz61aP28xZ7RWkPvE6oAnjqnv\n9pWe2mFP3l11O+UMlSpQVXuVhtaDB8zTL30SokpFveXt5FRAZ2rGhNHd+Mmx\nmi0f\r\n=pSrU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD0SsAOMzHNF7yx406KA0MHhkJcQS46MCLuDTQMpLBM9AIhAJLJi/KtBjs87PjtzLaJBw1P41qnI2cMTrR96zrVpuEY"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.c6e3060c.0_1629414115508_0.3714673075056716"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.03120b7d.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.03120b7d.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.0a9069300.0","@material/mwc-base":"0.23.0-canary.03120b7d.0","@material/theme":"=13.0.0-canary.0a9069300.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"ba0dc47ad891e00a21e2d69aec6ec4c6dc83e003","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ba0dc47ad891e00a21e2d69aec6ec4c6dc83e003/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.03120b7d.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-W7dnCPhTCgG+7fX/ym2eE34CMze74XGXpF7B0taS40VyB2QCfhJi1yevuSxSAXk+QhsAJo0ADuVlzSTcd1a66w==","shasum":"edfaf4813bf4d2e4073f677f8f48ea3cb4f60567","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.03120b7d.0.tgz","fileCount":16,"unpackedSize":66623,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHvbQCRA9TVsSAnZWagAAcewQAIyaUktfA5i+Fg76Ac56\nFwKJt/sO2kD3K4ZLzxbOwutLLpVkByWt2dSjbbSn1LDyCd9c0wKxgEa22R4u\nXSfBZPvF9iUzfUas8bySPTngLZ8deC8EqcHg+NjG6tdRMQdAvxCSJgl4kB7T\nEXhLAgozy4VOovQK/icy6jLiQogh2DvpCg+j7x50kyR5yGh+7JJa6cYVfhBv\n57aVfyzJPcoCGckyt2IS0mCDCDytEvVLMdqLcfdDxMeZuKj0wVpJ7F6yvCvR\nuIYsaishnhsu6GCbI3FDmrAL3MDBAhIdD/Y1I65QEgma2u2sPheNGuMXljvJ\n1VJujRHXbJAV+uSqEtLkvruRuU1jKRG3bNQiy9Ze4oY/42zyReh/9lolNJM5\nFOKEgSdkJvjpJGrGXxpfXem83rMkDWNlm50CupPbFkfHAV8ugTauyPNYn1cr\nhpztMV0MT59EhU+ahDETmqPi5ejDQdw7FqzWjXQ6XJOW8X0OYEzYUaWPk4ye\nLvShXnlxClwN1Itw4RlBNCw0kGl6yWPSBT7795YaV8zwmGY9Ud15+Oq/OihH\nHoRnPImC8zDXF+CwF9YnvYydaDWcvNU30kZ9V51fFYB1YDj6cKY3jjZhUS4M\njX6v/kJg2V9IyFJL/MaJHpyQFaK9LJZyl45a48KBFkl+mPJzC3Xss+qomfX2\nNrd0\r\n=PJOt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEwhETSlBLLgP3Y+9Vvq3b8kecnM2ugrDADfGdeIObpyAiEA1fKdySxVNHLZy1IUjT7VvqigR06qDuleh6iCWmphc5s="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.03120b7d.0_1629419216542_0.5096446287468928"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.d75a5f74.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.d75a5f74.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.0a9069300.0","@material/mwc-base":"0.23.0-canary.d75a5f74.0","@material/theme":"=13.0.0-canary.0a9069300.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"ffbe861a3137fecad60074a6f36ca1061f940cf2","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ffbe861a3137fecad60074a6f36ca1061f940cf2/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.d75a5f74.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-Yp9WdsuaQCdllM0BRPb+bBxuAuFFRpsf7u8mbS01n1Axj/hgtXiZsUR9DRT2FWYo5+IF3WnS7/zjdjbQIiCn1A==","shasum":"a56be9c2515f169bf435ca9960db6ac1879c4dad","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.d75a5f74.0.tgz","fileCount":16,"unpackedSize":66623,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhH2AOCRA9TVsSAnZWagAA8dAQAJLySHX6XZ5vLUSotMij\nbH/8QhIt5GEc4gWrr7lA87ZpnSviTRRfqqzArdJ3DIvwSRzesUo/11g8EPZu\n1suhbe3RwYZDjPeW2zPkIXrUFQI4gi7X+qgKpPZSgwDaRjzGSgI/K9I4eHMp\nRln9YmW//gaRyspFqKPXZHUqPHMs8w2V+by+jDn2q3XUMNaw/FIXlWIlz0I2\njRm/mHU9OYAWzwFQ4orgGczoRT/r9ysqZ6HcwvP8ANHerA3gegRqsvYVMjU2\nVJ9ncJaRr6z6K+VX60XCZH2nCTCyVIJjkY8EfBWsjNL9yVQAIIL7itMujtoi\nEofCa1hb3eG8ZEIcOazQDGG7IeVGVL4yOMHIF/jDAilT+RBARso1/3GRtmxA\nuaKhu+xL2wZcxmY2wtf3whOGnhr80mYa9f7Tz256duETYhs9mFRg7TuKZ9Js\nqrDIdQxXy1HVXB4ACtk9LwJaM/yOMOfpZswaj6nsgrM+lGBPVK96HZPPKzKq\nYfYLc5pb+PBOOJaf5WxmGyz1cEtpwYjRnBgzOxdMHSaWnCly5S4tomT2kt+z\nn8rieub7ADZn9eGtcgukbsP3GlTIRGurLtKXZSmXLrM0AhnVdH3KdrBp5Cd+\nfzsC6Laeu2Yi6yHUGv+w2jUX+Ir3GDej1rJXVKWkPa9TD4NCoP8G5MUCU+yp\n6PbM\r\n=tGgT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDECKvxRIpoBHbTleRS/dTNNIVzHkzPg/N4NYQGmPif1gIgLEEqkmgVzW0fZzNPIVTEg9rnHzHij1y29zAVmFbmKiY="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.d75a5f74.0_1629446158194_0.4964222314332454"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.3d79ffe7.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.3d79ffe7.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.0a9069300.0","@material/mwc-base":"0.23.0-canary.3d79ffe7.0","@material/theme":"=13.0.0-canary.0a9069300.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"4d51b5574d0d1d8166f9358a39a5d3f2b4c728db","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/4d51b5574d0d1d8166f9358a39a5d3f2b4c728db/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.3d79ffe7.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-dBtwjeQwHEhEjDyoyiBA8Zo563TUkELKZnvLxW91FaBitp13wqeeidCALYpeSLCjeIdTzlyYC5PaONwO/XtafQ==","shasum":"e67222914be3f194a848d707a9c6f2c768224ec7","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.3d79ffe7.0.tgz","fileCount":16,"unpackedSize":66623,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhH+SGCRA9TVsSAnZWagAAXIEP/iOVyKmAFPpLYLDP9x5w\ntQxxuD97i6e8yrF3iRBFt0h/Cf1Zy4mtCUF7AAHI6piVHETfA4CbhoRHGLBB\nzDUq/Zg6BRlonucOe10JIulNfRSfh0PqlCDP4kIjwofD/XL6PVTORhyEwMEC\noR1/Q7G0jrE5WU+F6DZEUTVdCfQtQEa3zpmApsatrejy0gvXnRzr+kLII6P/\n6ZYTGLAyD9MGfZgs8FfrVZS2owcdGGefevyY7PXONpR3UbE6LZ6MGAACUQtg\nS6BKkZDzVJkExttj0cRR0AUPAdsL0kJIKiRyCJIa7J5KwXktnv5DJUWfO2e9\nGsDGz7ERrhahYIjUhoInTd1mWcKdWCwYMb15jIDzhe6t40/IUS97oXioE8IV\n0yjbolxkJ4WEAUTlYW4lmWT1kUD7XqzDK7V0tj0JIRw1D/04ko0UM2/b/N5k\n8qBE42VONjbhdgMTTApJPNt+eRo5Cuf+Ke7Mw8saeC3kLUmMVCoUABY1zg3B\n1qJw3P7gT5roOVG9DN3aBGBqkbBBOvDI29HvjQbZWA9S6KQWKwQUVL/bsG5d\nhCQTYeyhFQMDkHlk5TywhFq3BT8vQBRfgHYUczNLZG/Vdf8+Ndvq02jxKgnH\nDHNiWK+XKgks8yirBj4ggomADU28n156YPmz0W2x3DjQeS70hXtts6C1vuEq\n8pCc\r\n=xmd4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGLmF5rOLdshrrsYP6yvZStoOlp9GN9fb/dF83x7QiFqAiEApSWDIWPrhVu/HFzqFM0P3tgcsA4WvCSHahJnmWIIH34="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.3d79ffe7.0_1629480070221_0.17029059840123417"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.02213ebe.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.02213ebe.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.0a9069300.0","@material/mwc-base":"0.23.0-canary.02213ebe.0","@material/theme":"=13.0.0-canary.0a9069300.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"fb5a30909287b897d793fe4c7cfca2cc93cae697","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/fb5a30909287b897d793fe4c7cfca2cc93cae697/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.02213ebe.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-8Uh5Z7qegbnLRIl4O8YFggGkv7sDJAHpgO8dcC3ix/z1mr+OROVSB/lpkQxO1PbexaZG49MBRBiZtIo/zRbdqA==","shasum":"609db07b5cfb09ac58b1eb775d3c56c50c023c58","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.02213ebe.0.tgz","fileCount":16,"unpackedSize":66623,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhH+WgCRA9TVsSAnZWagAAQDQP/REuD5ZjkcVmFDsVno0x\nNwb5lxkl+ZD8R3phMKJM7wPhgEhVpbLrK6HwPdvQ0e60n4kFQW91xcTRIZ7c\nCQOI9EyjPeXHGt032lZBdoD8zm09dz1n4PBWAepjrCqNptPKPe0QJtdJdPxL\nuMhleoeoTWr2zEDtnAgjFZDXhBtDeiAt3net2NPURR8Q8cUFvMxCNWbJtf3Y\n210kA3wtc2rPBjsTxQygkuJx8Arvwgsx6zgUyjs3X+iyZeKGCLgWCBIcTiAl\nheFRS1IxSrQtdHXVzjMJMxgfyXBjHLYb+uqlhcfymBxcuNIyfxOxg4GW9Q7q\nH7ROZLL4OkiR8C6jskNrZDh0Hgw/wdTgxjWNNS5YW/cwQtBqJwZlztuT39UE\ngjlSR9tYiaJLRmLro5Kady4tLy+UcO7YNMgBYQT+O8LviUZZs4xx+ef10IBk\nj5B0Fssr3YmNzoId7taS3y1ckovKcy2Nj052+/efBWE3soyq5cRbvEcAPne+\nkd71TrWWglwB4DtWeg+2fXQZkdHaL5Ua4aJgcJvMw3qZO1t+shIH7bGcp/4A\nkHhVIK3yOfa+6D3HB159XzNSWIJtqC1nkQEqPokelMPoTscMbWx+s0Z27L4+\nSqLw9DacYfEXz4cb1ShLryeB8Lp29hmJnMrvPZ8hgzeA5o9JvY5bssi8nnAh\nKZie\r\n=uE9G\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCgxqL2o/aS3uJsuDTHJrtSWCf5uIshX/7YVjGubnO5SgIhAL6W+S2GSvyuGf1X+1ZFtuuisjuqx/pAL5FlZKuDFgqk"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.02213ebe.0_1629480352277_0.5951604555142944"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.90a999b9.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.90a999b9.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.7da413ed8.0","@material/mwc-base":"0.23.0-canary.90a999b9.0","@material/theme":"=13.0.0-canary.7da413ed8.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"2c4d7acf2d3387438092d8cf5fa7ba37ca3a8b8f","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2c4d7acf2d3387438092d8cf5fa7ba37ca3a8b8f/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.90a999b9.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-JJT4eO56b3Nfagc4zOYHNDIlidgYogtRa8LkbYOkY2HMrqTyryeTAyWUmTndjTboFjwABF51NYCF/5K5ihCJMw==","shasum":"a68b677b3bb09a0bf084e712e6e9f372e7701470","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.90a999b9.0.tgz","fileCount":16,"unpackedSize":66623,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhH/eNCRA9TVsSAnZWagAABZMQAJF2vVXp/JTaAKMLviTA\nc6cDDU0bBWWRRk8ZD7hMf+4VnUXkafqqmAMIWVXZGyGl74/EYHXxoJ4hwomw\nqHKerizk17B1cGTg9RTUx08YUveg+66hQs0xynAZXPvWCgMBH4lMBiswsU3e\nqGez+Hm068OtSTG8U+1Dv8b9GOjaxaODkPEEesbvx812krJF8rVxwkpAz/JX\nbbkyixv1D23Vfg3NnUxIqQA+9Uv4UjF4idDbwHzxRrIStbHEDyCsde2ByQiu\ndKG6ib3oBRuwwHRpalokftLvNyOrrdJHpvOfc8ERnhfqCQVNxQnr8c8Vqu0n\nM2G8RSWRXtrEWYEPbrp4oZmyl0nMo29I1S8c/9S2wjRhjBsyi/e/5Ug7/NhS\n1xKVLqHvLR1xZHkWI3rwOwU1SjPm54qjFGNM260jfExM9DLOkFpXEPcWkIAd\n3Bj2iJ2jArUqfXEI7Kr3s0hBRPZ0ankKJRqYQLegyeF2z5pOp2HouQr6BtUx\n1uWcap29+lZtHV+QwZfSxt0ZhDsOVeEj/Bq2/3JUXu+gdfKzpM+9fA9wCsQe\nEI6GtCrhUR0PO96uBHSj3SO6dzuZuIfKdmYSMbYIG1yoQhpMhNvdA8cdQVyD\nUmEm9ATexoh0nUhy5T7ZrvRJASttz5PJ3gBy1y9B643qV//TYgnpcx6OdtIs\n+8bG\r\n=7ek/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDxRHLqrcwUkyGOnTcXLx9oB+2pgVIp5fJHlekZRdmk6gIhAJzLtQT8J4E5KkByjYGTTFw3z8lMbLUUMhhxH5F0Bd7G"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.90a999b9.0_1629484941363_0.2830126148204253"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.6db58716.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.6db58716.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.7da413ed8.0","@material/mwc-base":"0.23.0-canary.6db58716.0","@material/theme":"=13.0.0-canary.7da413ed8.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"187faecfb35a3d9f67ae8a6ae1c83b5f796d3158","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/187faecfb35a3d9f67ae8a6ae1c83b5f796d3158/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.6db58716.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-la8utLPBUsONo8JwxjOct3/SJffrhrBGOBxZfxP1LI07Sp4odIdLmlpc7TB4Re9NeS5LlWFiZadpkIadhJFbhw==","shasum":"230929f6d28cb7ec3c09a9f1f9ba3def2e87df56","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.6db58716.0.tgz","fileCount":16,"unpackedSize":66692,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhI2VSCRA9TVsSAnZWagAA0jsP+gKMm7FEgce/A1qBKWRF\nFAELAC/2sOJ4yXS+Q7XQ7VBZWVliimL3IrKYl+QnPtdzxneFGAsQWJM9QkWk\nQAOJ6LyMqRLGGRNzYhHkcRtfJl9FMm567MiWvhrkwb8nZaGx1SMcBQEBp05G\nOC9hlkA8FaCbsqt/Be6uLSOWw0cWzCDyX9NNVNvCo5n6/pUQIQfoY8URr815\nj6fRC/YAPtAVjK38EwQs4Nxq1FrkkCKGmybSJ65mqF5pidrdGDorANHPhu21\nUCYkbfZ2IhTa1TFDenN1GRhJwL8+koIXYRvaWMHzssO+zY4UoNERZcRwIYgk\niVnQhwsqQfe8MMB4yU2dUwetvCNG1aViG9YKj/kFQBi9FYIGKecbLO8op+hV\nT727d0zCpCH4LQyg1sEejSwEYHPNqSBwdFwAHa3x4gtFiCuG6bMTE9cQQxI1\nUCqXZFzwfvvRTVST4ypEdcLNmBXI3mDBKeIgjxhiA0jIDUouFZLiH3DLDUzb\nxZU39/fY9MtWmCZ/hjCm8mmjCHPthAMKA977k4ZPI7ZfvUiHeDy3irmoL+kF\nt2rfktwsKXrFXiULm/UsxtLk5Fgc3rXDA6Cl4D3Ez+Usd8isUWujVNP6PYer\nWFJjvyoMUHHt9hdpF0R6v1fx+Bgpb4yuUSW/+1/CxFt7O8rlSs/WMyjrzSkV\nKMp0\r\n=b3XK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDbFFyznyBNH8wrGo1g2hW/fjWo50GUwBAStYhTHeE8DQIhAJX4h+l0KlPEyAxu1Uhk76/BFimxleZEbXhtgyCCLwDY"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.6db58716.0_1629709650655_0.09613764978074135"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.9fb5bc35.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.9fb5bc35.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.7da413ed8.0","@material/mwc-base":"0.23.0-canary.9fb5bc35.0","@material/theme":"=13.0.0-canary.7da413ed8.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"492fb41175c44033912a37c69d8362579b70d081","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/492fb41175c44033912a37c69d8362579b70d081/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.9fb5bc35.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-n3loC0DHRYz4lhCHCGI+ftq9PCao/XH9X+6yzSLjMc/SjalQU/BuOvfyC+Y2b78oOaGjxfulHdRScXJqftSMSA==","shasum":"20a1406aa24ca281c67161fe139d02119b6b03f0","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.9fb5bc35.0.tgz","fileCount":16,"unpackedSize":66692,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJCYRCRA9TVsSAnZWagAAQWQP/R99CcK8GIEACQomHXb/\nNpzSTdCHn/IZcPwbddViLA3okJNt3SLBAMQwrV1ssgT13SeX1cxsqpv+rch3\n53wTyf6eLnRSsPQWDEF49XVPFtoXkKq7OBjQj6W2s3mX/PjuO3AyXW7CJZ8x\nO9dw+1w70cjzBYAFpP3m7Cm4RjPILUIXQG4VrGlnY6gPQQjIbqM5lPprLBS0\n6/1QNP0wKITvb/7sBL9sM/cegzW056S61z5LNbi3apez4atfemtQGlLKQtiP\npApLFEwxARzApz8GKmpnZuMt0ln/iEgMc1GOpKqQqHEMP3GnbrjDqBa8JWlo\n6O/072ddx1PpU4/zq/9BnFn2cdyk1DPwl+q2zcSl1EfcgkB5emYeCEGwcVn2\nR61qzYNtBidtfUtQzChdQk7MoI7KtfbIDJpqtHMC0+nn5R6/s4op7QjiKN5u\nCGn1KdkaCdknaZp2a9JNB9kThYGnIC5LrwAdGRCFI69wf/NJ7RLUZeXyC6Dy\nheo0P6sp5OilXSNeZktvOyfJ/3xlHPKV6gzQlahT8x6Ives5OaORaJbw9Use\nCpPd/AnqpcNkcSfjZhm5drdFKy12OCwgeGUwcsVx8Jn8bjfgI9CFsYOHLYPa\nm3PmB9yFf6N0JKMvnI/ZDL9xqhSC7UZWe6rKysRPJj3md3rNykANI2hsuvtk\nG6YP\r\n=PKpV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDC+h1bkbN1biJXn4FXYvebCXWA0Dl5JvdH0D4zH8xL0AiAXkuC9LgqhAeiy4fbHuPrpwkvxbO1j7/LDdYX94QPusg=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.9fb5bc35.0_1629758993612_0.8283902994952346"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.ddaa5d8e.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.ddaa5d8e.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.15981e9d9.0","@material/mwc-base":"0.23.0-canary.ddaa5d8e.0","@material/theme":"=13.0.0-canary.15981e9d9.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"b75a351219e35d414333913249ef19e87282526d","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b75a351219e35d414333913249ef19e87282526d/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.ddaa5d8e.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-0VctToPeUzQeW+zRb1qE9wpYHOVDr8OgljwIqif8ugnvVtsOSJ8TTIga/iTxJtO+ZS+n1tSEs8iTVjv7dR2c5Q==","shasum":"1c3ff3e50113951b3bb5856b75065fac122057a9","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.ddaa5d8e.0.tgz","fileCount":16,"unpackedSize":66692,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJT86CRA9TVsSAnZWagAApBgQAJ10O9+mY6Y9ViazxXcz\nRDaeZ9CgzZLgaam1MO4OSHTt2psMZAR2r2L2jKJES5Jz1Eif/5RTlSRK9fkt\nOjpX9Ehs875O99lpqY65/Hth9m7dQJx4sLIrMokNedvqKLA1Qh4PM76McxUp\n7a27eIeCQac4dh2HGult85YnzPFtM2yySi1zAYN+zKbbNFYxMVTCfuFfMZAD\nSNciCkmwH0bKR+g0ObQyatYk3ES7QwqSdMM5NnEEhbG9DMF50OP4rWj5lKpr\n/II6lGiKgrunoTv4zNm3y98A41XnpbUV/1qWVHe9EkuQvhBJN2c7I8Rq1vTC\n3fF+PNFsDYLdpz+8wKCgLqLIwhdcWwLaV0FumdlpLcIgnU5yG+atX2CzoGm1\nYwZHnhUXYebz+BllLLzsRzZUVS0b7A1+tuMZNo+VvnJyOO3bBxX/pCiO6nzb\nnF+INXUcVzXKdS+f9zDIkowD7i1pnPnP13P+OHYg5VKLks9C7Lk09zo/w3Jf\nM9D/1AErUiaLNs5xvk20RRJ8AyqW50yt/nq8nlv2mDpiitQV+5lfrh/3xonL\nDJO/QrZDfskWxppghebLZd+L01pwDlTOyZ7b7QqPgZhPObOBqWI7igF61kyq\nyPmnGR2wl+9iIrCs0w/oiiCl8M19Af4qkD4+gINQULiBTczq5cmoAGxQaQud\nwpw3\r\n=+ddt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGjnzsvBNzA7uTfVdHmRYLXU6JrtbTKjTRm7Kj++fWOnAiEAoigB5Z118hxFhPFb0HYf+Qnn2L3nr8mUyEp39k2i2Ac="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.ddaa5d8e.0_1629830970102_0.8773026946148095"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.756208fb.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.756208fb.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.15981e9d9.0","@material/mwc-base":"0.23.0-canary.756208fb.0","@material/theme":"=13.0.0-canary.15981e9d9.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"f13e06c94f8ec287642a6c4a258c32f5be7a17e6","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/f13e06c94f8ec287642a6c4a258c32f5be7a17e6/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.756208fb.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-u5n/IeEa5V5ei/FTAi8MmOVAXAtlIwC8Bjof5w/tR5tVGZP4th++rMzITJQSe38qK/to2UR4IqsN4GWgk3vpsA==","shasum":"9ecf9f4639bd95d8b445ec9ac8d15af5191c9e65","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.756208fb.0.tgz","fileCount":16,"unpackedSize":66692,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJp76CRA9TVsSAnZWagAAl6kQAJltXEnHDPI+OFLFCnrI\nQhmPv24LBCpH2RlJMzmQB+WDsRImbI+ZOqG7LmYPv5BfkSfijiYqc8uZrtVY\nBruisM/oHQKTpfX1djMy5b4yXnFK5YjY874m/dJBD5WdFzQyF8G5azY+sB/a\napnINTn+1d1y5JnAo+4VFHc/2s6Z9Z4kIfPv1eg5QHTrEGfFiHS8SJ/qMFNu\nB3O5dMtOE6h+CKCKJ+HNRMbMrwVc0H3dL6Azu/U9ktL4uG6xXyns/m7pUbOi\nS4TuD4J+HqUBb/hD8C7YmTw8y8Vq8CJ3J5ORRbwqYY6YdjWVWw8YU/OmMeiC\np+hxNKVTEQHg166x/zzo3tP0kw3TFhmaV1mfF9K2GwgpdrGIg3k0uQ7jFafj\niw+f/A5kcZ5d263MUrCutP+kL1Et8P25BQQi/ywW7RWZ5jvHDqR2ADYbX89J\n6RcvKUEjCJDKQB+jsv/vVR8ObAAfkwHPgKjMaVLeDM/enIU4Vc/O5nCBYxnN\n39Q1h/caQNz7TsbbKXIuupVSFv/KtLv5jz1yocKPiGHNW7cLpAM8HxSrYzSA\nxCa6m2aEU0PTcFtQIPPAhBcYozk/ZLUiid8Q6AFfIZayMMcViKUppjUv/agw\nLwnnEF/qwCMlpjruMpLMGhG4MwyNgTLThxL536b+cf9rdk+mh5gvJY/K0H5n\n8Qer\r\n=FvNQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCVJB2LCSWQ6nDiWkwu8ZEYJqLgMgWW7y4r7eDRmj+T0AIhAMR2YkVvhNdpmYQD0c3/J0wyc/7QSm70zwtOJlurndvD"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.756208fb.0_1629921018539_0.3471666661161632"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.9576dcd9.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.9576dcd9.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.15981e9d9.0","@material/mwc-base":"0.23.0-canary.9576dcd9.0","@material/theme":"=13.0.0-canary.15981e9d9.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"0d9211bc7f0c9c96cb4dc480ff59ae633f722977","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/0d9211bc7f0c9c96cb4dc480ff59ae633f722977/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.9576dcd9.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-SeRSRJmLYdsHIOquryRGnPStuFVmn5kQM2pvaA0qJhjsNByZCwewtLN3+CRKT6DQEZ8M6jt5k1Fd6P284QKXlA==","shasum":"04aeff5e0cfacdc899b22c5cc4e46fce5164dbe3","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.9576dcd9.0.tgz","fileCount":16,"unpackedSize":66692,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJrmOCRA9TVsSAnZWagAAc/gP/3SLOh5EEFd1sYHwdRc2\nKATTqISUZ+5rdEfsA0H26PYFKaGRwMh9w5O8Re/ob0zc6eo+dSaM40qBEwTV\nWq7ois+jhmyzOKcxvUyxKySL8qGWdxn38PhDWKI7FVPm5vWnkoWzNQG38+Wp\nQqUqRRUnkp+ROvTB6zk3hHC6w7IpHAHjx133YQPkY051AfoIgCH25TzuLXAe\ntfhSeA1tyJeTUMAfKDQ5qkDQR5+qSia5XtoSPd8ys4vSp6ILf01End/giWFs\nQqQN2zjzl1ygYOdnCiMVf1QtSHcL2FjCVp2WAQf8+YYOdZQKgaKYgSJ7WLkt\nT65lXmaq91hqM7/rIwf6cdDPq7aWwsgHKR+Ogg8Jw4AfbOziywkONAONTyNo\nQnjz9eRLeSzZiJHhNrUI2t300r+BX2hJ/Vj4XftXfr1C7UmkBF1NK9rGuQ9W\nsUM5uwVq2zfWY31ckssedT1zvf0qsl+h2yMRbh6qk/klgCHHj9ITjk1y7Eau\nQMvniJHevjxLbjXBnrGi+0yTkadMf6VZBPoqPrRG4Y3TJD/GKC0JuZOaIND0\ntvnj6DIYugkEfGs/+5UA5a7RBUK1Wzj13DCP936MBZ1d5sFsUBWonRXrfsoW\n4rVPfXOYAs2CGNjJLeY6/2pEBd2vPHrYKPxh+Cicrtlgzau0D0sBscnO4JOW\nxZ97\r\n=Il6E\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG0hdEMgi8tGQQNXcnzt6MHPOXLbdQnP4TAANvfVWlnIAiAyToiFxAoqOf645BFvS9G/4Ew5+lGCEGvuGOEvQaYOdQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.9576dcd9.0_1629927821842_0.5820120115442795"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.7531cf97.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.7531cf97.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.15981e9d9.0","@material/mwc-base":"0.23.0-canary.7531cf97.0","@material/theme":"=13.0.0-canary.15981e9d9.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"1baa3308fe03250097e96c18c61446a8c8014706","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/1baa3308fe03250097e96c18c61446a8c8014706/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.7531cf97.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-7wuDmnLGEuzjq3GU8fuTPIBX8H2urHzfZ/Kf62J3Ww7Um7AhDjIWORDfXv+purKOSf3E60qT6FMijnXoK8ExvA==","shasum":"fe880b01f8854820885c679161c99988e4851139","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.7531cf97.0.tgz","fileCount":16,"unpackedSize":66692,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJ86iCRA9TVsSAnZWagAAWBwP/34tPsj1i7Ku29JV64Cd\nsZJpuM/WApHvRAV+k4NgIWiVOzKm6+VRhGWV2HUdHtHiib8joAWDwwcFznYN\n8HdEJyVCpeAGGbwckq+A9wtVvEpOSuL2CeNAQE1pPRQ/mY/8PlIvQcRFX7KP\nUEWRDkmucAg6ky/WPA9NzcakBu22gqr9N6SUdMwfbGIIiY7QLO0LOdqvzn7X\nyCR8oh3HtPBbFVlMON2f4AQynDsJpvSduyipz4DdFcmSeYY0Xx9m+tHF38ry\nNJDEBco2aj2Tjcj/V7UYXMk59O1hlUkYZtrxRPKZh9XtBP/Z5EsWKjaaKv4s\nby0W4VNrTKGxPuUoQJWlgzELDf3F+lJA70nqvqgbZ2Aah17115Zninzwe7Gs\nbrEWG7ezNOUzSK6/B7KUvnOfHRakjaaPbVTTVdfODn812JoMKarAfH0V95LD\nsip7I6LyRfr37na4ueLy3XLeAA5lpz4plAi+42SkmEB4LQBdEG5/6raJL7uH\nJsHExeyGf3ocEY2QFpYv6WYoY2NfKKfCER3K5RjCxQkSs4flgZmtwppL37O0\ng93lYt6fm9zGKk7OzVCLDrnfBJlJwCG+XqBlhPw8na9/fF4H0FzKTw/4/4e8\nt2vDFr6GH7krN7m4bdkAvpA2ZEjKRHNgym7kwJrwvvl3Lkk2cmckwkITIerE\nrVxg\r\n=Ijlh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC83kVRC2evLAQnd81FHKuVbggemvpQ8KiKlPlV5G5BIAiEAnbEAzYXFa7cKQnxmiu6HR41R72/qL80dOZlf2XQP/ig="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.7531cf97.0_1629998753901_0.38543988428225084"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.3bab26b4.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.3bab26b4.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.15981e9d9.0","@material/mwc-base":"0.23.0-canary.3bab26b4.0","@material/theme":"=13.0.0-canary.15981e9d9.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"1637f7d8d3b8a228e1a957d94d122d9a840a63d1","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/1637f7d8d3b8a228e1a957d94d122d9a840a63d1/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.3bab26b4.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-Vjk5uARUadzlqcg1zwAxgZAFTXAd7ZyMxvNAH/Oc4Vw8aV1g3GkBiiM0kHRBaFZS5l+yYI0Pr5U1aYMCvauHnw==","shasum":"f9637adfad9f5f01960ebcd6d0bb1b708c92a262","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.3bab26b4.0.tgz","fileCount":16,"unpackedSize":66692,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhKAtDCRA9TVsSAnZWagAAc0QP/3XcUEKdRzjLf17tWAlR\nOmRpJ4//CejPyMbJYZuHmFPi04zOcHQJcFJjqA4lVWkt7wXhzk5TmR4jEu9v\nV66cOMGvMBPEBezpKQsvFlXfVcOvUBtdEOAo6bZ/hvyA/Fh7AWaQciIvnGKU\nOUuRDmSRDiviJfMpjbuAS9+RDuokt795br4ygyNps24KxmlDoUM5qHRmhNN1\n4EOXM/tfzPc9tJWKVWUALuhN+840OhFoZeHi+/EYJ/uNMKwTxsoXYwfst4yf\nuPPh1xwd3Jf8aslACznz4eJpai9JNadLAqmf33yUwAmeZ14fu+MRRA1TbNDf\nbE5e4mA/ZcWKxO43DlLqi85uFJN2/uxHhc6eSR8CPbSU7HLOHs3Voxq0Asbo\ndUUC3GH8vtB0JyrogN+rd2rRrMPOw4gMTS+qwQcmyYZWW+2dFipSe38RknF4\nrE6jlD9MzfKRAvm/vvVPdSMgXcL0grlYUW5YVFZlkEKDrXitInhNnU+RQ8DQ\nbnYHHf+0LBvoRdM5IF1DMgWlHE+EJZy7jSngr9KBZUrIMnozDfyigE0/t/ID\nE3NFys1kMGUXJlgSuNdDkWaAbv8hD/qk1YHMnvwZvOFCUqN0p1EYG6BbZ264\nQQPVajIrCfSUfP6dR5qx0pw8AvsZzHUZkfi1FEx/ugBQ/6dD50nBqNNIFRE9\n3S18\r\n=8dX8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID3djZQmFywbBR+YSFwfCpyLvqhS7xrNqNV2c6R3+FzkAiAbUQrcqJn3NtssBL+J+q39E0RuJB80lICPFoFgQ7caYw=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.3bab26b4.0_1630014274944_0.45659835393245296"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.fab48bee.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.fab48bee.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.15981e9d9.0","@material/mwc-base":"0.23.0-canary.fab48bee.0","@material/theme":"=13.0.0-canary.15981e9d9.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"4c3b20e414501a7103cbb2397163d4ed1c7d041a","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/4c3b20e414501a7103cbb2397163d4ed1c7d041a/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.fab48bee.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-KdX1D7vol8AZ0LpyAtc+SiDaZxWB9l7YQSk+XwOWFenBNR2B1bY0vL23V4xZj52LzzkSy7PkkgC3PfzjgeA7WA==","shasum":"562b828ef539f1f4b91bda4ee57f748c8922a86f","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.fab48bee.0.tgz","fileCount":16,"unpackedSize":66692,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhKBCdCRA9TVsSAnZWagAAFCoQAJR3gWY2Y4+C4fpDNIzv\n7AIeNn4cmNrBNDhhSqTlD8MRcrFWI5oQKuwG3EDr7dPX34DlWIZ747vt8WXn\nEfPHdiOG0gCDEEGXSwlX2UIFdbZ4L2n3KwKILJp7Nw5DQayQG1nH1xDyUST+\neD3APuN5ZC27giPj/T/nL7q5vwWZfQAQS+FJSCwk26ylb3rP82P0GyM2BQny\nse35oxdjBvTTHCDuYyw63As4dyv6LKWnHfmVVEadhcf8aGd75fCfw9MFO5dL\n/RmCnjdHtIH1To6N0xksA7safNW4kY/0elerfe+RMtYPWZBeNWIPXbM581I4\nJp+lt+jqQcANTJhHRi4lk7cLA7VD6PWdgEtJcsIUlS9YGejc5FzAlGaiTaDO\n5YOPNcT7ngvsvBeNc/Hsshj5sOuCBIlJyEk+WL3u+6ruaWA2hw2nRZh4f5Pe\nMvUD6xxV16FplcbIsjJfZ0tUQ32zl81dvxGx6EsWMD7Enp70kudoSJZW6H95\nCAkoM/5VCTGTtVMV5dSYmWmGI57IGvUjNLWc/YMFHeRIoO5PAiR3GqRoMFWo\nYlXmQ6KLSlYfoTqs/GtZWVawKpq25Pw6KhSSfZCBxzuwIN8Ha/z7sEIqsS8k\nITNbXmNrclWXYr1T+GKaqJ4l4o36fFHOKTzzh849/vpUFC/XhB4c1P2xT9fU\nowZ9\r\n=DXzD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDNnJlPfYprulvxJP0oGsOpsgJVWjUI8m2ib2va8mAJKAIgX7jX4aOJJ/noTFc9/z9oXv0Lxn8Swa9D7jyLbFCufsg="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.fab48bee.0_1630015644840_0.2533676548644339"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.dec18df7.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.dec18df7.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.15981e9d9.0","@material/mwc-base":"0.23.0-canary.dec18df7.0","@material/theme":"=13.0.0-canary.15981e9d9.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"5fa2a5aa7531af47c2a307010d92ff5fd27006c4","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/5fa2a5aa7531af47c2a307010d92ff5fd27006c4/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.dec18df7.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-cDpAlbsysvBWN3K4T5qaZaHJdZdUFyD+wrDuavSP74IvGzfjOxYlWM/87Jxxts/+PRaliMG6j3tFRMKwBoBnsg==","shasum":"aef8ba75f0725b4a1e906dabd07723e427ae353f","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.dec18df7.0.tgz","fileCount":16,"unpackedSize":66692,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhLJawCRA9TVsSAnZWagAAMdEP/2qXH2KCMugSxA0pfAwP\nYSTL9VJfZs4u1N4Eq4OzAwKnpQqIdAEQJTwe7IyyV7oEkxbPcpnrnhN9JnP1\nqKWCv9QWWsRNkeRakejkfVopPMywWsDTgdo0hKj4Vsjgp+SxvMIuigIDdxgX\nPVV5VBmV1SlhHZTE2BYAbSlJZ9EDC70mPqgFqsiFWmf3ZqoNr8SumMgo8UXA\nCMlvfbMijfQAldpQRSCpBC/fckbQd9XmrrVe4lq5g8o8rsOfy/VzxjdPl7pX\n+ehtDbGqbwRlsBtiBdvV+oH2jLjAL6HH56PlEwC4LQNR5pYVG8nZ/z9jIEMQ\ndpNM2HrhKEafuh1W8rYPMZfbWucrFTmO1ef1kU5ENKxelKTAtSEPh9uJxYfq\n+B9IGI/zZEQJBbPwu9Iuncwt1gg6WbdDwHWuXYgsGmtGqn0NDPqmGdCUPq2q\n90gzw8PxQo7Jw67MASES3wdnhPaZPwFJfoLpUQB+jV80pKYxymAWEcj2iRop\nFocmyfM0q/DF2Vx4nBizyyJcew+C3909rENB4OU6nA2BQDaat2rfPdPNQzXo\njKr+ACDQqr7CDjtOSsgg6YjfggPG/yCm3X9F6OjrLlZRuepi6hDv/mdmFrPu\n8nlF2GbhupCLa+pF6BKvnMIO9BaKL0jTOqPddU5QPPAJlDSvZbBDzvbtTjiS\nkOkG\r\n=J39t\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFLjj5aDBPjsgzQU2bdHKbt+/e0hRJuiDv84Ct2EjXsNAiEAisfHffUWaVuYixoYLFbk5Ctjyyr08OJuvVziX/rWAhk="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.dec18df7.0_1630312112346_0.1776786660532801"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.61fe5b17.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.61fe5b17.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.15981e9d9.0","@material/mwc-base":"0.23.0-canary.61fe5b17.0","@material/theme":"=13.0.0-canary.15981e9d9.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"8d712401a1af774c1e4dfbf07ceadfd36aaeb5ff","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/8d712401a1af774c1e4dfbf07ceadfd36aaeb5ff/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.61fe5b17.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-T8uobR0dysZo01eQvuzO8b+QgUjO42lIq11q5yXval5Z0Vg3Zc1yEnERwEsE04XMFOsaYXz9YBcTCR57/mKsXQ==","shasum":"59c9d1b9f8de272a4a1859b92447ab4787a0d78c","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.61fe5b17.0.tgz","fileCount":16,"unpackedSize":66692,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhLTFYCRA9TVsSAnZWagAA1tEQAKQfwrIYLSvYKGjgqBe1\n+x0SUGJzcESc0DHjP/u5D54A/Nkq6yHN2OAhl0ORbqA92TirBq0t/neNYUrV\nBMkMFbNd3LYxAVPY4cQqpAQxjsCDO5cMbDBbSLLvHuQyL6IwjLU5vwIluXOh\nResdR44AE1gsMLisEvdfjHx52XyBH7+sD51MCQoFhchpXKX9XrO8oHqccoKS\nBo2a5qOeDrXvYERJkD5qK14XQahuO74qxLMG1SPjWZIjaW0uYdVHGtW9BVVK\nLfQEkDnt2hb0XpQinlbpncm5ql+6u/JyczoQbbf7b3opaW5uu9ej8SQ/DB8h\nTetyOi0Nc+4pMKI7vh9nwilArZ8zEhvd3U0ThqeO/OQPdnvFsWaNgUVNqXT1\nKIxAlkzuaRlpKPLfOGp3XrBg7JMkbj3vhtYNx2Kkk4+gA9BdI1+8cpssaQzL\nvn1SJ9+zp3+lZzaF2NmpzGvdfOXHU7ondn/Pi9V1EfwGtfplFq4ksswFAE3H\nNXgei48/15yrSDpqaUFRqYwUMWGkaIprP4KEAej99fFDtOw2ZiNLVjfWHl8+\nqsKUpjkO9aCctgr2lch+6k2WjVyCYO56GCJP9/OrEhq1/1D392ngT3FQVdOW\nYFkwPSuJ0qo/SOkivJOdkAStxP10wTEOR6wDAmUNjj/oEh9TWdkscnfKtYwQ\nBaGN\r\n=kQWb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHWmEsZJHbfRa2slrAgUPrs1B08RFkYadm3J8n4pH/g7AiA7X+MUTeIFo5BNOxHwyEVhXt4PnXmqpw0kYuPiPiCs6w=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.61fe5b17.0_1630351704769_0.7103645703600807"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.a8c31f54.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.a8c31f54.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.15981e9d9.0","@material/mwc-base":"0.23.0-canary.a8c31f54.0","@material/theme":"=13.0.0-canary.15981e9d9.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"7c390fe40361133076f70c076acba4dce24e84bb","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/7c390fe40361133076f70c076acba4dce24e84bb/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.a8c31f54.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-Z68R82tEq9x9wXNlxMHDQUS3dStOxPmMXSu9Iyuzux0uCeqgkNRfvCx4O0iNgQLVl473VwX43SwA6nqSblweUw==","shasum":"c4bdbb41b0a4ffbdad98c5b603754f40bb6c7c51","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.a8c31f54.0.tgz","fileCount":16,"unpackedSize":66692,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhLUASCRA9TVsSAnZWagAAxzwP/1F9pelZgPKe9Z94w0IQ\nuTkrBejmmA90AWdNbOOnAK/JzQzwJvU+6tQuqs0a5WFi67sW5oTKdYu/DA/9\nfz6piuRiK341xI2HSUQIUMUprE3drV92b7WhX2bVaIGAizBuuSCcQvsDxsZn\n4QOOuVGQ64T5emTFvPM/HHXFYDGijrQW/Q/DLLRSUXZwbzZ1TSzffVPANT9o\nHpJWx0jxdk5S8pxHGDiXWvy6yYxV2TSGbVYhIL33ejY27Og4dJTfbCx2R30b\nWuoJnyhIPxE3pEITnOs9UyVUa3NmqzibjZQnSqsxF1j7K+1MkvwY8CCux0Fs\n+FWiggZ4UrlUJemdwJZsKKuVMWqiwbbY8XrxAJ7BY7biOlZ4GUjORjaetFFO\nj0SaqLZ7WBVYg6g1FM71IOe293NnRBjgmmv52RVMaQK6Mk3aT2jW62AouvZm\ngZvx+dA4l50ZFMq9iB3bcf6SI+it4kPe0LgmIKKEH8jijoVp4qg0x6hCHvGm\nsQAIys2m7cskyGI2LhxdZjuawyPlLqxT875EK3gn2Sb3HsDQ7VFTTrsL1uZq\nrZ4rDwe9v6FIuM3F3nE1vDXRraOCPRNSLNpWuURdHcpc4CPmWvungOMyTkjQ\nkvkhv9Qn/0U4Ta5gvz3HtiSZRyKjpAg+Z522gyeRoBQzz6pozwZOVFnQzS/b\nj8tU\r\n=LKg4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA27Zl5CMdhHml99wWFPOrydXJYOsy33Jm3nJGQ52eNUAiEAlhURwnYr1UOkbuiGkOtUXzRTpHbvMsPO/DlwL2rkLsE="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.a8c31f54.0_1630355474528_0.05449593074373227"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.a096dba8.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.a096dba8.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.15981e9d9.0","@material/mwc-base":"0.23.0-canary.a096dba8.0","@material/theme":"=13.0.0-canary.15981e9d9.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"0979a05922649d16cee4c4ef15ed0c3c3e9670a6","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/0979a05922649d16cee4c4ef15ed0c3c3e9670a6/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.a096dba8.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-m3lhk8pUbz3DUo2t/iTjLW+3TFTJOPoIGyWniyhqY+OUV44/mWs5EhLdBPXeonCFc8EnqdQeDQJfxoiydpc5CQ==","shasum":"ca031ad27b4bb8d89d21df8999349fad540016a5","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.a096dba8.0.tgz","fileCount":16,"unpackedSize":66692,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhLqq9CRA9TVsSAnZWagAAJ3oP/jUfRVJKmpM2Uq82xcBI\n3hRuFZbmuUjdDEf2Qn+Z2ePaagVbTh5qJGIfFQ3jRhtlkMG7uKyNYYZHz10f\n9+T1UtwchxPxiCAKYfWtKpFFqAfD8ck7Rw9mSTDK2eBwL8+2ctrqjmqlKD04\nSeBmqzy0Zr5+CTsNYxM2VqVMoBS6ehNlpmCG4j2Q/hFUVs2A+X1PfRMUi/K5\nMP7vQKNQPuLM14+6UNyCPIMiCV1J0ir2rGyuo7gGtPNtO0t9AlwjLNd6b3FC\nDJMZoILBW/cvDAE5AL/6kyirHMDQ+dKzmGJCEDTUAc7yIAKDhI5bo5ccC6jl\nQk622f67PCCRiHcWDzV2PgKqZmrTRrTstr7jVsr0mA8n+1D95TbmBFmOCYHb\nyJNr8hX8Szxgl2fP7EOhRuslpi9jiXWAs7EGY2O27BYm2prPBIcC23JEZ2Aw\ncb5u2v8rTDyg/dQZnwzV10DZMEgILYiBb2JvRhU51d7eeUFEOd1kSraHdYNI\naRL9xLiXUG5zupFtxv9qaDPR3HWybPN5O1hE4Y3iTDgRNZgrqoc48eGT+xQW\nK5Ybkp80USmNVTW55VOoxi/otz5ZhrmszhdBqdAWnfJ2oHck0GT6CYaIjIcx\nHDl8aK7EaPnfApnstzOpOcCLZS75tbK7i5H7fSfsR+0rESWp+syfvpGOdvTo\nAf6w\r\n=E93z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC4tmXZaQRqjjDMV3KmMVQIZ5YMU5fcVUs68eG5I35DvwIhAPbvORs5jJNk+vi6NiH8VhB9SS214ZZR9YzhhdQUPMgL"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.a096dba8.0_1630448317284_0.5173736408709644"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.7ec04d47.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.7ec04d47.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.15981e9d9.0","@material/mwc-base":"0.23.0-canary.7ec04d47.0","@material/theme":"=13.0.0-canary.15981e9d9.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"cc39e72f38b02c8cad467741a3eb549b35590ddf","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/cc39e72f38b02c8cad467741a3eb549b35590ddf/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.7ec04d47.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-+kJ+gjqubri+zaFNbt2xXW16Ipoivq3kT4kq5txAc/0oAgHSDPQlmPmmP8lkJRYzHQfWx2sEeC2rMj+BQuqS1A==","shasum":"703f0b08a29c9577d0c53535df40884d9d689545","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.7ec04d47.0.tgz","fileCount":16,"unpackedSize":66692,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMV1XCRA9TVsSAnZWagAAsGEP/RNt9dydkEsMjg7nOijP\nsUcR77c+FX7BzdKodoRC7LbBaXcolXxbGbyW/4YRhcultnmVZgpwt1645pnX\nJ7drCrg+kiVhIAmuH2er4VYtJ9vNiQABKvY9iZKqtllRcgrjPJ4aF4bHnn4U\ncIAjOE8kSyFU/JRfyPIyapg2BpxFowRwP+e0xcjnKl7h8a5k3OF1LBLdvQvE\n8tZVYeV9PxyIdxR2V2GPVeEeyiFYzOawgYUSNCDeidKPEoEVA0tzT6dRgnW+\nFleV43EU1zeASmB2rMrd/kV/B+mvRdxKPpBegkDiuUXuSDafdQTK798vFqtU\nvizWrq4EY4ZfgIiPmesb/GB0/9urRU0qO8WssKrapmf2eJizjDiqRquFrmM5\nEwzYB0klUH3ga6lZ3XVkpm/Hp/vvAGomf9gUWppkcsW5x5gQXNlJg/gl+z/2\nKP/Y9bVfbP80djUgtUCHb8Pv14/G5CUgBOe2FsDj6U1cQOSCaXyPINJ4NI6w\nJrdyltrr8PWvwq47hZnPyOb4bn2XivzkZsOTbCLNmu5/gXUz4hVncMtaRhEK\nxeDdN6K6mf+mp6+4XRG87HqKhr/a/PKFh8kgWpFkUlyEmE+v/rquYGMRq0Zs\n0pCBK3geq5iOT/IDULhqrW3m3guxZGAZtm2Kmb1fhqWNn96Mw2tQzsHk8BKa\nuY/E\r\n=TnsP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCUiXAO3xJ8z1BW+RGfmxJs+cWD4ldXOSa+JCn7TQ3HigIhAO/6Ol2W7kbS+ZCEo8aCZ+VbE8OKpeQJrh0qe4dI4ah6"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.7ec04d47.0_1630625111593_0.7779161260180394"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.d00b098d.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.d00b098d.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.15981e9d9.0","@material/mwc-base":"0.23.0-canary.d00b098d.0","@material/theme":"=13.0.0-canary.15981e9d9.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"918e9dc10ef626db369abf76acaf3266d5437d5a","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/918e9dc10ef626db369abf76acaf3266d5437d5a/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.d00b098d.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-UtFaykN6PZFSlqaOQQP3PmjJfXeh3/QN7xSHQjmKod6a7KgjiXOlQT5Z8pAT4/ogmFMiNk6j5Z+PaL6in3g7KA==","shasum":"3cb3f8f4322a81934a5cafb300ea32a4c8027d39","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.d00b098d.0.tgz","fileCount":16,"unpackedSize":66692,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMpMCCRA9TVsSAnZWagAADcsP/2FViYMb4GZxpccTvG4n\nmox1scTUvO2ztN3Q0YETuLKmY4CN++sbeqF4BqfLQqmREfAw852/WWKe4Bdl\nkhwXb8McM+Utq9uQpu402M1B5nVDfJTqAJr9n1MYBfFxPk+RgTOz9/R2dBGH\nCnhZBTWNXbGlZIE2sGOCGXBNUoVmSLXAplUi9XF2jz2q+k9WI9tZyyKT+Q9O\nFcUTj69+385pdR4BCpAqukYIevJ2eZ03261SwPAcdXvspfdi0OjNU1AKv/+S\nQiOwuMCEQKyALBNezlv2+2o9CZdHUr6j3nFJRa7IoIINDMbwSI7OGIfP+q8F\nO5ELA6rmUVx9UO/OfrizD0zcyfZjacy+JgBTVPNoKmfGgEw6X9rva/byRn4/\ntNiGS2fxMqMnpS9H5nSBpZB6ELSJFbKOm1tKk3/1FLaIR+FXzYB4aJPk0FzZ\n6LrOoSi/YL8fTR4dYvM7uINiixA+BnHVeS2ZL33OAAvot5qO1qI0Oh/vv4n8\nSQygYkrV9bGol8KJ2rUICDFITKWcrTr76weLuFirzw3CxEvru0p5TRCKbcwv\n6jaIki4CzZr1rkn2/JXPgj+vCkqRMbQZV0XzKABcq1fwEjcGP5NyUvk0P81v\n7nY0xA4cDcdm2vpuX5kPJ6PFlYxwtlkZKwC8W/Yjf5SOr/kGobH1qUEoRhfI\nbkTA\r\n=VUA5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFFgS5NuKtyYhDIPAPS82/2ilwOfNWmzCYbS8Js9RXJpAiB8j1HFl2Blv3BmPAQ+nC87i9U8ipQTqB0EcSVzMV1b/w=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.d00b098d.0_1630704385800_0.07749002978624375"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.f29b3352.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.f29b3352.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.15981e9d9.0","@material/mwc-base":"0.23.0-canary.f29b3352.0","@material/theme":"=13.0.0-canary.15981e9d9.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"ec2a4fddd95f3099eadde4522a67d49cee8d1515","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ec2a4fddd95f3099eadde4522a67d49cee8d1515/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.f29b3352.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-Vi6mK4gEHQkhR9LSvcvRc0YVNMDAmaqiBV0Q1q93ja7M00+jpawjDYHrvKe6a2gHr3rE6OwKdLQATlJ97xnpbQ==","shasum":"ef04e25a240767a8da9fb3cd50bf0c0c2880f9de","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.f29b3352.0.tgz","fileCount":16,"unpackedSize":66692,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhN6xXCRA9TVsSAnZWagAA7e8P/2eTx54pqcG3oSfnFlHl\nUJTa3z5m7FvqBd2taTDaQBqqF08AI3TEc5g68j2YUiRajXbkvLmUxxTHorZG\ncezvdt/VOizvJ2VsewWMg3rIt6MXBY2G8H+Czf2sOvNOpoSYMayltgdhmLsu\nB5UhCzw+Q+qbUdU8ko7wOmFGzXMEJCO/VPBGOGLy+n/maKzW+giqmVkwyhfs\nJtR4o5Ol0eWBctXxJJWY0t8XHB7MDv2EznsLA0VTwUGcpNtLrFoSXO6o82N1\nD66k7T1Kp3Ub3bxP+tgKRTmtJeVzzdzUlyVJZiy2FHpHyUts5glxu9N6XW9s\nol8G5NvJO6Q51Nr5FG/mCf+hHPBi+rjKGaoaNuIW1Zll3H1sygfKmmu1VWhF\ntCy3pAFNk0nuCNvY72yLJVBjCPuWLhYBu4jIJLBIzscojSdJ0SD/r674QTQh\nMiZhyunWEV/zyjsLR0uLxxwS4ddp1WSgIj36mIHLIQqR6Y5/BqzA5+u33RnF\nlPJmvvy0SfIqAQwYBIaS1mPPV3xC2cSZyGZWyl0r7lZIMfbGDvZRzqGg2J5k\nRHrwi0TbClUXicA4OjQ24c8pBFINlV6kSAu9dYL36DO/xZUnSKC2YwwNhS/9\nIZ3nPHpyYziuuYLoHGDAT0Y9EyjGtWrsaeNkIxB0qY2qpSwnN5rnsp+FQCop\nyZgN\r\n=vGQb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGvivaL15+0qWjuqQGJ5Iy0hHzOYNQBxyMXw/5Cp1WmEAiBqVYMAXwMDZOQxKdfwKqVlIh1kj0w5mES8/+s6DzpJEA=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.f29b3352.0_1631038551091_0.6222608855984326"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.4962a163.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.4962a163.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.15981e9d9.0","@material/mwc-base":"0.23.0-canary.4962a163.0","@material/theme":"=13.0.0-canary.15981e9d9.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"4bf68ec0db23b3011a5a8c0777452925411e8552","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/4bf68ec0db23b3011a5a8c0777452925411e8552/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.4962a163.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-7gKBZg5GdDYaaXABFnVznEKVGVsFqrz1A1uwQ+bOffEWHMVQN0/FjXWQlt4vR6OqKa8ZoCIKmSBR02J/kBB0Mw==","shasum":"db8855b55fb0e029182bb145cb8e4755c48c5c02","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.4962a163.0.tgz","fileCount":16,"unpackedSize":66692,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhN/thCRA9TVsSAnZWagAA1FkP/3c0oyviJ36yZE8M2my2\nRloG3DHFkz5+rRQSB5LqxzyyUcsyI/JFqU498VpxWr/wIw2h+5lRg+LTYlzA\naWruUvrrBAgmM/3BT+ZdqPztpE2zjaAqP1HgYhMIT+jROOkjtYgGgz4ytaW7\nm6iOZ/W4QlrPXr5X8ld0ZTsQfDIbPfI+QTrUwZc8k/4kpDbNc24InWEEgiix\nz/5I/Otj0C4JREJffRQSeDS8DNt3fngHUxWxlMbjRP3HQ3k99jsWEEKUS5sh\nGCVv+nwqX+q4IrZJmJbDbX54SAO4BwoEZuZaVJ6M1O1dFuubknpdgPf/zhtL\nEFNsF2cKsZa2xHoOmdOciFSRjg3dBvebGuyqsYjVxPOUDlUBbzI3qi8M+RI4\n4MUpMpyRk3QjwWkyuZllMeeVCqtLlEPYHPM6tkGi07oeScVmD7AUtldvBfkm\nzj5EwJgVrMNyU5VjRjNEQv3VWRsHW0Leu7LRZnZQ0Wn75NqVjFeBLiCltTdh\nFEEv3mhyo4JirfAZasdtug3FWOuaEinw7mO/0nowE2kKAAfNtVKRmcA7ZG9e\nPqZ1qmpqhfLPS+l7sLtjLcmwJ4wp4sBAX60AafhuwVpH2NOMdYfz35x9swQd\nDCd9HZORz5nXfvOZy8kdDuMuun1ZiaincNoHt8obiwtiIsXOXGdeulfiqj/M\nKXfa\r\n=cL1u\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC3WYu+fYL60ulRvdE0SaLsOw1aCz4dY31frh1wtxoq+QIgJArybRWHtQT3oedTRKgE3w6i9bdqmdOBZVVQl0lcVw0="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.4962a163.0_1631058785403_0.1292831196940618"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.33102bf4.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.33102bf4.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.15981e9d9.0","@material/mwc-base":"0.23.0-canary.33102bf4.0","@material/theme":"=13.0.0-canary.15981e9d9.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"6445a1dc819d694a36e630269c7d407b8f021e98","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6445a1dc819d694a36e630269c7d407b8f021e98/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.33102bf4.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-GX+ngxZAlrsvN+2InYiQl7esmhhcV7QtrLQcBTq9M45tlpu0j21ty9Gf9eGsDD32G1nsxTzoMW4z3LhHakmzxQ==","shasum":"7419fb6ad130c09582116aa5e45c00a4f69fd354","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.33102bf4.0.tgz","fileCount":16,"unpackedSize":66692,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOAAYCRA9TVsSAnZWagAAP0MP/0MXCRcEHYyXR6FJGTns\naWXBC2vUqtXasPgNhTRTUAFEBFCUNgpJwC9ELcrO9ppI1/Pyw9LlLwqbHzqI\ngDT7vdgNvXzrNmO+waTGllPrXE1poWh6Q9P6i00NskiBPL6Hovku6KfuKF5Q\nn0tA+OqegXd6cyGyvuMzHti4IpDGMqIWe2hZ7SRug/DNuJ7HKVQbv8lJaRfq\nIWZM5clj5TlGE6EhQ30E+KMX1kK9xurigeGRBlCIzdIRjRUQ9sK7kJolaur8\nSpY7+KxA7ks2BP76ftnKNWY6n6h4qU8zwTnyEW7+quTEkZcNp64UGCJLzVVe\nnmjWO49zvBB2g99Z70XZcJ/+hvWA7TJvCSah9KenDTL84XRfZflD+CtCjik3\nFd/SYV9aIfWNcHxPZqCYqoULxOAUlN/MScabvW22c7Vr/A5k0JEXZU72hMVH\nDwCGmNBqYFJN1ufSSrrf7+jGRlaBdlC14FRHeuH5+CjN1NGP8G2GSaM3BaLz\n2k2JE5JOWN0BryMUkA60asNmaXI99Yo4hUlstWT2dHVZMckduWyRZF284hGi\nLjFpqNk/l6K1TWRfEk9qggvEKhYyJmdfsy5ffG3pGQIah+Y0UXntj5hYDsIb\n8ZMX4YYhS/Auobz6bUP94bGEQYCT0c0QucCZwvAZShQ0JX6rx3f0R7h8KNYX\nF9GF\r\n=XJS5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDUAjK8rylejK0mqQ4aexequ4duoK5HnyxH77jMLEE24AIgFo19we8VuWmP8mahGtmlPTbpb1trCasL3+XfDO4LbiI="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.33102bf4.0_1631059992650_0.5218109900625851"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.76c68381.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.76c68381.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.72464476c.0","@material/mwc-base":"0.23.0-canary.76c68381.0","@material/theme":"=13.0.0-canary.72464476c.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"66455113b9aece74b59241859cfad64d4519568d","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/66455113b9aece74b59241859cfad64d4519568d/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.76c68381.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-n37hSm/4F4z2gDNHJuQKKJGiJilcN177nS+GIDne3pN7NMS68+8LEtp6ezrjZOQgOlJk14yXV9tYg+n04ktnmA==","shasum":"a3080bf9d16155ea7057f0dc729d8748cd94f9fb","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.76c68381.0.tgz","fileCount":16,"unpackedSize":66692,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhORlmCRA9TVsSAnZWagAA1Z8QAJRAVcLZqEswqfOUPQCg\nzJJYs1TqxHf1ZjA/R2GZbULDWdW5xgHOtnljQnS7v8ScjDUCBbNAhbuLIsJD\nWaY5aPw1Eg8qEYM6g12hTSpi9EBlMd4kTqlZKPxmKdSOaE8F+eL50cWAFrQq\nf1DfBXPpVfVADLozOmlXQPmv0WLdk1BCygMKjgZ72MaqQ6pj6jH+6l0yKoZv\ntj2tuW0KFa6Pg3XvPvr+wStq4EfJogBQc2FaEk0SiIwHcqMqllQmjEDYeNVF\nDkVLizw704bN3cpAwmt/N/9Pi6joulIMy2sY32L3y8gJo5WIcqhovkLZ4sDe\nnK1zxAFIkytYemD0ubOFdTdsp7e8G7Yu4ws14Ewk5tQKPP262JRiLRORM3nd\nEdWzsnYKYnBv/sw708HJx9E1QneVIWmuynE3vqr8UjKhyzFtPzILk6uJaGpa\ngDN+NnKlRHyzTKfRuFK8G9vI7hJ+uTnXaC+iMjakMbv0Gx1jvqhI+wXCh6g0\nIfsys9bzb6ZD8bjRVty9Ideu4aFzDPtY9M6sQp22bfqTgtjiXnPDcGh8bKwo\ndNYVXUBzhSkcpvHhLDaKkqNQmczecYWuv+lmQjKbTXTpGo0RA+UII/6jbxHi\n7LxQCxtRh9SePaHWA1S7llijuQe399WxxMvkBNnXg78zK+gLfvaThlbgbAGC\n8sce\r\n=PkMZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD56/GbCutCkf1TU5VzGnzflwlGukBRTJATSsMJO0XLRAIhAPu1CsAs8aq52rgDomqUeg4Q/h+wCMOZkHH6tEWtsL4B"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.76c68381.0_1631132006517_0.7399179592237484"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.17d51f76.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.17d51f76.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.72464476c.0","@material/mwc-base":"0.23.0-canary.17d51f76.0","@material/theme":"=13.0.0-canary.72464476c.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"eac5c1fc9472a1c28736c4d8e0d423e195fe5723","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/eac5c1fc9472a1c28736c4d8e0d423e195fe5723/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.17d51f76.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-peN2bjVCgHULRFBMyE5XicinYiCNn3iBLm24QqzpujzH3gNx9njec+zwmWlDEcM4JyRL4/1Cy0S7JKdde5q03g==","shasum":"baae773dce8edff296259e7722d6ef17b587bb4c","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.17d51f76.0.tgz","fileCount":16,"unpackedSize":66691,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOUaKCRA9TVsSAnZWagAAsRMQAJqpfDaaY5/KFR7sYbmQ\nursvwLGEVN4Aoye7ae6z78G3VLLA4bW/pe+OXldKp28mqTwC3MR09R7UmdK6\nl43A/UK/r9LebcH4pnJ1QaZFvz++6GtpM682upgs1F7a4rdDiagc7xfNdTnK\neIoK1oscueq3rYzKJnmmQ1jycFEa79MqXPVJhJ1SyoYo7odrSHX+eu3l+5wI\n32iyanQ4bRyEiCpJ9xMKCLwdNKdoejsL0ZLNQx099DuNGYFu4cXuDRcXMaZq\n4eEaAnr0cGzYqBwMuOzKnwm61CMWiVfu2n3+zlAbtLk4CrnbgZfD5T7ymL2z\nlZOi0nn18gJbJ5pkB0yDD5+QtcNayaYm63aEbEefpv9Kq65fEgALkrlPk+N7\n6gJYdlniUzShcHnm7FpixZ2LEbRmeP3l3J5b/xYuW+Grqi7a0n7JXJxx31E/\nyuofzr+6Wl+S4rpy9JtfPALox/GzDnq0Qwclv+X0kn+VYtsjba0/FSXcSM/g\n8YzlgjW5S2w6Y4TaY37lGK9wllpbAzliL35/GAQ3Xt4cE73jI/rVTy7OTN2l\n8l/L1g5/FcbD2Aw5Uatud3JIWGi1rbjiiNtz6Y9ZBn2sIfdYwVs4DsoAsUrX\nNOUWmiPcqT9HszqnPZo6EpVnI7PI+uCesDMiNR++Cduuz5dmhsKJw4hc9meA\n9Prg\r\n=n8uN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFC6fgGCB+CIIL21TtNR111gFrbcCjn8PSJab+2rm84GAiEAwTcONeLkwSE4dyEL/q79bBOhQ5rtpsYlnugxcE72w3c="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.17d51f76.0_1631143562394_0.5191532399522552"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.3fae6c2d.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.3fae6c2d.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.864798678.0","@material/mwc-base":"0.23.0-canary.3fae6c2d.0","@material/theme":"=13.0.0-canary.864798678.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"5647a60f5efcc7d6235a12c1bcf6c703db6d00a1","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/5647a60f5efcc7d6235a12c1bcf6c703db6d00a1/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.3fae6c2d.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-3ZEbCg00poX6bQ8PSJnzdMO5an7qC9+pL5w5m5Ta94i8x0QPaMZlBwFScwySFKtGtZO4bsiA5Tgl0rx2hJTDWg==","shasum":"3212ea2131d50ce00568c193683e87dcfb1b691a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.3fae6c2d.0.tgz","fileCount":16,"unpackedSize":66691,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhO6TFCRA9TVsSAnZWagAArN0P/iCnInzzTNq3Z2Y18Eoa\nfoAt+h98/f+IbbhnTMewlNY00p8CmDum44v7II1KEJkDiAmBQ4XhwO51omiw\nNJGtnqyRI44RQYWSSi8hyBS/wBcRa8H3nuGhQO54gxz8O/oMh/TeEcYZllmn\njHi3rkwjcc58VysnAlfO7BGYMcXmX2Ht9rwGvW/U4pWwZlnaC4cUn8RY6obt\nSsTVZ0EQpH3HiR63PHSQ1pwTwEtBm86I+kiY3K2yhv6Ay4yO8Z6Jxan6mkFF\nW1Xd0zffnOuqpFX67PmwIWIzH+bi4R/2vgCv+t5pHFus/jfuwQ+1mrR1P6m/\nNqxKOdSaupftOI2E2Bttcw+A0W+G/BWJL6qvN5F6LFY9gbmM+CIHXTmd1HZz\nLYM71E1dhuzVlFZg1G2zcx0XmnqMeMHJH9e2fCGeS7znu9fmx1GJpxFCOMkl\nRgDNv2m7zRSeCdVgcNNGDrKsDQX35MwPoyy1yxbqPHp4+Iep5H1MNsHp5/Zl\ng+OFupCJkBbfwL7u+Xqc4xyC5rAi9o7sWejvlB3ykG52XRJSzZ7bO3AueGbv\nwvDjxgh8UgQK5TSVmpn7GYUSiDrc9wKntAbSo4N0yxlNsZZghDEUdhuG5KLA\n9woCC7lNHzKperit0I9k8572MsXt0aZCS+fuH2xG3GmbzjO8LZmSv863mX2X\nyc7H\r\n=XOg2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICeYipBaBRvXFYi4SyBQ9OpLs5JbhzNLYMA7w2N6b6guAiAxiq6X+f0TmNnOsmJOibU/TrdvQLNZtsM0407XSgLMIQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.3fae6c2d.0_1631298757016_0.5274690961684152"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.f1958c4b.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.f1958c4b.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.864798678.0","@material/mwc-base":"0.23.0-canary.f1958c4b.0","@material/theme":"=13.0.0-canary.864798678.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"e5f5a818f48eaa5a69419b7c2ef2439b4d7fc5be","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e5f5a818f48eaa5a69419b7c2ef2439b4d7fc5be/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.f1958c4b.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-8sJ0lPmQrUtlhfVmuu0REoZw81lbdughatvVO+iexR6h8+iwdRr9XkADJPaUZvhmtb0OhHyXloWPD9Bq3RmPjQ==","shasum":"904edbd43c6b576a9b689263cbf28c0f61fd2241","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.f1958c4b.0.tgz","fileCount":16,"unpackedSize":66691,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhP6R0CRA9TVsSAnZWagAAQ8EP/3ZnFTCd4uNoAhwzgD06\n6Cv+eS65+drKRmN00QSG1RYaXRSXQ6h/iKa0YFo2hzIQvqkSCNytAJYI27KG\nkjDg/OYDCKyHTKg3yXtnN4cl7eE+yQjMBLSPOMpyeWc2tCHu86K12ol55bk8\nLz7dkQMxAB9Y3dPtZiknuzLOqDT/jK5fFH0cOPgf++J+or/FmSG//9xtAx+g\nLrdsCPOsJZQWpR3hlbd7JWYvYKXJfyJYj/0s09ZpudFaLloBHraOI7A/r+EJ\n5/vvRS5NzmBp9FNS+ugV7esq7hf0htmFaZBNYw7GmV1wb0zAf9XjkBFM5A3K\nAt8n0NqFV/NUY5tCda2sHq9leF8UPykVCMi5YQz5j/32UYzHgw7PJFmb2h9n\nlhZ5mudwTNHicR9aSGIHotSRlwnLkUTJowbfQOUqFISrzA5bM6XnLnIMUI57\nNo4ML68zEdV1EG6HXp7AQdhXLGTa3ohfZ7TBPkjU7Bkdg0U4g4gbsuzBWg4p\nhHIgsfbEq/H+jwXChIenjkq3Co+LvhlKDakgcurF64U18fs/G6Em7yBYFvHT\nh/VO6rirDXNw21iyU2gqO/6FQAwqCCUz0RJY2yGGy2rCMcSzK0YgvgxeBKo3\nJn9uw7OWXnCqcDoPst2v+2E/fhnElPhf0N7NQoqx4yE5RlpoBmmPVxXQq/1w\nexTs\r\n=uetj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQChGudRc2shwYHUn0qXie+fS/j5xVp1Inrg57BhEetMNgIhAKR48VaUHhVrAse7jhtrE1lbE++BhMfXrFSgXzLMga4A"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.f1958c4b.0_1631560820822_0.9459706904250578"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.78abbd59.0":{"name":"@material/mwc-linear-progress","version":"0.23.0-canary.78abbd59.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.864798678.0","@material/mwc-base":"0.23.0-canary.78abbd59.0","@material/theme":"=13.0.0-canary.864798678.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"638a51a3b3f96617a9be7f61f87afebe78d24a23","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/638a51a3b3f96617a9be7f61f87afebe78d24a23/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0-canary.78abbd59.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-gzRM94iGTdBt5AypfwJBxhr8/ai9JJ0Cr0YT/rw2nUpunNHc0KH7EVFaXrzMR/zZONcyTiYGPJPQoFLbf3lB9g==","shasum":"f18c970258a1e09f97513440e8ab8f4c5b471f2d","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0-canary.78abbd59.0.tgz","fileCount":16,"unpackedSize":66691,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhP8HnCRA9TVsSAnZWagAAKTMP/RkkpQhfbHSdOYEK254d\nbgNZmhhl+YT3vY0jtmlIyCKp+NerAXZUIuTsRD1ktEGqtbs1zE52FrXL9NJ3\nSFHkPaEwnJNFp6av3L5I9c3+F3cfO39FVaA9ldaHvVs2YYEjIal4zjpOg1gS\noT+cCS9i/GKuvAivNvjBhVebB2ioqMsK3GW8vmqwPdsqNurfZ9yEqLTB4/bm\n55SQb7sTn1JQWJw53+RO/npCrdl893RXqhKFvI70Z02eEGtaBL9k4Y08EoN6\npEf9oUjhx7eXpFoIVC+2V8vrTs39o8I8VzbRMZF4YvS/aa6Rf4ll45Rz/XPP\nzWq33v8MVt3mIoM+g8bXDUyfmPaTEVzy9UwhqgyMtLtIjEGuecXFMEEtJ8Fx\nXPMsPEVjGNX/lHOFXMR5UNo7Xj+bYSCWzfhXPUe72wXUreBB7dgK14ZugxiB\nDjCpL8iH7xdUrjLfoGXHorIKbQeUKywM8qw+C3F+T66v690zaatSNuPBgovE\n1rLMjWLFQzchOHoZXxNKlCmSUuFHOhN6qnp3fcb3nDWqjQSBRIKqZCksFFFW\nsW8gyuEqrvrNRXn8+EUjX7MzHgsVMBOwF0ylG/xNP1Ys6/SMI4KaguZQqjOp\n6LtGD+O833WuA8UnXyLmsmX8jxo1pBGaYV17j59bayAu1Y7nsRBDDh6Mu3Eg\n6igB\r\n=1rur\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICBHgMkihADqs0F6yNQGSdiQMqhjnr11qF3RujuqWr6EAiBMd00JADjJRWoTgep7WZMR3aaFetjsxASBGjd6JNXW8A=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0-canary.78abbd59.0_1631568358926_0.7576088391829503"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0":{"name":"@material/mwc-linear-progress","version":"0.23.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.864798678.0","@material/mwc-base":"^0.23.0","@material/theme":"=13.0.0-canary.864798678.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"9830d665867dbb440855339d9181b5c323202008","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.23.0","_nodeVersion":"15.10.0","_npmVersion":"lerna/3.22.1/node@v15.10.0+x64 (darwin)","dist":{"integrity":"sha512-SldJoJtx7A33/PsaFcTb1MDSYMKXlQB4yn7U5Qhhqx0GbCwI3xqtpF4HbFBK8X90v6M2YhCx2aeaeQ0Yftg1ZA==","shasum":"3bea3f028407940b648fe41da62d40d7d01b5b8e","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.23.0.tgz","fileCount":19,"unpackedSize":85688,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhP8QsCRA9TVsSAnZWagAAL84P/1GE93iD308av9YaYcw/\na3T4KimN7W+LWQSYUpEK0McWjcvFAfePkgpBky4Ue6Fnt4Amvdfg7Iuuixwl\nMen8tDRA8dMHhLihiBZJxC1/HXyxxbFpZd83r/7q0x+hReK/HMkteCv2hVJO\nbo3KLcceP1XTgqzs24iukuB8xdMf17+dlnOlG57+SN75ZZEl2CHwXdk+vzIK\ndb5cyOuDeeseSyHWltwhohbhzPpsbCmx1YlHQkf57Hbs9X0eRGkyNorcT5Gj\n0175GREmqLpu1SJHyIsqEbyUIqIRhsISutahu68XIED42yAwFBG5om1E+wGM\nE+XNO1lHc0G7jY5a03MStiQ6udpwlSnSMFkZwRUGXWP48KoCwuhwB8FG5HY6\nLDpHF2nsSq2ehQFS7JQR8YUxuhe11bysmiCvJkcKpnOObNXCNdPXMA5Ri3GF\na6LxH0oS3eD1d6yVQ1+9FH0q/DffdXHNDkZyTZANKS862mN+qaNQBbQOYbig\nUxnoGio2tsmWjjeIiO5bmm5a8Cr40C4YEYW2d3sUpGZZhzwtGwQfhGwjS0n0\nSmVvb6kkgNqsXb8GcBtf2xWQlJlmrUYWQVvOsXIi1wmxdpdFIcCAVrjSSRE+\nAbL3mEuDOiKW1Q42szV1VwNFo04ytvS5G0X1sEmT6cFEdVAGTJvDy3DBjeOx\nx3gR\r\n=QGJR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICo7VfeVW66tWE2AHvIGjX/jotnGXmrwCDi27bQcj5TwAiEAr1rq9pPms+136ZJK5qekqYah+RifDH6KCLSy5q+t6lE="}]},"_npmUser":{"name":"emarquez","email":"emarquez@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.23.0_1631568940703_0.7197267152885227"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.24.0-canary.9830d665.0":{"name":"@material/mwc-linear-progress","version":"0.24.0-canary.9830d665.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.864798678.0","@material/mwc-base":"0.24.0-canary.9830d665.0","@material/theme":"=13.0.0-canary.864798678.0","lit-element":"^2.5.1","lit-html":"^1.4.1","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"964716e9985c1d08cbf280a6c7a4093be800c67d","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/964716e9985c1d08cbf280a6c7a4093be800c67d/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.24.0-canary.9830d665.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-h8ghX9SV0nOLgkaf0RL9eWjssao7soyKIrh8OHAGdqzip/EFjOchb+boDSCmlY8r9yNHvDiG89f7TvhxnDrBxw==","shasum":"63105ed811f937d5944fdfe8bb1cba7c84087d9f","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.24.0-canary.9830d665.0.tgz","fileCount":16,"unpackedSize":66691,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhP8RwCRA9TVsSAnZWagAADiEP/2T5ent4ANoC3V8+4q9j\nzgRaJgE8z1HWc3clxgaUfdTNeji/Ei/bCbuMfwM0od2poVEO5zGKyOLM6ibf\nDB1SQhfi+muiV9B/13id0DYc3fKzErEMBa+VilHyhBO/QDUAk2dyHkUWinE2\n9tik9yWDpNS+pYYQQLHfjZcouLgZCxglpBzV1m6GOdWzJEQ5U5hbnYXaudEv\nzYIrZxI26WHik/YS5/X24w1iCKNlQrN68dNc4JAU3R6Ktu3Ch1xufHCe/eEc\n/LDMU13Lwd+6w4Dbm+Fo4Zc6+PgPyhQ2LxjENqdgblNXZ2x/WcaACe+xWLn7\n0Qb5/JSWhWiq5QS/1yCwfWawe4VfcwTbev9WXkOaVR2D5VYCOedEhy1Q/cOE\nasDvrTSJBRS/iftIhph7IMzZ2SycA6ujgvpeMYKCV+Xzif1DHrrzd2H2sut+\n0Tc4YxdioWijotn9ezqiPkKzkpH5aYGfNF4ZpLUYEhX4FQDAxOhv+jMJ3MhM\ndlS3mcFbO7Splw4vWGX8bC9cZTEOCLRjvIJNqH0qiZf4JdcZsuZv/Gq5V1I8\nywEYpe/zhRWKQpbYBfoz5P8z81di1KR1Q2SaK4o2mZJwgTQCxrp8yTWwikHn\nz7gqdbcZP9iTfTSpXjjoIWxyhxkP9De6PRPDhT1Ey+8EOrv+7e1kqFR5SebX\nfvKF\r\n=k3iF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDoeqjWr2FN7weob+wapTcg81sHgbQqQS1V+YNXd74E2wIhAOkFJeplpvWe2zOhXKMTw7P9AqxhbTqUQ1gRYd7boudj"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.24.0-canary.9830d665.0_1631569007989_0.5223856766757027"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.24.0-canary.20e2081c.0":{"name":"@material/mwc-linear-progress","version":"0.24.0-canary.20e2081c.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.864798678.0","@material/mwc-base":"0.24.0-canary.20e2081c.0","@material/theme":"=13.0.0-canary.864798678.0","lit-element":"3.0.0-rc.4","lit-html":"2.0.0-rc.5","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"4912005504dcbf47a4f5fee3ef7d4b37cfb48606","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/4912005504dcbf47a4f5fee3ef7d4b37cfb48606/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.24.0-canary.20e2081c.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-ifWPuM06XN3YWsiVlt0WOyR9g4/OPdhLmBNuAmJHGGk3qoQYzt0NIGzzZnyx1rWWuISsMD/xlRFRDGqAC9RYGQ==","shasum":"3b56907529712472d19870bdc72fc20f0e1acb5e","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.24.0-canary.20e2081c.0.tgz","fileCount":16,"unpackedSize":66699,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhP99nCRA9TVsSAnZWagAAodUP/3pJwdmVLtYBT/W3Nk5X\niC0MkaDzE99IJOLo6dgwmFI8SwSCA7TgFitBRiEAH93EH8gEygCuIPaPxro8\nYvcBES/d2EZX/N0xvb2Gn3xwcmxch22ZTwY+SVCBTXSqKmG9nhaKsbLinxG7\nfzeFrayeJyznyrtugB0fRsnzZDjxaZROWo+E1Iav8dfmVQ/DOdSFBgro39M1\nkBAnObkntz1MmfuXpJKXk27Xr427t3iYYSvr/J7H1wA19iMXijxbbKBvqp9D\nwsf4gOAFFOZ6Di3DhgiLjsiF9spvAfOvr/HLq9dy0LG3ly8ICQ8iZaC7lzfZ\nfFkapNByZJlVPBJ0p6PYB12UuemKp1WOvdci4zTmgxcwnMZDDd5XYrUDzQES\ntDBuEENjZgqVGbDPGrnSFOGCfN6DDOHuDPHYq0kahdVvEkgeaHg+BIG34IJ5\nAtg7h7WqsagEqHkEu5Nm7uGiELRZEGY7yYddV4f7K82UrSVWb23Dv2xidR1S\ns3vgIVLXrye+dvpYlXekLwpeJtoPPeGI3ylwMAJ+cqpouxg5meiYcE+tyx84\nwk/octR1t8mdTAjrDJV7Hy5sqZwaaZ8tD5UpspS/ewGANQW3X+55L3S4XFZd\nFLpUOsdkCUOxokv0DUdRSMqgDZUu72NON9PgD7Y/1IP7wRQKyx2aG6dfzhup\nj5bc\r\n=2QtT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCE5jKzn0vTJzXiy4f6+N+Hc0/JYmRN2wZYEqOvrzipVQIhAIQt2Yd4gcprB2zh/hClYxUfUMo7gTvl1MU19BODCQ4X"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.24.0-canary.20e2081c.0_1631575910889_0.2856486375979572"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.24.0-canary.583613a9.0":{"name":"@material/mwc-linear-progress","version":"0.24.0-canary.583613a9.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.864798678.0","@material/mwc-base":"0.24.0-canary.583613a9.0","@material/theme":"=13.0.0-canary.864798678.0","lit-element":"3.0.0-rc.4","lit-html":"2.0.0-rc.5","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"6362ae780108c56957ae78e7b17d5a13a17b286a","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6362ae780108c56957ae78e7b17d5a13a17b286a/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.24.0-canary.583613a9.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-Hptmkc8ipzhInTagQY4H8bcOqaW0Q4NdUVRE2TcPSfUhdWra11qyMlQ/Gkpd71G8rFjO56Zfj8Rrda50qxu+7Q==","shasum":"31c92a54c91ae1a8cd578e4b63f89864152146ea","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.24.0-canary.583613a9.0.tgz","fileCount":16,"unpackedSize":66717,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQNPgCRA9TVsSAnZWagAAEgQP/2BkPf8KMWaY2q8uxi/k\nKm/70NQ2TI2HRVD/shjQek/KPNSzxTzIsVDbupHTp74PkpNejZ9eMXfs0WWV\nfDD9N7xwg0x4cb9oC8qjwPr/CVzuQgFfGr8CPprrNP3V1a+JZYmw7L05Quvm\nm/FGUMLh4f5RaAO6qUjUQAJ/QrAaDsnlgRYoECxVpnlwZxPvhD69EiIiHeEF\nXjB3QkSxruw7vQTQwgVZRUe+OhMHL729t6i18KsYRHUeNpdsiUd53djE/bW+\nSusp/AucIPi6WdbMiPyu0T4AKnYwNrFyist/64zQ5CE2k2xQ49GIO4Qx9ncn\nbSUnNeEKWcANeoxQskBzIEXqk4O0c/rmGgbLtCsiZjC94MN9GAcghMejX9yy\nHTyT0h6uCG0nldbU+sdm6eg8fU21SJWfABR4hU66qcJoR3ATo+ga3sxqGgQJ\nE+1USJLD7cfrtH1a06yc5pmn+32l8sgBj1Hcrz4yFFuigqKZmI7H6/u67OqE\nNLeYrr6SVT1x8mRWX/i2xhk7TwI03IC2hZwV1bvgDBTdTwXWJ5ECn+cOztoS\nnbJVyrXMmzsXW9+wIVMwnjPgx3md6UYFP10DNdjpbujoZyrCg+VH/MiFPGQ2\nipppAsFFQpSEDf5Y+oPIqMhtc0Tqgns3cCekMNu/QFyTgNMjzqv5Ls6zLCzu\n+T34\r\n=b6US\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCVIi9aPCl21m+946CzD7SLn9eG4EfbfeClb1FJLfO4xQIhAOmsNK/Ib99XsOCqJ37ma4tkbtL0yU8QFnWcmX3RTS/T"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.24.0-canary.583613a9.0_1631638495939_0.41810735893471973"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.24.0-canary.0e1bd56f.0":{"name":"@material/mwc-linear-progress","version":"0.24.0-canary.0e1bd56f.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.08398f880.0","@material/mwc-base":"0.24.0-canary.0e1bd56f.0","@material/theme":"=13.0.0-canary.08398f880.0","lit-element":"3.0.0-rc.4","lit-html":"2.0.0-rc.5","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"0ac1a8621875726916642015e273dc177d29abc9","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/0ac1a8621875726916642015e273dc177d29abc9/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.24.0-canary.0e1bd56f.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-DN50cz/u7te811JC+9/1jWbPy9NLunQe9uLG8E/cQan5EarACdL4cYGoCREHRQEPpQUym1G7qXWMiOzwZwmInw==","shasum":"56b355cd37b33103b20af892e362f38beb8e636e","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.24.0-canary.0e1bd56f.0.tgz","fileCount":16,"unpackedSize":66717,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQNyKCRA9TVsSAnZWagAARSEQAIaBRBjxJw/r8uz3X+7/\nctImiF60M5rcS9u4S5lPZWOCEsc+D219I/kI0tq2mkevMI+1CpT2iaVAgiPf\n9d571BL/esz50ALa6nup2vSyd3jSlxgSCIsp5UB5CH9ufeDLvKJNDTb/avkV\nfZrpWUouL0QvxTUPOpdKi6VY29qVF2O/F17Wkk/wAZ5a9rpNzY7bJxGehIjJ\nzQFFwBHZK9pE/cfmxZsnD4oRtg7fosGOwCTgSpm/dWArIEHkEli+jAr3n+/X\nKuHtqqlOZBzVxdnUZizJ/wHr4YzZCUYAxi+iubJwlsCOS5w5+/tYL72O0VZA\nXoTlKmf22sPS3KSgGzyaEFqdkesU43yodXJMXms5DsjNUvnvq2kjnN1vUL/N\nm4LDUGBCv0Vx+L7dO5N48BWaJ7emEJoKDxf0vIa/xaFsFjWwi7JvrbtZjvNk\nfBlyNcCwngG1tf5FjCyZRrVKl32F45dH/pGapIzvmVmf2jtlVirznoU93Fhe\nYcDtS/ItkzfI3tFW7rXkkX9g6cADNN1nt6C5iQQ8AMvXwrXy+KbHp0X0sRzW\nc/7GPuyvMhuYkbCMpeiYxEmmAWWuf946AjHXqPadztjTpEfRjIAI8aNIJtQ+\npT2ljZJH+wZ6saCcNZ+B4XbSUbHKR44VN2iknbvDzX7Tm0rdCog60mnIMHej\n50Qu\r\n=gz4H\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBU9YKdZZnEWMhNRNInf0B2SVtz9Xpy9UM055pLtT+3sAiBWJYdcwd1Mj6rTsKknNVA02DpatU83hM6VSWBE3GuGRg=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.24.0-canary.0e1bd56f.0_1631640714473_0.45464887551180166"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.24.0-canary.7bb1818e.0":{"name":"@material/mwc-linear-progress","version":"0.24.0-canary.7bb1818e.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.08398f880.0","@material/mwc-base":"0.24.0-canary.7bb1818e.0","@material/theme":"=13.0.0-canary.08398f880.0","lit-element":"3.0.0-rc.4","lit-html":"2.0.0-rc.5","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"b34bf652f1b82b80ec01a0ffcec5dbb2dc950485","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b34bf652f1b82b80ec01a0ffcec5dbb2dc950485/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.24.0-canary.7bb1818e.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-ZRRxfaxTPPL0Zf0O6DdVqiojtA7c6raX/w8o6rbJ2+qlCoi2mxfgJQnMEID1nL8tH5YZbgbdy4PThIC3rB3RXw==","shasum":"be5fb4b42d770b67c3937c5d8e51f87e24860525","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.24.0-canary.7bb1818e.0.tgz","fileCount":16,"unpackedSize":66717,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQT/TCRA9TVsSAnZWagAA4qsQAIDghx2HAfZUXt5WBYjh\nIwrp5//1umMdrn/n3In2dmuWB8lb7MEsZOqCKwzhCli6pF05M5l5ry6x03H2\nOyyKrD/jtY8eslPA9R+swSg8D755kGXUhoDJvQpPO8aOa/Kb/H34v3yQnZsv\nH+QL1CBK9YoNnve53CZ1VtbnbkmWofnQXn7gRg/+l1o5U+NyKemehX+8nKp7\n9kGhea7vJpcoBtyZPuM8QcHqPSzsK6fpL1GOuofLFQb0HDYcMIzWnTK1oe/7\nY72j1Dl+I5gicZo65I+l/0saCqw5EZGsRgz7GbC2sGW/d+ZJsh8Rd1Rlyp1h\n796Cn/UABYke9h+ogPEsu59quLQxsBLbzWcTTfeP1QH71FYKK1SHyQygmUEW\nY3I7WyTOe6wUko8OOqIdqTuX0Fm7jlqzR1dWKYBwWgtDgKXuNxqRP4Xr59nS\npTDfmBZgojkibz4+vx5/rg6eOdyxs6+E7TBC6J8KYIAwN+N4y4eUkwO8RyuX\nGSZOMyZBGYE9I4ULHRNpAAs3ffWoPIR5m6qYCgOpLDfAg/cJO44XYbhkeJPy\nFtk9Mx2E24YPQpx9g/ldg4Yew2mVZd9O2IhQvxsZ9R21Xtj75zsfUwVlfhMU\nJqFgKHB2nepyabqB9yG/tovYWLMyYkBDnxE3G9GOx5FeS/W2GsjF9TxHHvZ2\nKY2k\r\n=OkOy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC8gaMkyNsXb1MsxwCcbiZuXjggrQYZs2zCTyvzz8/mZAIhAJQzSu23iE0A0bj6vX54kIj6emtdPhCexPEwIYkr7dpf"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.24.0-canary.7bb1818e.0_1631666131373_0.5302939948612511"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.24.0-canary.b5e665a9.0":{"name":"@material/mwc-linear-progress","version":"0.24.0-canary.b5e665a9.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.818f4ee93.0","@material/mwc-base":"0.24.0-canary.b5e665a9.0","@material/theme":"=13.0.0-canary.818f4ee93.0","lit-element":"3.0.0-rc.4","lit-html":"2.0.0-rc.5","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"1098b7010fbefe404afd06dfc30b7b30db59b092","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/1098b7010fbefe404afd06dfc30b7b30db59b092/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.24.0-canary.b5e665a9.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-PYqeaQ41mMguXwPJ2ZUbNClEYHRRAMSWwkR1p7O9xZGRvH9jTBef6CYvt+BzfJu3Z4bGJn1JBsuziCV5Y8MyBA==","shasum":"f667819a30cce4fadb0370b754bdd2ec44418759","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.24.0-canary.b5e665a9.0.tgz","fileCount":16,"unpackedSize":66717,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQjejCRA9TVsSAnZWagAAWuQP/0zxIFShihGQzHZyATgV\nugnt9exoweIVYaZ2etxO914donHIc9HBAEk+jIxlbkn07fufMvPoW3nOzSGl\nwsXPNntA1uvknOBVzY3jLmzn9ByqgO3EiZxFIE0Gxp+LTc3Quf6yxPE3CNPL\nBLoli//qCI+hzwZH71S5aKXsIVo+yQln1up4T/1qKNmlDeFtJU1xbFgI9gJa\nrKpmDganhKYQFeYDtwwp7CgwVYMNzWcBqj6ATwBJHsEtItIFe0EMgMIJNk1P\nIWANWf7tLm4JD4vUmBMLtdoDZYE8FH6qgjyRLLZbujoKq49a6yItdG1BNXpa\n9d/aZmx5jlYxCjZ1ew60MPsFYx3m/Xlk6t084GQ9JxQK+U0S4gtlcvyVMmyq\nksI+0BHPTtHG9OejhhfysxQ+9QHABx/8CkBJZlJscavaeFKWEV+WLQy+iSLQ\nwXfyhCVW9mfiCf6hYW9qB/YLl1BhDQc6QN0HoA7zgjQl0f5bHv7QxF2pwc/T\nw607WDT3GHePiW6ASL/Ztq00PnT8Vu7GQG84qZmNyuIwHyMpSgYY4LQc6LEI\nZ0fANL82PF0qD5e8HEdcxHlslOSvnHcFqsh3upFQBJA2e0DfDHrZt92ehH3P\nO7pjBbuuWQ8Prf0AVtChMSxzNTVG0bYkhpcmwHuiIEyUENJGoQEuzFssWezH\nHwZ3\r\n=AOnn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD+2PXbFZWwYkmPfK+5bbLdkdFBvDnubiM0cY8BAirbMgIhAIPs1Exus9rJPhULAoI/p/QRoeQLjYCzTTIlGOB1BhZv"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.24.0-canary.b5e665a9.0_1631729571818_0.2559212836703624"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.24.0-canary.ab1e177c.0":{"name":"@material/mwc-linear-progress","version":"0.24.0-canary.ab1e177c.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.818f4ee93.0","@material/mwc-base":"0.24.0-canary.ab1e177c.0","@material/theme":"=13.0.0-canary.818f4ee93.0","lit-element":"3.0.0-rc.4","lit-html":"2.0.0-rc.5","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"afc26bf1f2c64cbe713e03a55993e7844eac59b4","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/afc26bf1f2c64cbe713e03a55993e7844eac59b4/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.24.0-canary.ab1e177c.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-o66EJkQVd5pebWJhyXL4gECjCeOYY4eBOQ6turpK/SZX4FbljLkmxQ6JR1cMK80A+OXIZMRrqPdXhk5G4vPHGQ==","shasum":"c86ca2fcaea21d8d194259af858f28a77a3413c3","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.24.0-canary.ab1e177c.0.tgz","fileCount":16,"unpackedSize":66717,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQj8LCRA9TVsSAnZWagAAMdIP/30ZkEo+d3u4L4JEbQHg\nWe/7Qn8qZyX84zGxVZ6H/1j1Aa8Ku86R6eFQNvJp1FvYdtiWf2BbggoN3p8X\nEHzzbD9JTnVvTxiEEP1YTFKVyIcnH/AD5CrCFdW8etHhG7ucQh1WJUhXlUeT\nzCSVQEf80QKusJkkI21lnurUrMyOcYtCabXMj7fcYai1HzQIYehG88vOOdKs\nMOG4Io02V5pk8456hohUPv6KcF2ZNNhgAqUIMUH2Bv5YjDUaWae4JZp1KWsO\nn9G9+TJxGLPnS+WnM5o9lSHb0hPRpmMPxpOHn9+otV8j7BQaxb9Od7p4dBoJ\nGmICSjqiUSwcSPijNBpYOVReYtUFM1B1Jylnudr1jkucqzy5eGpz87CL8b0f\n9NLZX0qEhVo/rgag8mX0xkACtOM0mujp+977THfxtLLtzpSxUs/DiR5jEDBT\no4IAMbFWzPGXOpqRF6XrUFOyb5cbLVYGuS6rBQG28m53wVcAFVs2gYOo7FnM\nFx4OUeOaIv0S+9W2yDzsqwVxLPe21WYWWOq7dpwJxO5ciqJdKgz9rVZLS8OJ\noiQAUdNUMQs+D2XOEJS8rR/7VY88/qrIQW8tIRquSGCdY3ffbgAtVgCMaqpc\nJxxkgDWqJ/Ov2UYUVR0h7teV8S7rmuizrC72ceIFtRBYo8K+ircHJ3zfmfwh\nm2DH\r\n=2AbL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDMZHYjE87FD1cbi+bsTDOKT0+e0RsWuuI9U56HfkfPbAIhAPzgUOuQvFAH+UxiBDEuqJTy5AP3FK+aeW0nEvRLlZuT"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.24.0-canary.ab1e177c.0_1631731467007_0.8845452685912809"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.24.0-canary.8dff8894.0":{"name":"@material/mwc-linear-progress","version":"0.24.0-canary.8dff8894.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.818f4ee93.0","@material/mwc-base":"0.24.0-canary.8dff8894.0","@material/theme":"=13.0.0-canary.818f4ee93.0","lit-element":"3.0.0-rc.4","lit-html":"2.0.0-rc.5","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"bb2f0724a85956f5a92c61a18390b4616e0ce836","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/bb2f0724a85956f5a92c61a18390b4616e0ce836/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.24.0-canary.8dff8894.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-S5loRyK9kF+YUuj16w6WliicOd4BRE6KMY8dNXbFBt8GWGVMqcO6lZpZ9TX4YNKI+h1wuzLIwh485usMxz8BhQ==","shasum":"21e6f12c756301b10beb475e9f6c91e67071e5ae","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.24.0-canary.8dff8894.0.tgz","fileCount":16,"unpackedSize":66717,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQkSgCRA9TVsSAnZWagAAxLUP/A4W5UyKfd5JKNbPgaz9\n8Wy2iuY4zza0eGxwoynpcGNxFHrH4sHwVszQYcfWyy3B+or0OSq9yvwKQH5x\nZx51ZDu7WPZ4QdUrQb7mRVcdpoMhgRVV4ALcahDV4KEv2G+5AlBg/ylBsQ2D\nbrmdZTJWqYSQzvm4O8uiq99NQTEPMYDDdAKaxjtn0lNK6Y7fWFp0eCp8B+A7\nZ0U3I3LMcTgxSQHVRLWr4hvtJsLQkZmWTtvWrVohbPAVPu1p8uFO4Ykf7pHr\nrka2in6/QiTCcRSPcolNgWz68v3i6fEB4W8UseXTfd3AZDM0iZh/dUsSa3Ck\nklnn9iVjgs/V6ZYSgNNL1Jg0ZwbJmwdouTpW6iDoQzVZn65UtNsvDw+iMsU8\nkdwi4Iy4OI0IOZRZEdNbiXLsLbKlgC1cw4OwJRFVEXkx+KQNpsnv+URDxqdr\n6MzGQ6YK5sRoPXWN0nZ3BMWYRkXUBLRehPf6nYTYpta+gS6Wso6t+lBpCrpU\nrJR/q2joj4a2IUnTXqQn0uopONjdiLKR1qpBcPNSjC+2fTNmP9xlWyjOKlaa\nojCX+a8qm85lwqSZ/b5/92P0sf3JSXt50OfNL9V5SOTgdJr/2puKmLmrqQLA\n3gMKCL0ynLztYvljh1VJg5c+Y7Tin7gy2nXtAHqfbT0YIYTHHXtP/mDTD8jH\nxrIn\r\n=6gVF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDBpfXPPzHZx+34HRtiSUkwmySzGauw2nHaCrDi5aeWZwIhAOe2p0sra9VhnI6xgPruf6Zn48dkOzSuINRMPmGigSJ3"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.24.0-canary.8dff8894.0_1631732896292_0.647752823147189"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.24.0-canary.9cd7e927.0":{"name":"@material/mwc-linear-progress","version":"0.24.0-canary.9cd7e927.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.818f4ee93.0","@material/mwc-base":"0.24.0-canary.9cd7e927.0","@material/theme":"=13.0.0-canary.818f4ee93.0","lit-element":"3.0.0-rc.4","lit-html":"2.0.0-rc.5","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"cdc8741747c55134790f2334cd48c000ef607804","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/cdc8741747c55134790f2334cd48c000ef607804/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.24.0-canary.9cd7e927.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-t/AGMBki6MvKF4blGayJ0jAp9l+x5gnjsyS21GYk/VKCSwAU9GY28z2vBJRlnM2fgN1d7l8uYONEfMdT794sXw==","shasum":"feed125e68f29e4b593222770feceb4dce13344b","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.24.0-canary.9cd7e927.0.tgz","fileCount":16,"unpackedSize":66717,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQlg4CRA9TVsSAnZWagAAXIgQAKP38287oTbi9BuRPmxc\nNMGVCXu37S888KGhLcagzyZ7EVyCSURA64h+XBtHY9kYVtnsrwh0+H4B/Vig\nupivwl8NiFafdvgbWuvyijNkNKqo22heDP75v+aaPW+kaJSeLPiotJHzOYMg\nEAAdqxLQiqBxa4NCK0Xv0V1XknLXblEestlREQzAMf2o59xuxQ79Bxrcy6Gb\nNFx71uDVhTTRPdWTOi9ArQRid+212oooD8xM6EGhiTn0tN6RtLbcjErpqpOl\nm7RnjKNvD8CuiW8L+248vYedMTK+V6XC/rn61ymw0uc7AE2eYKp8K/WNOceg\nFb8NNXan0A22znKO8FO1lirjTkoXovjf2nxYqdiV4Ux5107l+vpVTs7GMztn\n7m9mtkCN28rOJE/K+vcnSMN8VrFS/ktsnyI4ncsK72+wzn/g3j15TbJPwuxm\n7YSQ2eSx+RNhq1u7RtBMuMvVUySW3gQeorK44oOinZo/8OSuJ1STSD/wnnat\nBKPWYRFNmxmSycZ3Ys5u1zQ0aXNy7EdcOn2ZeyYZTkUqpvcBv5kaJrmf5ahp\nxeK/rnPiOuVUipAgQjYXth27Wfh64iPQ5m/2z51xr0j6vtLh3XlQH0ePIEOl\nZQRR97ewBiFgHYkij+FMWSUnCwrGsa6SCIDjGF57a0HZ/WpVp/QubreWUguw\nDCJ7\r\n=D6l1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDCkyv89ejHfaiEptjYr94eeUCRdWn0yF5xP3QySvGlmAiAd5p00bHBnlYmNUC4mPDyW7W772cT+Xrt52tSITROuJg=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.24.0-canary.9cd7e927.0_1631737912368_0.6650965140631071"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.24.0-canary.a7132082.0":{"name":"@material/mwc-linear-progress","version":"0.24.0-canary.a7132082.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.818f4ee93.0","@material/mwc-base":"0.24.0-canary.a7132082.0","@material/theme":"=13.0.0-canary.818f4ee93.0","lit-element":"3.0.0-rc.4","lit-html":"2.0.0-rc.5","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"efa498c7c84be94afa4d7c50d5bc525723212e88","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/efa498c7c84be94afa4d7c50d5bc525723212e88/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.24.0-canary.a7132082.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-+6m+Z3oGheMkNBNViRy1+iB4wobZNxmLMGZszRCLVquqwrie9Qb3X1KffZkVmnBih+ENKgCpRbTYy3Y3hiWKPA==","shasum":"f3da9d3e319ba16b9235ea60dbcf5cfe3418e36d","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.24.0-canary.a7132082.0.tgz","fileCount":16,"unpackedSize":66717,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQmlwCRA9TVsSAnZWagAA6qgP/3DxMVkah0lz6tB7LOxW\nP6wIKrRONFVQJphADrt3tZ8aMpNYBNL8wx7FDHUQJHU69HZM7GjTTgmSCpIM\nkgMsuTrhX4w3BJUN9ZysI3LWqGerTa2um5xmqMiuEYJ7NQhcO/ri/CBCY3QF\nsNl0DKAEjtOlvDazfh+FeOKFADFgk4BvR1kyrVSyn/6HmtDXI2LPj4ta2jW/\nsHeSbflltemmWyGKiRX9C6A/nQdVFMiEqjXhaziINFDXJ45Ws7iF0ldUmjOK\n/1ITMwYVP+IyGt/qGykx2zYollvxlp1jlrN1V2DFc0Ps7JQ4Gj6cpz1hOXS6\nPOPxCmlrNkj27tYuzQQ/Dkht09Als141pZUVUpx9jnGOkMWIkWZOiLiDpwYy\ncr9UGs53W9o3t+9Ibvru/vAj45FAHFtYT5b+1o/EYLMW/TyLUw1bOka5GvVj\nITES1lUWbkp3DeW3xS4OYRNc+mVn9eVIpR2g74s+L8dMKL6QEilUTB7dUVm9\n7VIc0bUDUANT9g1DxUDY89LJnn+JUROVfs7DFTnGEBM5VZ+eiaLmr+FTEHzl\n5vkJcWo7hQXlGkg8DCc5BIpce+aD0WG1HA8mhceeEznORTWbUfR/R++gliwv\nmEwBEYcRvVIQRnmf4RUrUtj+tkzh6HxqyUfB7HcN5IONrr/PIiLE0LVsFlwJ\nD0bS\r\n=NqbO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHXnStAFAQjWLJnsy7NZeY31xbgBRwyu2UgrTkEj8m1jAiBjzIRYyk4A8zyNnY7UWsERdzj7GrprT/E2lHgYcjlGHQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.24.0-canary.a7132082.0_1631742320585_0.7520908157457733"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.24.0-canary.cd9110cd.0":{"name":"@material/mwc-linear-progress","version":"0.24.0-canary.cd9110cd.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.d4e16a6c4.0","@material/mwc-base":"0.24.0-canary.cd9110cd.0","@material/theme":"=13.0.0-canary.d4e16a6c4.0","lit-element":"3.0.0-rc.4","lit-html":"2.0.0-rc.5","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"fe7dab0d93d6598d6a6c08de182cb7e3245f26b4","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/fe7dab0d93d6598d6a6c08de182cb7e3245f26b4/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.24.0-canary.cd9110cd.0","_nodeVersion":"10.24.1","_npmVersion":"lerna/3.22.1/node@v10.24.1+x64 (linux)","dist":{"integrity":"sha512-KQbylHr57t2HTsnBSCSbXA9BT5BDXPpWfyqqtUkhjTWAifpNMipbtQ1zuz3Q5kVti6Het9au1Ir7HMeZtCx4DQ==","shasum":"70e3fecc50894369c6ee3c5a50de4fbde20e0e08","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.24.0-canary.cd9110cd.0.tgz","fileCount":16,"unpackedSize":66717,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQ4KsCRA9TVsSAnZWagAAlN0P/0sELIBRsbZQ2bou2j+u\nauKg2tRkuL5ipwNdMnLFiD6Y+yExtGzbb0ZNzUKBagxqgdjJ/Z3L6OU/EmGe\nAmWW2l5/MzJtD0QZ+CG/TIEAwa/R8StsCV841hYCT2OvCQOxdW2Mr4/2Fp2O\nV/i2vWHDUFr/nBS56ZAaw2YwZwdDxrEPm1F4Rp8Cj1HFxpOdEGzQSHl1MLua\noPXi8wGcTHvVl7T0Uaxf7gn4fMFDcuiXQNtX+TwjWr/YIBODMoH9l1kRLbPd\n0hlffPLOhOMwaOErX8t+KpyvTeZWOh//uo/5/pJUzzpq9PlLkrN/sMja0ZxF\n93c1KTicEc7ml4IRuhkofeThOFKClJY4mZTtmWYas3a3aBLUbYZin0GrAaOn\npQbsTkIrTJM3bQPag4yDNBRfFpjL9X918sd89iehjOlg2h8RvpxVKHPEq9Gj\n+eure+ATKz1+Rz5z1UfKNSk8YF6btn4grf0K2eY9EV+1xPzKJilmSrIz2a6I\nS2Zsn/h3Wt8aTxd/IMly0t3kkBxntADGfgvse+mZHrsoaLiE51pGMkC7hhHJ\nB1MR3/HNqsz1tFUaZMnTaKw92wn+y2oRGsvvlNEUzkRj0YKl9+8NqrQLOqL1\n0bWQI9xy8DmUjX92z0GM5ds9D1IN3LwCqo8d8lNeVVMKTsx7eDJEHjWGOz1Z\nj8ux\r\n=CZNI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDawl6BY9JFqz5w/zO2NjeinKSYzA4zKpCeW2gAVX/QNQIgVT37OiMsgTF2lwQYwsBlKojTidZ0PkX9v/p8HDGni4c="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.24.0-canary.cd9110cd.0_1631814316246_0.4930321552831487"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.24.0-canary.1e5a9883.0":{"name":"@material/mwc-linear-progress","version":"0.24.0-canary.1e5a9883.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.d4e16a6c4.0","@material/mwc-base":"0.24.0-canary.1e5a9883.0","@material/theme":"=13.0.0-canary.d4e16a6c4.0","lit-element":"3.0.0-rc.4","lit-html":"2.0.0-rc.5","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"5b1cd8120da2d6449203e71bb01079f709aa19bd","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/5b1cd8120da2d6449203e71bb01079f709aa19bd/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.24.0-canary.1e5a9883.0","_nodeVersion":"14.17.6","_npmVersion":"lerna/3.22.1/node@v14.17.6+x64 (linux)","dist":{"integrity":"sha512-7Vb1fOssn9vaOtGeAa3Z9HC8970ukjuAjMW1g9TYmhcqYkTobT1w8m1/wAu7p6RsNlBZvHT3I03Ftfz/lsFxWg==","shasum":"b755ca0ed11869bcf0131b804637b0a75988eb1a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.24.0-canary.1e5a9883.0.tgz","fileCount":16,"unpackedSize":66717,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDd9nZMWjVItoKugkVnqyUHJDKP8XHD2d7sgqqhCVE4MAiAhGGK3BN1PWjpX6kVbUSdJkzeTslvyosbO4eYOu0lahQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.24.0-canary.1e5a9883.0_1631911134372_0.2202918074749438"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.24.0-canary.32c830ee.0":{"name":"@material/mwc-linear-progress","version":"0.24.0-canary.32c830ee.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.65125b3a6.0","@material/mwc-base":"0.24.0-canary.32c830ee.0","@material/theme":"=13.0.0-canary.65125b3a6.0","lit-element":"3.0.0-rc.4","lit-html":"2.0.0-rc.5","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"72f380d7ef6cb00e8a03c42048cbf0cc09820ae9","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/72f380d7ef6cb00e8a03c42048cbf0cc09820ae9/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.24.0-canary.32c830ee.0","_nodeVersion":"14.17.6","_npmVersion":"lerna/3.22.1/node@v14.17.6+x64 (linux)","dist":{"integrity":"sha512-eojqq0541nlT7VgPXhRpFY0XC/lRuAmYl0Or7uqo9BEvWugdpZz5raISn/vsaALKBqjoc8yaIyF6DBAufxnt6w==","shasum":"865eda30526d80f8ef915f05ca61d93f13a52aa2","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.24.0-canary.32c830ee.0.tgz","fileCount":16,"unpackedSize":66717,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDwWCn4O7svXm55t7u7zon/rFS/1qrE78q83bMo9KzSnAIhAPVxAshFs67m1LQk3THWIF27KC+hxInK+82ljGm2GIR7"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.24.0-canary.32c830ee.0_1631920111590_0.6441784055748256"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.24.0-canary.1de87bb7.0":{"name":"@material/mwc-linear-progress","version":"0.24.0-canary.1de87bb7.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.65125b3a6.0","@material/mwc-base":"0.24.0-canary.1de87bb7.0","@material/theme":"=13.0.0-canary.65125b3a6.0","lit-element":"3.0.0-rc.4","lit-html":"2.0.0-rc.5","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"a3215ff82b8bd0ba323b98cc29ed77fca57b8643","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/a3215ff82b8bd0ba323b98cc29ed77fca57b8643/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.24.0-canary.1de87bb7.0","_nodeVersion":"14.17.6","_npmVersion":"lerna/3.22.1/node@v14.17.6+x64 (linux)","dist":{"integrity":"sha512-chErj3suKZ3GSQWs0jKkqYPIycCKJ+YplHHPvqufSiHrcuURA0cyBBfhHt6oTRNngD4ZRkyv8rDVyZk1zHpURw==","shasum":"054286e0f24ffaae686c1d02f15524d9bfc7c18d","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.24.0-canary.1de87bb7.0.tgz","fileCount":16,"unpackedSize":66717,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQClo3m2UVJi77qX9wXbPFgBvbFT6N3VfNjgo6QpDlWFswIhAKtp4mF39xUMoIsfewDhdewwpAeGKiZc6nX5dODav3Qe"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.24.0-canary.1de87bb7.0_1631991117052_0.2547022997645749"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.24.0-canary.f2ea80c4.0":{"name":"@material/mwc-linear-progress","version":"0.24.0-canary.f2ea80c4.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.65125b3a6.0","@material/mwc-base":"0.24.0-canary.f2ea80c4.0","@material/theme":"=13.0.0-canary.65125b3a6.0","lit-element":"3.0.0-rc.4","lit-html":"2.0.0-rc.5","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"be75dd39a03705b3cc24c5614f2c7f2be7c3c93e","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/be75dd39a03705b3cc24c5614f2c7f2be7c3c93e/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.24.0-canary.f2ea80c4.0","_nodeVersion":"14.17.6","_npmVersion":"lerna/3.22.1/node@v14.17.6+x64 (linux)","dist":{"integrity":"sha512-Ql8mZOBBiDfehMi0SQdQzEuRf0Ym4ILDN+IX5AkV4ON5RWSB7GJQ/Mmx+fPpItEraPfid1JVgN0l6Hdxz1rgmw==","shasum":"06f867ebe1d19ab07a0cde1d43f3de0da9e6ec7d","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.24.0-canary.f2ea80c4.0.tgz","fileCount":16,"unpackedSize":66717,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDEALspfPA19jAmrou/P4jamu7QrQbQLaERSJHC4YATIwIhAM9ZAXnoSD6uYpRmkA8dhPBuzywnXH7JFMmYcJoCAO43"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.24.0-canary.f2ea80c4.0_1632160481476_0.774030328167723"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.24.0-canary.569d739f.0":{"name":"@material/mwc-linear-progress","version":"0.24.0-canary.569d739f.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.65125b3a6.0","@material/mwc-base":"0.24.0-canary.569d739f.0","@material/theme":"=13.0.0-canary.65125b3a6.0","lit-element":"3.0.0-rc.4","lit-html":"2.0.0-rc.5","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"c2e841aead340c043b080dc4718873a82f109450","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c2e841aead340c043b080dc4718873a82f109450/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.24.0-canary.569d739f.0","_nodeVersion":"14.17.6","_npmVersion":"lerna/3.22.1/node@v14.17.6+x64 (linux)","dist":{"integrity":"sha512-9Mg4IW4Ffx2INOKcFOG7mR89L8tCJxU2+EHiEGQV/GgTRpjVglmqw36FyyXHZ813B2N1UrJD/2PVryqgNkboeg==","shasum":"098086719e7833b1b58350edbbef45584cb2c644","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.24.0-canary.569d739f.0.tgz","fileCount":16,"unpackedSize":66717,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH4zo/tOhWu1MYjvt/fEHPva/thiZTd0DPvvHGKnKtSRAiEAyQ1mufASPglhJRQor471BAAUMkFkD6nJxVnxxR8R5NE="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.24.0-canary.569d739f.0_1632173008875_0.7176162633974312"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.24.0-canary.5a434a50.0":{"name":"@material/mwc-linear-progress","version":"0.24.0-canary.5a434a50.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.65125b3a6.0","@material/mwc-base":"0.24.0-canary.5a434a50.0","@material/theme":"=13.0.0-canary.65125b3a6.0","lit-element":"^3.0.0","lit-html":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"7f2821932d60f65ba8b79446374be9a66f009858","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/7f2821932d60f65ba8b79446374be9a66f009858/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.24.0-canary.5a434a50.0","_nodeVersion":"14.17.6","_npmVersion":"lerna/3.22.1/node@v14.17.6+x64 (linux)","dist":{"integrity":"sha512-OhYbnZ+/cbxunN5eraKkQyptOe2QaL5neIQ/pRaRL/33wNIszpFa7XVndJV1bH0VT2f8DjG7sp2NTT/AfvcuWg==","shasum":"ee831aa429e6edf4b2bdb306a6b827484fb7ad47","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.24.0-canary.5a434a50.0.tgz","fileCount":16,"unpackedSize":66709,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFdQX5eJj73Qo992HJreLROz+4ZSZaLVNqNXFvtJkfWFAiBtmJO1XuAqYhyKH7adUS8BJkQ8J3qR9xLuBnJNeTBDUA=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.24.0-canary.5a434a50.0_1632189624532_0.1982771410806281"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.6be1a13e.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.6be1a13e.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.65125b3a6.0","@material/mwc-base":"0.26.0-canary.6be1a13e.0","@material/theme":"=13.0.0-canary.65125b3a6.0","lit-element":"^3.0.0","lit-html":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"3ceaeaa7e4bf1c68a18e69c841acf156afc64dc3","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/3ceaeaa7e4bf1c68a18e69c841acf156afc64dc3/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.6be1a13e.0","_nodeVersion":"14.17.6","_npmVersion":"lerna/3.22.1/node@v14.17.6+x64 (linux)","dist":{"integrity":"sha512-rHEmkH5A6zggKkw58fWVSb+F9Pu26r5LLHdhy0t5N+gnwPcBTAqICSQ+FIdjFPBV2wcJRD+Hp1MHtBMAUz0YlQ==","shasum":"adf08ab052d2d8610b81682520b492316290fddb","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.6be1a13e.0.tgz","fileCount":16,"unpackedSize":66709,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHRFUJq+59t1eTbN/0Q3YoNPb78/0o23T8kVjlxNsflsAiEApzypgtq9RRkAoGTTbv4s55UB6ytZCBVlI6H82bI0Tw0="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.6be1a13e.0_1632192778996_0.13550222868203665"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.b1c1ab52.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.b1c1ab52.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.65125b3a6.0","@material/mwc-base":"0.26.0-canary.b1c1ab52.0","@material/theme":"=13.0.0-canary.65125b3a6.0","lit-element":"^3.0.0","lit-html":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"320a093b73bd45cc5fa68abda305913c26c72310","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/320a093b73bd45cc5fa68abda305913c26c72310/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.b1c1ab52.0","_nodeVersion":"14.17.6","_npmVersion":"lerna/3.22.1/node@v14.17.6+x64 (linux)","dist":{"integrity":"sha512-CXgdQnWQpDjysty2orIqE7UOhky+mw75kzqNp6ay/BxvLEEO/X0Q45bVJDlVvbcsh2aKc4ELHk1OXVwEN4ai3w==","shasum":"749636a9b626fe5f38db57c48d11d00c7d89cbdd","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.b1c1ab52.0.tgz","fileCount":16,"unpackedSize":66709,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCVSazHcfPxSZfzlv3i1hFKqJrX/VN8vGFo1BJSkOSmAgIhAM+YAJ++d0dM9qVZW9X1MmwO+26bIJB2ojoQLJKz+8tG"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.b1c1ab52.0_1632193918379_0.946494862394329"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.25.1":{"name":"@material/mwc-linear-progress","version":"0.25.1","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.65125b3a6.0","@material/mwc-base":"^0.25.1","@material/theme":"=13.0.0-canary.65125b3a6.0","lit-element":"^3.0.0","lit-html":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"b1c1ab5230f56f6bce405387b9c75cc7111cacc2","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.25.1","_nodeVersion":"16.9.1","_npmVersion":"lerna/3.22.1/node@v16.9.1+x64 (darwin)","dist":{"integrity":"sha512-3K0EfEHlBSmkAZNBVuh5SUq+H1BpIBUHq3cp6IM8KpcJ1gHc/rxcCh/+W+gtvo22VmtXvMYTgLoaVKcDIZFo4A==","shasum":"b5148a38a1a8fa6da7de9554a4e1d4ad934d0102","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.25.1.tgz","fileCount":19,"unpackedSize":85706,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFh2VZhNOlptwBXPMMnEAnpoIAY1YBGBnYnc3OhMBlxtAiApM6+JDIMybea+L7UZ3tOGexgfrX0ZBsPly1aAHjn5Mw=="}]},"_npmUser":{"name":"emarquez","email":"emarquez@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.25.1_1632193958495_0.8400625518759941"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.ae060177.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.ae060177.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.65125b3a6.0","@material/mwc-base":"0.26.0-canary.ae060177.0","@material/theme":"=13.0.0-canary.65125b3a6.0","lit-element":"^3.0.0","lit-html":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"b919ae5340a9ffc926d328999cc5fe5704922e40","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b919ae5340a9ffc926d328999cc5fe5704922e40/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.ae060177.0","_nodeVersion":"14.17.6","_npmVersion":"lerna/3.22.1/node@v14.17.6+x64 (linux)","dist":{"integrity":"sha512-p7ipeLzmfQWZhs60ooAykYuRPXnjbWCk35U9ag484h2iRCFoTX51orGC2dW1Y7XQ5B3CPP/1PbSfWnEWWC5sWQ==","shasum":"bf2c515489295ce380801c93bcf98a573957b065","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.ae060177.0.tgz","fileCount":16,"unpackedSize":66709,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDL5PzD4CHmXLetcRagQXb8BoOtJTTt7gWyjj9oW/NCbAIhAOtyaSHOoqvNf+VYY6v8UW9nnRNNkps/w+sI5rndHhDU"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.ae060177.0_1632235073547_0.8647218313013014"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.b6fe2a12.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.b6fe2a12.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.65125b3a6.0","@material/mwc-base":"0.26.0-canary.b6fe2a12.0","@material/theme":"=13.0.0-canary.65125b3a6.0","lit-element":"^3.0.0","lit-html":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"06feede8e75d655952f3a43b5c971276c26fe92e","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/06feede8e75d655952f3a43b5c971276c26fe92e/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.b6fe2a12.0","_nodeVersion":"14.17.6","_npmVersion":"lerna/3.22.1/node@v14.17.6+x64 (linux)","dist":{"integrity":"sha512-w31s476kNW2q33npvg6p3OZen+l5JSzS2wCr52kNDg+dSmMBhujUx8/A7kWv8eWQjzwnAhGJneWWavZ2s6Qttw==","shasum":"559874b089eb408a8788f42006d16f7bc67e3fe5","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.b6fe2a12.0.tgz","fileCount":16,"unpackedSize":66709,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFYUYlL/YePPkU6HjU0dNao8+F38qZ9xPBYO1PIyQd5+AiB6PHzv4ZS3mXog8cyNV9pPiQSeCepE8gI7qK6buGNLCA=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.b6fe2a12.0_1632341763473_0.22445838486640435"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.07e91417.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.07e91417.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.65125b3a6.0","@material/mwc-base":"0.26.0-canary.07e91417.0","@material/theme":"=13.0.0-canary.65125b3a6.0","lit-element":"^3.0.0","lit-html":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"9fcacc1890992ebd650dca508478ea3a276a1ebe","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/9fcacc1890992ebd650dca508478ea3a276a1ebe/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.07e91417.0","_nodeVersion":"14.17.6","_npmVersion":"lerna/3.22.1/node@v14.17.6+x64 (linux)","dist":{"integrity":"sha512-d06omSrbIbG1oQloFBn8bcHjJpuv73LumPdyb/79ao67zb9aeV1V+5HeTeqvEkso3fI5ReuNbkuKp4VzWGiW9Q==","shasum":"1932cdd62b3205d5918b9f0aed4d71bfae7a0b56","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.07e91417.0.tgz","fileCount":16,"unpackedSize":66709,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF3NVxMdzEKkZ8bUhJjVgsakZtlYNEdhr4LWuieYSNRtAiEA++a5yANImjuG+MwisWJkWiDhdMRsjT306a6pPSqzAjQ="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.07e91417.0_1632344731435_0.3063921089170629"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.e2203ffa.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.e2203ffa.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.65125b3a6.0","@material/mwc-base":"0.26.0-canary.e2203ffa.0","@material/theme":"=13.0.0-canary.65125b3a6.0","lit-element":"^3.0.0","lit-html":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"dccbe3e93b2694b3336adcf33188115ced04a52e","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/dccbe3e93b2694b3336adcf33188115ced04a52e/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.e2203ffa.0","_nodeVersion":"14.17.6","_npmVersion":"lerna/3.22.1/node@v14.17.6+x64 (linux)","dist":{"integrity":"sha512-melC4CXFjy8qmhjffuUEmpYyz00/Cm0ZXj541lcnfgDi004h4LMOHUXIlgZC2bf2sj9kUIr28soORjhdbIwxsQ==","shasum":"190075274d401b7213a847daf5c46a33e473271a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.e2203ffa.0.tgz","fileCount":16,"unpackedSize":66709,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEGCxGamCCZC0uPT/lyvpvZ906ax0bdp1OtI/OWfa6gdAiEA2xnw+T4y67qfwXexhx8g/tYtdS7ln9edGfUZF7uWeDk="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.e2203ffa.0_1632421642893_0.435140310935767"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.4abe237e.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.4abe237e.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.c79aa0cdd.0","@material/mwc-base":"0.26.0-canary.4abe237e.0","@material/theme":"=13.0.0-canary.c79aa0cdd.0","lit-element":"^3.0.0","lit-html":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"c0c828f0240aea9472d319d4a1bb77871c960873","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c0c828f0240aea9472d319d4a1bb77871c960873/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.4abe237e.0","_nodeVersion":"14.17.6","_npmVersion":"lerna/3.22.1/node@v14.17.6+x64 (linux)","dist":{"integrity":"sha512-cHL0fUTPKC/Mg5kchN67wU7MurrqH1fkmz7Epii3YdxPa9hHzoUsxkEL3l3J2IAKE2g2kmeqVuYlqYvIvqhBpg==","shasum":"1e461f7ac5cfb8242e0c91c1e5eb7d4689bf50bf","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.4abe237e.0.tgz","fileCount":16,"unpackedSize":66709,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCsufMzxnQs73I1b7KzSWsuQNJTSOTEccCxEqkqRUqKhgIhAIkIRZ6TOybGMQycqvKtsA34IoPQtpGGHBgK286XKHgQ"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.4abe237e.0_1632504653898_0.11162218841341143"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.6278ee5d.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.6278ee5d.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.c79aa0cdd.0","@material/mwc-base":"0.26.0-canary.6278ee5d.0","@material/theme":"=13.0.0-canary.c79aa0cdd.0","lit":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"85137ac5f9a59dd64512524f380c65b268a2344f","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/85137ac5f9a59dd64512524f380c65b268a2344f/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.6278ee5d.0","_nodeVersion":"14.17.6","_npmVersion":"lerna/3.22.1/node@v14.17.6+x64 (linux)","dist":{"integrity":"sha512-ZL6K71KQily7mIy6TBzzPUuBKy5seyCHNz7SJJ2ZhIerLP3qC2obZcKSyy80L+kA7RVk61h23H0tWECYVnkE7A==","shasum":"9e681f99d131fa5de38739942d17a20c9dd9d805","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.6278ee5d.0.tgz","fileCount":16,"unpackedSize":66730,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG5wu8T5O2Wua7Xl4TrIJbJxD9XN5nWvZUFHDM1Taf+wAiBFVZPtcGbGeZDwhIzai0i9FaWtPGVK8+By3fFs7+JqPQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.6278ee5d.0_1632767469328_0.3871555928794628"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.3a5d5f34.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.3a5d5f34.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=13.0.0-canary.c79aa0cdd.0","@material/mwc-base":"0.26.0-canary.3a5d5f34.0","@material/theme":"=13.0.0-canary.c79aa0cdd.0","lit":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"0708ad010478b6186d6be52d3494f33bd4d40e17","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/0708ad010478b6186d6be52d3494f33bd4d40e17/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.3a5d5f34.0","_nodeVersion":"14.17.6","_npmVersion":"lerna/3.22.1/node@v14.17.6+x64 (linux)","dist":{"integrity":"sha512-CgoyEHTxqLQ8/LDXlnsJkpxmW7fP0Jm109o1rCMagJi2P8sxUguxAAjLcNGq9yRZGvuaFBthSZiTi6Ld9NK6Rg==","shasum":"02e996c2aaf14d679b6be752a8dc9f3cb873f1b1","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.3a5d5f34.0.tgz","fileCount":16,"unpackedSize":66730,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDr8/iZVGR36lTQINo/1fYQ4s2rH3HbgLZr4xvxy3d+ugIgfX0L51lnC/oTGd4aZ73fUr+yUvP+5U3tsS4i9I6LfRU="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.3a5d5f34.0_1632782478038_0.7975441295072137"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.143ed3c8.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.143ed3c8.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=14.0.0-canary.86b50ef74.0","@material/mwc-base":"0.26.0-canary.143ed3c8.0","@material/theme":"=14.0.0-canary.86b50ef74.0","lit":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"d25beb586046dd7cd30a302cdbcf1114a66b7770","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d25beb586046dd7cd30a302cdbcf1114a66b7770/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.143ed3c8.0","_nodeVersion":"14.17.6","_npmVersion":"lerna/3.22.1/node@v14.17.6+x64 (linux)","dist":{"integrity":"sha512-6SOrFhlcreH1FgAX20WVaHMv8OfZ1Vlo2FQfiU1U0gCzCvVLnibP+lRzfKB59K4BZHP+IFXVjEizI+5ySGHN9w==","shasum":"dcf870e47e96ba890bb49a6615eb34902496a06a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.143ed3c8.0.tgz","fileCount":16,"unpackedSize":66730,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDmtNAUwUERte5qktZYbAaPNZbYGCiEzZst4dRnp5PiEwIhAPrCHkr/86u8JyF9CPi4PqiQWUYyJdrH1/NCmOrl3tCI"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.143ed3c8.0_1632880237582_0.8371421325871831"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.e5923d68.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.e5923d68.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=14.0.0-canary.86b50ef74.0","@material/mwc-base":"0.26.0-canary.e5923d68.0","@material/theme":"=14.0.0-canary.86b50ef74.0","lit":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"41f6e947d4028d5479ec62a20cbf1e1fce3c3a27","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/41f6e947d4028d5479ec62a20cbf1e1fce3c3a27/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.e5923d68.0","_nodeVersion":"14.17.6","_npmVersion":"lerna/3.22.1/node@v14.17.6+x64 (linux)","dist":{"integrity":"sha512-I0+aPEyGwtp9zm0zvkT3IHzA+sCpmolx/pqwiPHosR7oFwbt5C1HqTLGcTp/0IY/oKfcbukJuJxmZmkBnGw+Zw==","shasum":"c69a257a144df9d71fe50ca9fac20605eb7713d4","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.e5923d68.0.tgz","fileCount":16,"unpackedSize":66730,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDwM64XhQbRyHK6anxmOoPzTpegjqXuV7MC71U0odDLXAiEArGb6q9l8WevV/i8x8ZzkeOsTevmlNxDvWZ2mR/gMvxc="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.e5923d68.0_1632960335141_0.4588070343798176"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.d8ed5109.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.d8ed5109.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=14.0.0-canary.586e740dd.0","@material/mwc-base":"0.26.0-canary.d8ed5109.0","@material/theme":"=14.0.0-canary.586e740dd.0","lit":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"7cb638711a37e4d716e9aecb64598a665d377e7c","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/7cb638711a37e4d716e9aecb64598a665d377e7c/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.d8ed5109.0","_nodeVersion":"14.18.0","_npmVersion":"lerna/3.22.1/node@v14.18.0+x64 (linux)","dist":{"integrity":"sha512-utITq5lLb/celxuyvYDCOcPVBJCe2+328kkAcOQ82SEGsg1CgN9o1vEXkRDRlvO6L+icQBpoTsJpsG57vt3N4Q==","shasum":"2165c071daa1c9e2d659c3c9f651531d80a3d9be","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.d8ed5109.0.tgz","fileCount":16,"unpackedSize":66730,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB5nUe2FpaoML+vHeHm06SijHSD+fFAuyBzo+gCw7YADAiBpN4JUuFSpkt1esXXYFRxfbr8yNy344Y4dXAlC/ff5Vw=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.d8ed5109.0_1633044820060_0.004738843958420169"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.0efb9c2c.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.0efb9c2c.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=14.0.0-canary.586e740dd.0","@material/mwc-base":"0.26.0-canary.0efb9c2c.0","@material/theme":"=14.0.0-canary.586e740dd.0","lit":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"878935c40ce21b0cfddbf2aab964ba07d23dbb94","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/878935c40ce21b0cfddbf2aab964ba07d23dbb94/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.0efb9c2c.0","_nodeVersion":"14.18.0","_npmVersion":"lerna/3.22.1/node@v14.18.0+x64 (linux)","dist":{"integrity":"sha512-P/GLWfpiuVOs7BrwbVLUgrSEry1WayV7f5g/EGSRHqafI+2FjIe0lpNKSECi6Bf418FFVcJVdJ1+ZyGUfaC7bw==","shasum":"3110ea3773ba3abf8a118de4dff339d284d30446","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.0efb9c2c.0.tgz","fileCount":16,"unpackedSize":66730,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDcPkucQ+mrDoMvmwmpFbZNGcrgrQ2bkqugdAira1ne0wIgbovJtaaPDV5178YaijBOVri1WMb9LzNzFXx4FLzRuyM="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.0efb9c2c.0_1633140482610_0.07068673310585694"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.1c9adcb3.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.1c9adcb3.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=14.0.0-canary.586e740dd.0","@material/mwc-base":"0.26.0-canary.1c9adcb3.0","@material/theme":"=14.0.0-canary.586e740dd.0","lit":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"432b66e41cc474278a452cfd5bd850754fd8b9f3","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/432b66e41cc474278a452cfd5bd850754fd8b9f3/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.1c9adcb3.0","_nodeVersion":"14.18.0","_npmVersion":"lerna/3.22.1/node@v14.18.0+x64 (linux)","dist":{"integrity":"sha512-9dnM4FP2DHEyeTqliIBghcvDpungL3UW8jgBEBqeNAc2yf9w//BG4KTHlwT/jqw/BTGs/YaSkSZnbYTgUr6upQ==","shasum":"efc42d87670aa8596a6b126df2aee3e3742472e3","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.1c9adcb3.0.tgz","fileCount":16,"unpackedSize":66730,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH63zxLuNN4k9o6pbQz0fh28vP++Mcd8TC0P70MX86afAiEA8wvFOw3oM5T2SFjO8RkNUcqHYah5YtA8L3EIMzKcxmE="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.1c9adcb3.0_1633368801068_0.48951679790829195"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.dfc00d60.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.dfc00d60.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=14.0.0-canary.353ca7e9f.0","@material/mwc-base":"0.26.0-canary.dfc00d60.0","@material/theme":"=14.0.0-canary.353ca7e9f.0","lit":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"3edf5d72f0c17bcf7c2e7377e2c0b4579168d2b0","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/3edf5d72f0c17bcf7c2e7377e2c0b4579168d2b0/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.dfc00d60.0","_nodeVersion":"14.18.0","_npmVersion":"lerna/3.22.1/node@v14.18.0+x64 (linux)","dist":{"integrity":"sha512-NWy/Q8If9SZXaac/gaYO+QcZ1px89dXzQUNdyZon6REh/XbkOHiW/5gKrtvs1ak/UPmkm+CEz4axzs02Yo0y3w==","shasum":"7ab2aa92521d1a4b880073c7ece214afc742e526","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.dfc00d60.0.tgz","fileCount":16,"unpackedSize":66730,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDyNgDtOr+vyBvw78NvtgLd4hkfsCRv8/KAaXzR7r5I1QIgfCevx7cUxLQGXnkfxmZH996iE9hQm0ndT/ILj2/M3Jw="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.dfc00d60.0_1633741022474_0.4425647037004037"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.c3aa844c.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.c3aa844c.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=14.0.0-canary.353ca7e9f.0","@material/mwc-base":"0.26.0-canary.c3aa844c.0","@material/theme":"=14.0.0-canary.353ca7e9f.0","lit":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"a792c732afb00bf097879fdcd7a1ac2a0c5d9506","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/a792c732afb00bf097879fdcd7a1ac2a0c5d9506/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.c3aa844c.0","_nodeVersion":"14.18.0","_npmVersion":"lerna/3.22.1/node@v14.18.0+x64 (linux)","dist":{"integrity":"sha512-USo2QzxovK4IcgzaL627wMpcXXpPx/tuoRViFhePFWUgfU70dywdVLmVASBwEaK/tdMwcTAOCM8XZw2JBIO4/g==","shasum":"5b63d10dc46d7c36dc8c834384e2b73426d827a3","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.c3aa844c.0.tgz","fileCount":16,"unpackedSize":66730,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDaq1C7Ra1CslriA0Zrq1QVad/lszD52dBSarRHjBV/UgIgGdFmUpfBM+Y3mPGdaNUg2r6c55W3d1msN0Luf0QKCiM="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.c3aa844c.0_1633994048837_0.053818863186657184"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.25.2":{"name":"@material/mwc-linear-progress","version":"0.25.2","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=14.0.0-canary.353ca7e9f.0","@material/mwc-base":"^0.25.2","@material/theme":"=14.0.0-canary.353ca7e9f.0","lit":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"c3aa844c2a09ff9868820ce946f25f9df7714560","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.25.2","_nodeVersion":"12.22.5","_npmVersion":"lerna/3.22.1/node@v12.22.5+x64 (linux)","dist":{"integrity":"sha512-xDE1V7prr7l46JJknChs68SiHGzfSJ6DssJwLHil0n7SPNfrVUNTlnLRddBXokRM4ZS3fGOC8jToQ4p4YiTi2g==","shasum":"ab47877bdf2e3eef6e101a85a9a10eccb5f968e9","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.25.2.tgz","fileCount":16,"unpackedSize":66695,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDwpkVfRxsOD/MdwACKCFStUcjHS6t01wtCfJpK4+5mHAiEAwTqw5d21j1whYyE1bB0/zXhIP9eHyxksX646wbmYC/g="}]},"_npmUser":{"name":"taylorv","email":"brian.t.vann@gmail.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.25.2_1633994309213_0.09300560353329002"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.406d6fe1.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.406d6fe1.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=14.0.0-canary.353ca7e9f.0","@material/mwc-base":"0.26.0-canary.406d6fe1.0","@material/theme":"=14.0.0-canary.353ca7e9f.0","lit":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"d1410f3120b13ff08ccd731739c038b9fb14af78","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d1410f3120b13ff08ccd731739c038b9fb14af78/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.406d6fe1.0","_nodeVersion":"14.18.0","_npmVersion":"lerna/3.22.1/node@v14.18.0+x64 (linux)","dist":{"integrity":"sha512-YSyouEaKdaWDJ5wn6ciIPr8J5MqcEnEGSV1ERC9uoKVl6+/uwdxjdbHeJAZ3LoecSneTdmGW3cQ4yg0SS3dyRQ==","shasum":"355b0d802f026cdf4b6b594fd7a07beea643b90d","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.406d6fe1.0.tgz","fileCount":16,"unpackedSize":66706,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC5t3yDbtflVusF6EPxdcAgdbc+YZmcpAWXhNFCh0zOcQIgec0Vc1N1TYSpb2piCs3WeMAltWJ44Rw/I0WssphsgcM="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.406d6fe1.0_1634158754343_0.7861205151255237"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.ca0a674f.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.ca0a674f.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=14.0.0-canary.353ca7e9f.0","@material/mwc-base":"0.26.0-canary.ca0a674f.0","@material/theme":"=14.0.0-canary.353ca7e9f.0","lit":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"b8e99d19dfc1b6d5062ada3345d461e9a77f18f1","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b8e99d19dfc1b6d5062ada3345d461e9a77f18f1/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.ca0a674f.0","_nodeVersion":"14.18.0","_npmVersion":"lerna/3.22.1/node@v14.18.0+x64 (linux)","dist":{"integrity":"sha512-5fEyD27s6anTOWy4wXwMRdCgsmPQuF8QlF3uw7/roVrq3Q6fCWTVRmaScnMDN4d181KhBZPRqneMZhf/w3s5kQ==","shasum":"7e289381ae2112f136598248f4888a1cc3d0c73a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.ca0a674f.0.tgz","fileCount":16,"unpackedSize":66706,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHIqUDRS9tFi3epUI+mmLVMHEKrtrOOT3PPqG+05QowIAiEAgCjVvHl04A4QBFGTsRA/b+FPBuW6FQ9VJGD4lebuEDA="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.ca0a674f.0_1634592998917_0.9817024238123315"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.eefcf660.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.eefcf660.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=14.0.0-canary.261f2db59.0","@material/mwc-base":"0.26.0-canary.eefcf660.0","@material/theme":"=14.0.0-canary.261f2db59.0","lit":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"70552d8e831f6542ab42f41bb5d338adcff0500e","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/70552d8e831f6542ab42f41bb5d338adcff0500e/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.eefcf660.0","_nodeVersion":"14.18.0","_npmVersion":"lerna/3.22.1/node@v14.18.0+x64 (linux)","dist":{"integrity":"sha512-oqFumxSXLEUENoBOc96x+qaH1GywVHglmSG8LQWrSlmfkhgHFOcWilAzpMLaHQuGbCLc4tpRYEMVSJ3fyhhq4g==","shasum":"e2e8212f21c84615b0caab7eefc685660b85bb05","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.eefcf660.0.tgz","fileCount":16,"unpackedSize":66706,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGMJp47pDeKoOxF6RHamLlCWGGnjBa8hitMHZDsikPVHAiEAiJD8yZqzPgaeQwbjUeEocK+vETs2znh/URCCV+iTFdo="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.eefcf660.0_1634765004550_0.17923347014910052"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.d21acc8f.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.d21acc8f.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=14.0.0-canary.261f2db59.0","@material/mwc-base":"0.26.0-canary.d21acc8f.0","@material/theme":"=14.0.0-canary.261f2db59.0","lit":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"13f43aef10317d911611c572ecc044445a012a2f","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/13f43aef10317d911611c572ecc044445a012a2f/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.d21acc8f.0","_nodeVersion":"14.18.0","_npmVersion":"lerna/3.22.1/node@v14.18.0+x64 (linux)","dist":{"integrity":"sha512-Kfi7x3sht7mqiYi1Z0/xMcZstu2fi7uIE9yTQXL5QyoKtHyTASRXA2QSpETeOn15Od2yctCNUzMVn4rUCEPpmA==","shasum":"409b5fb57fc217f7fcbe874c2fc1bd5172f652d9","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.d21acc8f.0.tgz","fileCount":16,"unpackedSize":66706,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDg6CdwfBJBJXDpXS/79ceMNlE9fqXpo34HumJmaCEXNAiAplxASnoCAAyiuULfbWAu2e5cmRxJtaFykCrLYEavqgQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.d21acc8f.0_1634769136592_0.8226756079341753"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.25.3":{"name":"@material/mwc-linear-progress","version":"0.25.3","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=14.0.0-canary.261f2db59.0","@material/mwc-base":"^0.25.3","@material/theme":"=14.0.0-canary.261f2db59.0","lit":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"1f19804bea995fc84ab35feb67668d9874ff10f9","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.25.3","_nodeVersion":"12.22.5","_npmVersion":"lerna/3.22.1/node@v12.22.5+x64 (linux)","dist":{"integrity":"sha512-iAsM5zo78rYXXzwEg1RT0+jShxkUjOEUK0Yj6KxqxbXy1VKPTZ4HRB5Fy6wChWQi/Xl8wFlfI6nNAQtH7pakeA==","shasum":"0e71972db5af7409ba6899d9ac7ea6bb3105d21a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.25.3.tgz","fileCount":16,"unpackedSize":66671,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE+s/mXo7i9UJQJ5wq0S+gKm/YZZ0eFAoxWGnq4cwlyBAiBpGlA03+f2k0/5aJoP3gYTbKIO3bd/zlm+SGSCePxjjw=="}]},"_npmUser":{"name":"taylorv","email":"brian.t.vann@gmail.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.25.3_1634838938924_0.6309444631164358"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.60449b7b.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.60449b7b.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=14.0.0-canary.9803d2dc1.0","@material/mwc-base":"0.26.0-canary.60449b7b.0","@material/theme":"=14.0.0-canary.9803d2dc1.0","lit":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"cb5b8ebecb046df6d10001a163b69a26954c94bf","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/cb5b8ebecb046df6d10001a163b69a26954c94bf/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.60449b7b.0","_nodeVersion":"14.18.1","_npmVersion":"lerna/3.22.1/node@v14.18.1+x64 (linux)","dist":{"integrity":"sha512-P5swszJkIUA2zzMNWGG7Ou5oDmVP9HuZGtTXWyuLGFX1Ims3gWA8RkVg0aTjY9RinsZxmzViHBMV2vRGtNZjMw==","shasum":"8eabe4c0146f42b4776278499aa56f0de0f8d8e3","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.60449b7b.0.tgz","fileCount":16,"unpackedSize":66706,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC8FeJqAXSXyskpwflE5I0C6hYQvmjgZoFQZf1gx8gWtwIhAJ9r2w3XoYN0StiMB4H6eGKr7FimTiOPvyII9MxSPqMR"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.60449b7b.0_1634840229420_0.19379048485521277"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.0d8084ed.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.0d8084ed.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=14.0.0-canary.9803d2dc1.0","@material/mwc-base":"0.26.0-canary.0d8084ed.0","@material/theme":"=14.0.0-canary.9803d2dc1.0","lit":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"ca8c4979ee49843dba32b345040faa8c1e8a22a4","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ca8c4979ee49843dba32b345040faa8c1e8a22a4/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.0d8084ed.0","_nodeVersion":"14.18.1","_npmVersion":"lerna/3.22.1/node@v14.18.1+x64 (linux)","dist":{"integrity":"sha512-1hgciShXOc5SamMXOVmIlGN2J608UkP87NRnSYXVjuOXIQ1AUiF2DJxTd/2c60Q6ZGledNOvp9kgAmsOBfWwAA==","shasum":"10aee1959fd42f7d95f68fafa8e84fe5eb1253ad","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.0d8084ed.0.tgz","fileCount":16,"unpackedSize":66706,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDpKicTQWXbp33z0SYU2lOY6NnGBbKymvfUr8E/y1xTngIhAOWbBWHm7eWmODOcXdcpS6ra5ydwxqe9aGt2LHqWG8DP"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.0d8084ed.0_1635443081644_0.86463030356003"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.232327ee.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.232327ee.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=14.0.0-canary.a986df922.0","@material/mwc-base":"0.26.0-canary.232327ee.0","@material/theme":"=14.0.0-canary.a986df922.0","lit":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"0645d0b4b0eac5799fc20a3bd279788eb66a7564","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/0645d0b4b0eac5799fc20a3bd279788eb66a7564/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.232327ee.0","_nodeVersion":"14.18.1","_npmVersion":"lerna/3.22.1/node@v14.18.1+x64 (linux)","dist":{"integrity":"sha512-pPN3J/s9Yi8tgnLL80/Xx42bwovuimdhkj2A7JeY9XfpORTXeSx+fBfPtA7OVfSDKCh3V+mDVo9QzBSXoWoU7A==","shasum":"2ffef3f927085e05911ad2b05e6d819d9a38e906","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.232327ee.0.tgz","fileCount":16,"unpackedSize":66926,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCZNgfimKqvtr5Tkip/zQRDVqNuUcto3mNdEV7PLBw6UwIgLTZDattyV7Ujwspjam+vtcBF7db77EYsANy+ebuTg5k="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.232327ee.0_1635797732297_0.9270991097769201"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.0a492ae8.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.0a492ae8.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=14.0.0-canary.a986df922.0","@material/mwc-base":"0.26.0-canary.0a492ae8.0","@material/theme":"=14.0.0-canary.a986df922.0","lit":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"9f520a49648fd39a7140df761448008fe0fbb492","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/9f520a49648fd39a7140df761448008fe0fbb492/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.0a492ae8.0","_nodeVersion":"14.18.1","_npmVersion":"lerna/3.22.1/node@v14.18.1+x64 (linux)","dist":{"integrity":"sha512-rB57sEAovJV5T/zT38LjJQP6vH2+oiOB9AmLPThKJKrq2RAUa/izgV4Tif/MjFWKE1rhZ1aY9HkkWsD6204YoQ==","shasum":"0b54a7cdc97cb1bbbe1a8f68d1c51162fed89207","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.0a492ae8.0.tgz","fileCount":16,"unpackedSize":66926,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDEBbbLAHKrgBT5MrAHQ4smeWsMeODJkZE1XtUQRy1P5QIgHM3KJ2WPWConpY1JakHN5glBV8nGAzgmbh3VDoP+Y+c="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.0a492ae8.0_1635847212642_0.7665274623956289"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.0aa18745.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.0aa18745.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=14.0.0-canary.a986df922.0","@material/mwc-base":"0.26.0-canary.0aa18745.0","@material/theme":"=14.0.0-canary.a986df922.0","lit":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"5345838b7f3a3ec41bf4ef997759be6aae3cd340","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/5345838b7f3a3ec41bf4ef997759be6aae3cd340/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.0aa18745.0","_nodeVersion":"14.18.1","_npmVersion":"lerna/3.22.1/node@v14.18.1+x64 (linux)","dist":{"integrity":"sha512-1YorQCN2DMgQUxGSMec9R5YB/Ycazk1CnZOeXKA2vQ/VAzxTkgqXxt8xRwIlIndyZaVG+5Tjrd78EkHwm/4AcA==","shasum":"f92a0e0718d30327e963b4bb2233dd465c2a4c61","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.0aa18745.0.tgz","fileCount":16,"unpackedSize":66926,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH5EbLNn//LXNSUg7Eu8DyhnmyuPhhFbJ8VUAFOnI9CAAiEAr8OEx7z8AX+/LmrOy1jvOxKbRK0igfZDpBHL41VQJeI="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.0aa18745.0_1635876457036_0.9976748629989853"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.f3e28323.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.f3e28323.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=14.0.0-canary.a986df922.0","@material/mwc-base":"0.26.0-canary.f3e28323.0","@material/theme":"=14.0.0-canary.a986df922.0","lit":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"ebbbec0b1b0e29da237ec87bebd889c3af847f1b","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ebbbec0b1b0e29da237ec87bebd889c3af847f1b/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.f3e28323.0","_nodeVersion":"14.18.1","_npmVersion":"lerna/3.22.1/node@v14.18.1+x64 (linux)","dist":{"integrity":"sha512-FQTcmmHlfIyGnwAK4vy2euHl5N8rzomd9xWVJMItsEveebk4FniKt25AF7RP+h0ErVKVnDbHQiU0buez7FpJ5w==","shasum":"b5a06ad10976c985d6eb5ef9d03396aed6350d44","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.f3e28323.0.tgz","fileCount":16,"unpackedSize":66926,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC58Dl2iF7EGgYbXauZ01VcH0jPibiieDGTVLQbUeXpBQIhAJjfKAkqCJG19P6s/TX0Xav0ulZSHM+gxNm/qm2P6DVd"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.f3e28323.0_1635879558744_0.9836336652145854"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.27e05c5d.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.27e05c5d.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=14.0.0-canary.a986df922.0","@material/mwc-base":"0.26.0-canary.27e05c5d.0","@material/theme":"=14.0.0-canary.a986df922.0","lit":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"c052b0acfe9f929e6bae475576f23f8349bde578","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c052b0acfe9f929e6bae475576f23f8349bde578/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.27e05c5d.0","_nodeVersion":"14.18.1","_npmVersion":"lerna/3.22.1/node@v14.18.1+x64 (linux)","dist":{"integrity":"sha512-A1qY554tEU8K78uV2hqw4LK2Ogk6X3O7e8vCs97gltJRTjdl9V7jSF0LkB3ICPop7ESfZRTE/GAoTUkqP9O5WQ==","shasum":"531d346f6d071f750424d38e7677b000b32259ad","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.27e05c5d.0.tgz","fileCount":16,"unpackedSize":66926,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC2oMaCU+ThE0knreVQpwH6Vza+kZdBM9/aEqXnGfovpwIgcN5uQ1AYmX9zonfQpPNssKa5Xt7DRI+3eLCNvibsNrM="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.27e05c5d.0_1635965085449_0.028005756605580245"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.b9e44af7.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.b9e44af7.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=14.0.0-canary.a986df922.0","@material/mwc-base":"0.26.0-canary.b9e44af7.0","@material/theme":"=14.0.0-canary.a986df922.0","lit":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"93bbd63ef108db911df936720517c5068ef30dcb","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/93bbd63ef108db911df936720517c5068ef30dcb/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.b9e44af7.0","_nodeVersion":"14.18.1","_npmVersion":"lerna/3.22.1/node@v14.18.1+x64 (linux)","dist":{"integrity":"sha512-N+1kefc7tlLd/bW7n8y/PVBNYYgWf8+N6WusF3oqcyWmUAXUsqtR2OzMzvWurIQPlCu8Tp8qWCxpkqG1Jn+xUQ==","shasum":"c0aea7dd1b53008b74a9fdb95ac417a0202d3de1","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.b9e44af7.0.tgz","fileCount":16,"unpackedSize":66940,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEREWdm8bfDoKwAdaTKoo0Xd4Yyam9UCsF7WNineKSHjAiEAn2590Ubxe1ViZul7yaH0z2KFm0Rsh54e3uw+XunNhr8="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.b9e44af7.0_1635966228973_0.18786572140660152"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.448f6cb9.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.448f6cb9.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=14.0.0-canary.a986df922.0","@material/mwc-base":"0.26.0-canary.448f6cb9.0","@material/theme":"=14.0.0-canary.a986df922.0","lit":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"b9833961f155dca92373d3a6f0476bc8cef934a2","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b9833961f155dca92373d3a6f0476bc8cef934a2/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.448f6cb9.0","_nodeVersion":"14.18.1","_npmVersion":"lerna/3.22.1/node@v14.18.1+x64 (linux)","dist":{"integrity":"sha512-L/zpgfO+9xCiKwrj0nP8yh61uTDYoNLgWDDfbXa0RSzqj3ErMl1CbKTBuSb3eQ7u4N3U7p4Wfcia5ygUk9H0MA==","shasum":"e4d24df87f2e017e20862c3f39a3dd8b6e712d05","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.448f6cb9.0.tgz","fileCount":16,"unpackedSize":66940,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCLIU6e73s9NHqbvFnDdzQFuYqoIkSN+uYHhPYOVq66DgIgGEMtCJgaLJssb69eZpv7vpPBKT/cL4pO2bbCC2PyMCM="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.448f6cb9.0_1636049262054_0.8864828470439772"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.8067ce28.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.8067ce28.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=14.0.0-canary.a986df922.0","@material/mwc-base":"0.26.0-canary.8067ce28.0","@material/theme":"=14.0.0-canary.a986df922.0","lit":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"a4d0d35b15bd6e7a29375f11c520886e5b9d168e","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/a4d0d35b15bd6e7a29375f11c520886e5b9d168e/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.8067ce28.0","_nodeVersion":"14.18.1","_npmVersion":"lerna/3.22.1/node@v14.18.1+x64 (linux)","dist":{"integrity":"sha512-aVxLl9TonpF2D0Fu1ukJOoLyyuWaBZd0Chq7dSohfOPi+97vJGquUmCoz2+RGd9JFlxZ2/iN+7tNWDEENQtu8Q==","shasum":"7155ca9f6181f3d6b32d4de9953c00720982be63","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.8067ce28.0.tgz","fileCount":16,"unpackedSize":66940,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA0ZgYVpc3SBsb0SZovXKyT0YY5aaaB/xDBzb7f9OL6+AiEAt7Fv9XefkIvmISx2Q10fps1WwVOgyg3cPxGxaOWqnS4="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.8067ce28.0_1636064533837_0.878999618483935"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.345c2bb9.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.345c2bb9.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=14.0.0-canary.43d08ba77.0","@material/mwc-base":"0.26.0-canary.345c2bb9.0","@material/theme":"=14.0.0-canary.43d08ba77.0","lit":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"3e7898316da6adc11d19b54d685e52bc4bb79733","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/3e7898316da6adc11d19b54d685e52bc4bb79733/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.345c2bb9.0","_nodeVersion":"14.18.1","_npmVersion":"lerna/3.22.1/node@v14.18.1+x64 (linux)","dist":{"integrity":"sha512-jRXLuk4NCDw1Wr/8YT34hbbAeFQ4w3slVEleRxeoMoIJDbeKxY5IN220yGeEEpaRivS3MEmZSsIZitNSQiYE8g==","shasum":"008018d21ace7e4f2a8c4f564c74d65d256e2cd8","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.345c2bb9.0.tgz","fileCount":16,"unpackedSize":67118,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhqP3aCRA9TVsSAnZWagAAgbAP/3Pri7AhFye1gGgt4aib\nktkr3WWi2KHdqzwI5jVTactJbNlQoU5Wu0W/VqJQ9hxx0ain8VIDd5GaAYI3\nGMvmTKS+dxOIHL0UzRKwSJzvKhGLnl0kOkN9VyNCjFZ+DH2JQ+Zq3s+qITf5\ndcegWx/nJ7VN1858bM/yVa7aBokvjGHeeiLA/N9Ih6GeSXWC2Li2lU78djB+\nYzDWMzGq9QokyNFaM2mMuNuP93hqXrLi+8J6t9bthKwptpCDLkohbEEGyn1X\nku84at1o1y50X39lVij7f9WJ7UJofIqxVhEUze0D7o4r9j8zVWkY2N0gsxVX\nnnL8Nl8qzhAxXPOWm4qUGvfzgxoo3hW1gkLGZlg5xOIdSwmDeBYiH5U7x0Au\nD3wuDbyIr/RLebK4Ajj95bVkwwJV5E0WFwEuDScgKCozTs/OEs7IVTBWmBt4\nuDuZfWW6jC2jKQOUB7Ro7GwKh7TipnNe151RE9pXktxIoZlFXEURRmBHSpko\nNsZqgzKmn2jbRTbF2WciZkTXIsLhely2MnhtiBxSZ2ziWvd7Fp5ttCCStkwv\nygJ3hJtdn/vNFmBbwmwv+/AxauEu5Zh0HanX65YH87MgXD3B5/6s1p6fQGa+\ncQMkmeRKuh8MTrW1OwYJ+0z+JzAmB8zrHkeL0jOe+1TJnnVX272KIWopy6Km\newJl\r\n=xqxs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD0U7YlFo8AK/lxzfJmzg3TmGC1T3gmxF7LlVR2KznBRQIgRMKll/SEASl1F0+yzsPRlsbwwh3yBb6cOc+wunopGbk="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.345c2bb9.0_1638464985894_0.8824032666498027"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.0547aeeb.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.0547aeeb.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=14.0.0-canary.17a072535.0","@material/mwc-base":"0.26.0-canary.0547aeeb.0","@material/theme":"=14.0.0-canary.17a072535.0","lit":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"2115410a9593d1f2c95099961aed3e6e61255f88","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2115410a9593d1f2c95099961aed3e6e61255f88/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.0547aeeb.0","_nodeVersion":"14.18.1","_npmVersion":"lerna/3.22.1/node@v14.18.1+x64 (linux)","dist":{"integrity":"sha512-H56M3IhFHxPpJY9Nr8wKbiBXBeCPIG4frl1E3TMCe2KZEtKbyRGaR16X7abBu7SOx1HsEF+thKYYRTzTo6vemQ==","shasum":"d6894b47ad1dd9f21f73992d996d2992ce99e4fd","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.0547aeeb.0.tgz","fileCount":16,"unpackedSize":67118,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhrjvbCRA9TVsSAnZWagAArvUQAJNTBH2x/UVs6njIcDdW\nBReeRYrrqLIB8ZespSP4Ku+lWyQQjhRYkFz0mUoAARchRToQUzA6RHsihuHL\n+Py2BJ+YlJbGy8PNUe7r44gm5RszKp0SrtJgn7L5MWMbAsWaE2/GTPzqvq+l\ndTq68lJmBciY6BWahbp8y+XEwVmRWExHqaYHl3/ZjJ5H1FeqdMyhcU7KtURI\nhmgoKuRfaCR19c2aW2E07KL4UH3I/wpphFVfJA24GsLOvD+iG+NAtuvv15cM\nwoMjd7dKy7CngocGB866SGetWYd1dLKDEbLEOgIW6xoaerju4FXjBL4R9UOh\nOPZJn21/rFEBu9zaCSLdAzoYi2sRvffvk4/hDnY7ZgwS/WoEoDH5atdqkKP+\nueh5pe/CGG5LbYwLF4Q04pBMWSfShy/14LH/uWjc9MA0a76IyKYNrLtX4E42\nGogEcUGlgcvauFx84Ur4y1D/ZlC4TaTZ2wYdYvIVsK3WPclUHmf05pKwSLsD\nYLZtZZt2ElpwBe5Bzv9j1bnMOdkHvm3Zu9f51W3uRFrIaaNqmpxVhgORTpWf\nXxl23QAn8pz+A8wmBT9vRoZVk0x4F0ZQxF/CKgKohEllp5TdkmqeRurSnsMw\nzHyvCIJ+dz15EN/e1JwgFjZN1MRmHUUwy78+k4pmisJjWWiYNGVQEEWTBpUS\n0F4L\r\n=7m6O\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGbodv1H6JIOMs4segoLNGaZmxfunlASUC7nHWqNDlNxAiEAqdzADpMtoIKm/IQpYQuT87G28aAo2cIlxS1J4O9fCnI="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.0547aeeb.0_1638808539665_0.6923341023316978"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.3b2452cc.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.3b2452cc.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=14.0.0-canary.b6510c8c1.0","@material/mwc-base":"0.26.0-canary.3b2452cc.0","@material/theme":"=14.0.0-canary.b6510c8c1.0","lit":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"a95f7a1cbf5dd38cd64c9bb8e02e76d0b8927f1d","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/a95f7a1cbf5dd38cd64c9bb8e02e76d0b8927f1d/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.3b2452cc.0","_nodeVersion":"14.18.1","_npmVersion":"lerna/3.22.1/node@v14.18.1+x64 (linux)","dist":{"integrity":"sha512-dCZELNTaP59rEK6jB8cB7CY8n8JV/6nhpeg4tgs8y8KRyTJXsM4R953SKGWJ8qsllLljS9H3DIWqiugZjK7Z2Q==","shasum":"08d27c4b4edc05d4a74568ba8f8d66b397c2fb0a","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.3b2452cc.0.tgz","fileCount":16,"unpackedSize":67118,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsUg/CRA9TVsSAnZWagAA4wkP/RYiy0qvqV+8PZHYNoKJ\nkIF96Pdkm3/gRb6jmcdc3ZkXlMuOBsfsEcLsrGUbT79sozj6TcJbJI3Nwg/+\nGfDgAzWvRe1HWbMkrzFHi8FxuY7toWnIa56Hl8h9Lx1bFglTr9PLeLstkcEO\niYn+YYx89NCI+KeSjXWD3yX9gAht3kyjX6nPcIvlNu54lmcQi32fsdHYnXpf\nHoIWMtDZLPTf15trglA+qEO+RrGx+NjJ1uKgBZA9r/4BSQRKQZM5dozYej5C\ny4eBJihaRKw2uVI0IeP0um9ndxHh4USOGXZyqtePc14xRKwsksgG+zi9mRya\n33lRw3oOpGsMbZdTK1us+qWvMPshoYNnO9uJB64XenG17VOatVvQtvVwm5AW\nF6rXk8rF10K0dtL7b/sRSVt41GyKiXXK767uHuOwXy+KxyiVfZYz60fEATqV\n1UPOo/+J27lW1ux8I2BFiJUCyEZ+LZYODPPbolV/pGT4kRsuyrdWXxhigesT\nHr0st7ua5dq3ZePSqFhxzG1Azdq9PIQndT/TyvRol0qRg1uNFetKYUQY56kT\nk/M+MUTp4+UKwvHBcUOVNKh+Zw8ZNAu6wQw3AEE3der206LOtX28lPDa4tLg\nGsW2fdcFJZctkfwb/uupWM3Neyhy3fRW8CL/Jbtg4sB4EBMrJF3Nxd0DSm5W\nUbEs\r\n=JvpF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFHBVaOJwsBJ25rsQ3L1/qhz1gDT+GHrHj6GNwHN3W2PAiAFZEw/4XNgdOIfZOmzPshZ+6NJZnq2m2VqsvheEJKpGw=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.3b2452cc.0_1639008318972_0.15231982811418932"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.cf7ba5a9.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.cf7ba5a9.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=14.0.0-canary.f460e23da.0","@material/mwc-base":"0.26.0-canary.cf7ba5a9.0","@material/theme":"=14.0.0-canary.f460e23da.0","lit":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"7e92aaee33b1c30269a52ec2c26232d0690d3d58","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/7e92aaee33b1c30269a52ec2c26232d0690d3d58/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.cf7ba5a9.0","_nodeVersion":"14.18.1","_npmVersion":"lerna/3.22.1/node@v14.18.1+x64 (linux)","dist":{"integrity":"sha512-oRPYWNaDtn5j839Cn3GpSqYFAuE5j6E1iuuRaGysv32N2Zd00Pm1AnKkBlyGpaFgmIJuwQytNJVwC2cTve6unQ==","shasum":"597dca45638199ce1a79ee1ef5a63902b6143999","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.cf7ba5a9.0.tgz","fileCount":16,"unpackedSize":67118,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhs6U4CRA9TVsSAnZWagAA+q4P/RKt8zp0540FFdLsB671\nWSNVteDbacuy0FqFg4wY7S1pNuxWfIE44+7B30ZUe+wTqg7B9kTWHOMarGZj\n6HYmxaYDFw+hi9uUr3NP5cle1ac2lO6E6xg4B8gm9DO2jEn/aehUzXUd4DeM\nnfnApyeIMGwdw7J1wM7BOvcfAJYMf4sbySBVS3aES4jW0r5ErEf+uHExnK+3\nI0ecSZk3+wmhrIu8OgyAOK1nXNEoqMaeciQKwnc7C3LLxRnTAX83Sx2Stmf0\ncV5L2zV9IJStTHP4P++aWjcOgC5jhFJlsvzNggXLh3nWXtc0bZbhVdkhkMEL\nbuNqUhgod2B3mfKD+B9kHjZ29zSR5PGIGCT50AN8/XvvZxYg9Qdy5gqBkeOK\nYa9HaElTQ+Bm+5Iq0emMCqPrNsD5+Lqwa822at2uSTqCkTbsPEh9pzaUGYn9\ndkNzoFV/FUn20c5dQuRKeyPk8dRwnbWXpxks0Cs3O3O3B3qoULhcG5YjwWEE\nzpFKILbUYY8GTvcpeUha7X2Kw4Iqpwvgt/6/yOXPCHlvYtyEQ5pWYPhvyDCs\nEIU0L9mtW6zrj9tzsyKh5nf0SOrh5uBIJ46CdnptMF0bKKIp5hJGm85tTqII\n7wmw2n3Y5zuDjIHUE2YZRliDUrwgzzMjOsmo1qFxl8s82kYbq3/Eze6hw8aU\n+jVV\r\n=vPDp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDHdKRgQSImJSjIyqHU1EXHvQLHedjvwqEmZcR1i4uQ5QIhAMmi9w3xs1nWWKVyQ3GRGbqzTNZOn9N65vvsQY8a4ZvH"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.cf7ba5a9.0_1639163192047_0.7581884183533769"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.e1bcf14e.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.e1bcf14e.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=14.0.0-canary.3366a71d7.0","@material/mwc-base":"0.26.0-canary.e1bcf14e.0","@material/theme":"=14.0.0-canary.3366a71d7.0","lit":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"3cb6bc85426db9ac617c732735c808fd66cd1572","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/3cb6bc85426db9ac617c732735c808fd66cd1572/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.e1bcf14e.0","_nodeVersion":"14.18.2","_npmVersion":"lerna/3.22.1/node@v14.18.2+x64 (linux)","dist":{"integrity":"sha512-Zw2bITVlGnFCR+95iG7EQLdXpZPWUvIbv/G5ZyEW1uSpopLWN29fs1/Egw0Q/7EfkOx+yUfyB+ldjB4/Hsj+uA==","shasum":"be7f154f3907910e9aaef726131e94d63cf25b32","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.e1bcf14e.0.tgz","fileCount":16,"unpackedSize":67118,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhy3dcCRA9TVsSAnZWagAAZ3kP/1/zcHa52w1YfduTGsii\n50t2OZO21tNTGu2bAOkwsEw2VkR/fdx2yKoc9sNBw/cbEcNaPYReRyCAePly\nJ1mSvXSeqU0tAGE/0S4ZRewUMEOSVTVQWIYQgEzV7YauWOutLIze5SNehz3g\n2iDwEIA1vqdXddW4dhiE8WAyafMell0PBGgCuTIkeCvpiI8sHea4jsQMdhkK\n0G0fLGRQyaxHEopznnPtEBH9APYe0xGNJ094EFUbkD4lk1akot58NG7J4ZKl\nFcBzTqGwNxEPzZCeBcVDqKDyrbWGPF7qRXcGJmiQ1XvVaK34zFoIAagi+nJn\nfmwRUx8btpxewRhXntHrBHe4TD6VmtK6kG1vM5GzVjLiofNXhSb6HYi44Ioj\nME2KK2yAl+nk8EWUyV4l3zybOo4lHI7lkYruzzIc9t1JVjCwXpLo7U8It/ng\n8BjBfsYAo7QjEvejmdRkxQDnXlLi9kQ/BssaoH10Rv6+BwQzi3+4g7pjHymx\n5HUhGz8gYv0O22WkkHWBOh1vyhOUNYlvSuNiBkGe4t5xzAVtWwGi+lmtl34Q\n9lBMsC2apfS1gOy9zz4qlVZBc57zVvzFjc/PPlZzF+q+vh0e3juYTnvrEpbJ\nc6kscP+qasQ6daqNlKvTq15gajpyCIP2rJgN8TFA+jI3mCRWbSRe33LFD9yW\nBEn2\r\n=cMNu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGrUn4yQVp+kKeQT4iKfSBE69ziOT2L+2Ik+vv5Pg5a5AiAHscp2/5i28dEXIgffBZpg+QxobqqAp4N0wCP7uvikog=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.e1bcf14e.0_1640724316411_0.25475938071816406"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.b9d35b69.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.b9d35b69.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=14.0.0-canary.c047f7c19.0","@material/mwc-base":"0.26.0-canary.b9d35b69.0","@material/theme":"=14.0.0-canary.c047f7c19.0","lit":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"8ee41fe865471367787d08d3f94d1800c5712d3b","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/8ee41fe865471367787d08d3f94d1800c5712d3b/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.b9d35b69.0","_nodeVersion":"14.18.2","_npmVersion":"lerna/3.22.1/node@v14.18.2+x64 (linux)","dist":{"integrity":"sha512-3xK7VjpMABgTkk4Ax2Ir4AlJFikc6TBCJziThoGlvgah4zoehB7r/Q/BSFOcRGSJ6QLYDhnsZXP1WDDzLubeFA==","shasum":"e3d9b1f607f62700dd7d2e0fd171add3b3fec7b0","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.b9d35b69.0.tgz","fileCount":16,"unpackedSize":67118,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1eLXCRA9TVsSAnZWagAAaUYP+gJV1tFnkVKJ0pStUs6j\nhFuAvjybRcu4+2VSfN6zvRXvqKecJu/AGDMWY1/6Tm2q1jb2abdDi1daJv0/\nA15tIXs8vf01uLv7+ft9Y56O2/kyJxNYBnMul+RECr1R0lH80BJ9cber4JHl\nZPXrvp0tkC5yMYRJPD6HhDpbj0xuTfFT0KA9zn1Y+0yMOlM9LeIzGeAW9fOp\neTpNBBnzbSL4RiQeIxHvRwDLw37czOks2OX6bVkSmpPMoCAxAwfPanyFBQXb\nzO03XAH8e9Ghy533vBavto/qyisPuKtW99Ss2Bp1P+kIwm9lSnEqtYtUhPwL\nyCNAJgUUlobq2thty2HXnNY0tVOZcr8Wutm/AsWaLlhi6YSFLhNlGTlKeuzD\nTDGv5sDiBXAHqUpJeuhxJJbFlEWYuaupg/TjCe0ObJ8FrBFU9788kCIMhwgQ\nLm9m80h0/8Sm+JMHfr3ETm6+Q7KfN2kUiltTAjLGQBtf6vEP58poZdrmX/Um\nidIfVlNu20A7J9DLqJRCLPRg9vH3HiE5k6vh9m75Bagn2ar3VHKfmoXIBLFJ\n6FnU4+nrRuyrXZIXwE4s1IxNyg3zJe4DddIO1x45hULAUiY5jkuYEMj165Ot\nN6LKIZkXhvi9iFUwlnzHQ8pfzMHvQXzBymBXbgjep36ptV0+klbWmZE4uqdb\nWSFJ\r\n=kOmu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD0oc3RzV4NaYEciNN10aqqL02/4ysBW4m3ofuVEri3PgIgW1a3JX+A2tisDb2yctaAXQpgUCJ/GjuouYKEDhYzgcQ="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.b9d35b69.0_1641407191257_0.7658862028028759"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.2afff08e.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.2afff08e.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=14.0.0-canary.05db65ec0.0","@material/mwc-base":"0.26.0-canary.2afff08e.0","@material/theme":"=14.0.0-canary.05db65ec0.0","lit":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"9bada09943cf93e3b0b697ef81fb87cc7b781379","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/9bada09943cf93e3b0b697ef81fb87cc7b781379/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.2afff08e.0","_nodeVersion":"14.18.2","_npmVersion":"lerna/3.22.1/node@v14.18.2+x64 (linux)","dist":{"integrity":"sha512-1b0t7DzWtAmm05KH4YHRVRLfXtDZw5D+6LqLsH4UB51wDVKmN6qWdCOrGaRYN1urHX0qNk7cGV67opHa+bE21w==","shasum":"34851621070cb4e38a0c5295117289760f803a85","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.2afff08e.0.tgz","fileCount":16,"unpackedSize":67118,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh12ulCRA9TVsSAnZWagAAU2EQAJi3AEGkSxpebaZuBgbW\nFozxgUnfx/7ULRrAgCBX8n6iemUM8yVGBWlcqvsXwIaufIPp3pKYw8/5yT/M\nghwiT+doOpygACy68OLSvi+D5ayrP58Zazu7m19SUSotYxd66GUFQwPhg/73\nZJcJjMrynD+BfMpEdFgaTkszK/Z1hJ4ShEB6bCTdjHGBRVXhUszfogq9SLtv\nLIWantOKOnWaqEfYFVGI0z7+pzm2z6wX9yg38Gs8fZxxoZUodx3b+xMp4P8Y\nNyKiyv95zWfv9lClW7GL3SxhxrAmreFli1ozTYgFG4tzDm7Gx65miigKnKdk\nzKkbUQDdnJUL7D8u4+eloX+VictjLVPNcGdWbMqqioIMHwoQ3xir0GdQ+1f8\nyDL2WQ+6Hf++WWPD0VUK74UX+7EeOV6/YrSR1F0NCQQtECSrMXb6Np7nJjq7\nsv7H2kAxXURYSzGOfjfo4d7CbUa8Z3nL8tv6i2fVigVVR8oSpLJ2/AM8sSSs\nk3Rue3gX0TJPu95uvkCinJu4JrquSS1ZIjwgOSdzSlUaIyTqbhr2cKGk+Hvf\nj2npSJUku2dpHGfcH6SbojrKpzLiHg1445D0+yTP2RcG/Sdo2yN0Wx3RhBsm\nXGhol/BAwplzZh1wWD3PKe6HWFW9sHmUdlEDQHv1k16a158aZRel7sP+lI/Y\n8JPB\r\n=ofs4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCz1pPmcYlCP39cIPKSFyzDFc5eGQS/QijNEx/5s4rD2QIgY/DeDMsxKljNdalrvp+KFKK53x5T4mkhP+CaFzjQ6g4="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.2afff08e.0_1641507749087_0.8600408054133626"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.893fc857.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.893fc857.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=14.0.0-canary.6ca8b8f85.0","@material/mwc-base":"0.26.0-canary.893fc857.0","@material/theme":"=14.0.0-canary.6ca8b8f85.0","lit":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"6cbd6b098ea6e47fddfd2a5875df6d41262b532d","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6cbd6b098ea6e47fddfd2a5875df6d41262b532d/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.893fc857.0","_nodeVersion":"14.18.2","_npmVersion":"lerna/3.22.1/node@v14.18.2+x64 (linux)","dist":{"integrity":"sha512-MFbwCJtFEQPemvTZwT8Y9bhBNvugFAGymuYphaxi9IjF388WtMFYw34/3qvew+Wu0CShQa3wKGVV8Hs4jtqyHw==","shasum":"c9223290918edd7e6830eb39260a266d1a7c81a3","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.893fc857.0.tgz","fileCount":16,"unpackedSize":67118,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2IwhCRA9TVsSAnZWagAAjrwQAI4uQUzwygM60/FH18DZ\ni7BekC7Qot2iZxXODCLeSyzGa0TbkVW9geKmwxgcu7iBvIOoqVuXo/EzcFuI\n4D7R9SH314SO4Z6OncOTyiZcXcvH6KTszoUqkLGSfMUcGEdamnwIGRUEoOOA\n+mI2ZHhlceUabl3uP36+GLghxsBMgS1rPI+UIyXD0wDhoKQNe9AHSITnfLxx\n9k4YPhsi/JYZK13JNujbMa4oD/6J+2S2YmRyXjAgelWRBU0axMo9d8DQM/LT\nzW+xzp3Ac/jgOY0/6XfaqNiyBu7oB+GTNBagUFDqCOao15s5d8irH0e3O9D/\nXhgvRCf37t5ha1EibcZZaBn8RkjohpMSliphX93bCgsKNhL69XftBMnUN3Yk\nnk3Ex/g0JEzOBqkrNVKh1dnxOZ8ZIVIamPB4dm8Zdwv7CFOzF2KNZSWaqqHo\nIJiQtbCJ2JJiK/YqIGLuU96Epdvz4IS8wL+PdbWIoU+KoOTLa/q+FgXgrwif\nVdy+BbE7czDd0gYYfKLCUeK+lMIS4IN4abP5NmkMcTyuVFrRRdJK/cKTYFqA\n6y8B3wgm+qAKatRJ8sI6i4XHxfsE6DS0Meu0Uzp+ZeM6V8hKdC65HF1+S4HS\nQh1NNhGyBCuohDwzv0doi41DQMUk3jPPoBr2Orh0aJRb5+MsUKimMvDR14wI\nwotV\r\n=mCIX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCQgHW/HGQ7ePreEnGrrxEP/7quGCAQ0OAlMIxyFzyRwwIgbG9pb//CnEL2yNTAa5A79j5lptbHPvDiRj6XUGdJqbM="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.893fc857.0_1641581601387_0.31607583132768546"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.69ba13b7.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.69ba13b7.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=14.0.0-canary.c14e977ee.0","@material/mwc-base":"0.26.0-canary.69ba13b7.0","@material/theme":"=14.0.0-canary.c14e977ee.0","lit":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"776b813e379c8d90abf2a0ded57168c12f62adff","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/776b813e379c8d90abf2a0ded57168c12f62adff/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.69ba13b7.0","_nodeVersion":"14.18.3","_npmVersion":"lerna/3.22.1/node@v14.18.3+x64 (linux)","dist":{"integrity":"sha512-1YAXv443xEMqNAizlGmDKfMizaMheANansfpihGux2LymFMY2OHG7yXnzt3lh7gZeZVaKLn0St+XKqjSEtlEUQ==","shasum":"19455a36c298396b0eaffe053a0288f27024c128","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.69ba13b7.0.tgz","fileCount":16,"unpackedSize":67118,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6I9cCRA9TVsSAnZWagAAhHMP/jsMIrt902++6dgev4Sc\n69G7pJsPg0cjIvFEMWDCPYpPB48Nj58MG0hBeVa4lckKBxp+52TqEeUMg12x\nZS0eYw2RevJXDFJPNP3T0VRPzt6DToBlH+dtolbdQHQRKKNbIdDS5ETlHUar\nJAM/sKo2Lj1DCuOujOSZpZnxMxs2c5ii+jN+dMgiNcks7wlkc3nt7WjUOYBe\nGBoDAmgluJPXlneW31VDli8/lrpJvdveQ5SHeoYLU9SzMBt3uy7VFNl2LC+Q\n1cJ0otP+KYnfqZGZm4GMMKiejv/9geKLwZkPL0j2ONIXElZwcVoU6y5176o4\nxx9ixQsBc2BbCILZjpo2M0gF8y5zR72h2t18bV4r58fFLmyMGHraofSJP1UH\n2kNlLGVl1ozkcNGjEZJ1rFgBr38kuY/kSFZn+PQNg1/y3AxYJ3OB8HBvg3Kc\nFTHWbig2bQEjzKJL9I7pjeUNk/yVxi6kgnEFExtwI5W5BgjiC7m7PiE5YUsb\ngp2dojA6IzNKRwBnspeWhxvbZi2YVAVrtTSHDT9hkIOrsUSpocXoPh2phNMn\n+Q8O9c6kg3o/Khh2WPDeG3JIM/CiTIC2RQ9Z+wkw8j2cRrfqf0OuxRlXZsGz\nKF2LQ6bf9DtR4n904S8k3Y1DQw9aPvaW/kyGZ1D5OSyxySTraYbFTglV4KS8\nj0Bw\r\n=+zhS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB/3wFc+JoU0WHCso5gDXXP8yH+uDZN6U7WzWvGJquorAiEAuDgAGZ7Cp2odEcFSzsz1rnBBxflrRcC1TgCekrfz0Wo="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.69ba13b7.0_1642631003848_0.48301723160006116"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.0af8ade5.0":{"name":"@material/mwc-linear-progress","version":"0.26.0-canary.0af8ade5.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=14.0.0-canary.c14e977ee.0","@material/mwc-base":"0.26.0-canary.0af8ade5.0","@material/theme":"=14.0.0-canary.c14e977ee.0","lit":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"64bb121cb77aee6a854395ad838fce32a6051337","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/64bb121cb77aee6a854395ad838fce32a6051337/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0-canary.0af8ade5.0","_nodeVersion":"14.18.3","_npmVersion":"lerna/3.22.1/node@v14.18.3+x64 (linux)","dist":{"integrity":"sha512-zGjzaXDS46nFjSAp7tJDUjywN5dmdpgBfey0Lpb1sfS/JpYuuGu4u6qeH5Qq2S+ZA6yOJKft30aSmVDnsgoY7g==","shasum":"a40946f5ee2ca70e48f4dca4043ee6702544f91b","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0-canary.0af8ade5.0.tgz","fileCount":16,"unpackedSize":67144,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiAZd5CRA9TVsSAnZWagAAyKQP/2tgrhgIJck57p0V4k0d\nsP91h3WmfODM2Oyx4SGmvcwlKtE2rXDNsolZJrFmEI4ADI5eRNJKUUCq5xS5\nKiDaLMS7H8IfsjMV6OkTNW46Dnj9b3uHfKLvCu6t3Qq950N5+LYGpIYPITUz\nIeFEoVndAYvq6ThfhTDp4ZVRdicUkXwJ7xxGUmtKU8ffgT80CwvXzfyQ8TTo\n/Hs0UDQAM2vpDsZZFSbZEuaHDVLdSIpf9iK5ww0yANlMaFCA2+GmM84wnpPr\nsrJbw1V5af9JR2jqZP9z7ESOqQH1Q4c/UPR7eWmODpzQ0Rw7v4nMZXZuRZcW\nRtrhfVus6WpzvRGRTLMKk4gyKhEauWB+e2u+zk6JBujym3btMTZXX2AMfGZn\ncajhbD+aQWsFVV7oprMLHSM1neUtmXuuwiRCr3CQ54ESKCH3Ztq2DMi7KYB6\ni+TNoMvE1DtASjg4oLqGhq1uqEX79ADRG4r19LUptQ8zUsXrSYW8eXgTmbW8\nwKc0sdWKdx5N7daWRSq6Lm1jcyUa5y2tsNzkvlSyRdiUI7RXaD5Op4hEgDAV\niNl6HoT5yNcUM9kmYJYTGK7TZVKbtzS0f8T79+bELXYICs/Hiq5GAYHUWWOZ\n9RQGfQT1bw6EHKzPpgolcsjWZhuE1wnrIAtVYWFGi/1VdDNwgHqD+JtGEXD6\nkvFG\r\n=EMV3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBLZ9Y36TjVltyAfJDYj7a+9EjnRuf3GOGtSpOOIvNulAiEA4oVIPPD0p2BoRJcpAEByD+/F3HQzc8q+8Bl5m//1HRc="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0-canary.0af8ade5.0_1644271481860_0.5181647675761301"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0":{"name":"@material/mwc-linear-progress","version":"0.26.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=14.0.0","@material/mwc-base":"^0.26.0","@material/theme":"=14.0.0","lit":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"056b3ceffbe2fe3408dbdbb319932da85637e779","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.0","_nodeVersion":"16.14.2","_npmVersion":"lerna/3.22.1/node@v16.14.2+x64 (darwin)","dist":{"integrity":"sha512-lYRZ14trLGanpAbanfDPI6cBP3tOFGtaNrE/MMSCZymd2L0LrNdmH9ORLODUqzpUZJn9opR9W+KW9E97Wf7tPA==","shasum":"568f800667bb26ab3a68884a7de3c5dc56aca18c","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.0.tgz","fileCount":16,"unpackedSize":67041,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDnVcEs+JeUzLipXLqYj6mOvwxyCrTnLXURN2XQVbuwTAIgYv/OackAK8zaRegfILvncxz8AQo4wnRI2Y876WnK7fU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJicWa0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrC5BAAlCvqg+bY8caJZDNlt7ZhdPN33ePxuslMAgh+8Xz8jcN8dw8P\r\nDsFbOCLUuwOq7pPBYb+mYJwFidxXNVwh7XPDstxMHZQ3RVea0Is/klWd4ox4\r\nvM+T5cx/ZSMLd7NTbheXyNlumcpFUQ8jWI7yPK3Rwor+iR+nkNRSKOdHudbR\r\nbYJuEYsJp+lxjVF6/kVgWutQSrMrrfbj3Ghv+t6kYC8qsM2OZIU00f5gDcOC\r\nknENXn28mZXUwacbG+k6go8d2BSIqlLHr7f/l9QlZ5H1eIZStS7ea0at13UK\r\nK6sZgCdMs/lqFQhsULASleTsgbwCJ12q3ECvDem5CqzF3HbsS9Ei31EWEnYv\r\nMWRy7IVEAC2rX810WTAs0av4+rGzIdMtzlmqG1grpbnFEbqJNKdN/yPxDzcU\r\nJ4gBx95/vw3R71MPsIlFOzjYmtL2ee4oZNj8/S18TSUHzSY8ev773Wxp0SXe\r\nJ3ygjVjK/gDvT9FAve/Z3VEqNeVGHdxWEEwRbDRQuViw8hEz98zRTtOi7/v5\r\nx6+IHuOwazKp+eTH38sHGvbkSLv/JYXVJDKQH8/csfmjgL1wuTxyqonGzHbP\r\nX7EwoVI4mE+lYbQHnJIixGuKL4tw6DlsgUPT7M4hxSfTtkcfSTep6h2T8DrI\r\nFo1NMboyS7Pxqqbdk0qzyK2G7zK9N+80WqU=\r\n=ka1h\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"asyncliz","email":"asyncliz@gmail.com"},"directories":{},"maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.0_1651599028714_0.036471719215414256"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.1":{"name":"@material/mwc-linear-progress","version":"0.26.1","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=14.0.0-canary.53b3cad2f.0","@material/mwc-base":"^0.26.1","@material/theme":"=14.0.0-canary.53b3cad2f.0","lit":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"06b516b7f91867acd0cbe5676767aea8f490cbee","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.26.1","_nodeVersion":"16.14.2","_npmVersion":"lerna/3.22.1/node@v16.14.2+x64 (darwin)","dist":{"integrity":"sha512-UNPrRCb6y+m5FU8NDOLl7+41RXygeQKvHUKXU6R2UMN8NSOiq/FUAEYZZBM3SHCMeaRwltY5uWhBy5dojoPjIw==","shasum":"377ea706ce8a209e6e5d26a24f403890b40028a4","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.26.1.tgz","fileCount":16,"unpackedSize":67159,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDLC+4H4Qws6+z+mOsDxCtpsTYqV1wAgmQlABxaZ3BBOAIgIq1mQFT6Z76/KZNRC/ZGp8TjvTXD+kw0ccljBpT8ukA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJieXoxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqTyA/9FrAJZzbmNxhVL93NXOSl6OQYF7kYQlRGS1x0vSmMpfdJpIbk\r\nmG942EdWJa2+N+/2qZ/cA7eipunjB4TMwyrMscJZSrZHmbTUn0OXgZUSw/fl\r\nRADcuVF5e1WtNYPedTpPVZzDGL/sSo4FN9Fvri/eeD0VYUONVeeQryb2E+oa\r\nqje6ddWxRx/N7CaYqXCbxN8AzhnfrhXiDVjWvNT3tJ+aiB2HwzGaIMWvhndS\r\n3YzUi2weXUNIXSYcDYY2M/qtJ4f68tUC9c5UNsl8RIeFUbt+QAUUcT8rUXY9\r\nQiSleKc4z763kALApZZ+va9/Sxy5RKDnFwRm5bP2yYmNSzvrRp6tA3lBkQGb\r\nUC7Kv/QcSXxWG7F/4E/tswLFl7G3NKfZT1xjoKHumbbiYpviKDQNDMaqbY9k\r\nAsKzwDNs6rjU753P4QtZ3ITrrB6bx9G4G8Q9+X7WAFUNzn/FZdjtrwrKInbs\r\ndFkOYlPUK/24wyxpD6L8K+xKXy7xqWn6M8g6DPq72s7Wo1q+X27wGt0t7rGd\r\ndqcdqPpUQG+ZGCKHlex2FdTi1kb/4QPmcOu1Tzc90rbxQYex1gcb37VXSUR6\r\nV+XlJkKt3L1+aBb4c0BvqqUl2rCGV7qJTOVUkVM8fF3KrSJegX5y9TrJGxmW\r\nlARWRO5B1/PqRSrGWkDcIvrOaM8iBSQhdTg=\r\n=tWga\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"asyncliz","email":"asyncliz@gmail.com"},"directories":{},"maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.26.1_1652128305671_0.340596849970503"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.27.0":{"name":"@material/mwc-linear-progress","version":"0.27.0","description":"Material Design linear progress web component","keywords":["material design","web components","line ripple"],"main":"mwc-linear-progress.js","module":"mwc-linear-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"license":"Apache-2.0","dependencies":{"@material/linear-progress":"=14.0.0-canary.53b3cad2f.0","@material/mwc-base":"^0.27.0","@material/theme":"=14.0.0-canary.53b3cad2f.0","lit":"^2.0.0","tslib":"^2.0.1"},"scripts":{"build:style":"node ../../scripts/sass-to-lit-css/index.js mwc-linear-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"c1e876a15bc028034781984538ea803ba67dbed3","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-linear-progress@0.27.0","_nodeVersion":"18.6.0","_npmVersion":"lerna/3.22.1/node@v18.6.0+arm64 (darwin)","dist":{"integrity":"sha512-kpWVLHPb7RzHU70Dq9bl1lBv05S49rQkyfFoL3PU5tEZHozT8IPQjdBLqAqd7H10cfLVjO7oIB+mVmvnFV+UsQ==","shasum":"04427763d796795a5c334f5eaa75c418bf5852e8","tarball":"https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.27.0.tgz","fileCount":16,"unpackedSize":67159,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFmJUiOn/9pN+Uhmg4HyGB8025H0xFkx6NlcndevkTZvAiBoX2PkkZY6fxTrub8M94dxQ87/bLz6CVj5O0UnroXjxg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9qYAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqa0w//eipQUrwTlFUNkH0bv7/mxTCyNBzdbRx5vkOBUl29m4Lolhvt\r\nPvD3TPIDkScuTzmKiBeaHc0bY+4S4AhyEYlhhNmHc94n0VVFnL2sMct3NR+0\r\n2H0NIXnOwUqn5ZtndtT4Bm2aSwgeU/LFErqRrPmsMw+lz8Qm3IAzXMZnUP1E\r\n+Hg129jGCqIwODoZ9rJg3+wP4p0B/wp3CE26DYpqDm2j35747S6u5t1FyHiJ\r\nk48y7m6q5ecUN2z66fOcbR20NhwOokjj9be9aLlMHKFMNx8YvxZpd3ZSRvDv\r\nUCMvrC4XhYyNQIuFwhQPFdAdlu9Dw9Fjz9+4UJoBukNBvQ38fXumLVspkwKx\r\nV9DyQkxAPtldBV7Hd824YpvWb3cUQ+LubUpO6NBJrBlQp2Yxf+u3t1wRYOOq\r\nwUG1CDyejv0DDzGvnnbuEUbJulPpYdqQF1JFmu8ghfEy/G7x5nAAmvLdShvQ\r\nyuOBHK1RECozvJBKNop9VMOEjTeYrmk5k5JlBiJ5DDeeAknzefwCMCYGjrt2\r\nHOFKvsFldybf8yHaGTbqAQXWX8w7SsDYRBBcRMpzuBh4zCARkiNy9V2xofo1\r\nrGFoeRHvaZco/hDJVomCwqstlH68NI/yoz8hif18YpXYfEOU0ikHxQeI3ZXx\r\n9cDeCGxDtyJFttzrAISBpnxUqKJrtE9k2Gw=\r\n=Vdit\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"emarquez","email":"emarquez@google.com"},"directories":{},"maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-linear-progress_0.27.0_1660331520289_0.6347734882263258"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"}},"time":{"created":"2019-06-05T22:20:07.836Z","0.6.0":"2019-06-05T22:20:08.071Z","modified":"2024-04-04T18:51:25.752Z","0.7.0":"2019-08-27T21:23:38.019Z","0.7.1":"2019-08-28T02:54:16.756Z","0.8.0":"2019-09-04T00:04:20.676Z","0.9.0":"2019-09-27T01:36:08.426Z","0.9.1":"2019-09-30T21:04:51.751Z","0.10.0":"2019-10-11T23:28:11.465Z","0.11.0":"2019-11-26T21:49:26.671Z","0.11.1":"2019-11-27T00:26:30.069Z","0.12.0":"2019-12-17T23:47:47.224Z","0.13.0":"2020-02-04T04:46:28.585Z","0.14.0-canary.f790f713.0":"2020-02-28T02:28:02.913Z","0.14.0-canary.c759cfbc.0":"2020-02-29T00:04:37.552Z","0.14.0-canary.97ef53d8.0":"2020-02-29T00:18:06.910Z","0.14.0-canary.24f5fa6e.0":"2020-02-29T01:08:32.395Z","0.14.0-canary.960e214f.0":"2020-02-29T03:08:50.354Z","0.14.0-canary.a2f046f5.0":"2020-03-03T00:56:24.151Z","0.14.0-canary.024f371a.0":"2020-03-03T01:28:42.372Z","0.14.0-canary.2f164110.0":"2020-03-03T21:33:35.733Z","0.14.0-canary.edd465cd.0":"2020-03-04T00:10:31.233Z","0.14.0-canary.2b02d017.0":"2020-03-04T20:18:56.193Z","0.14.0-canary.cbdfe453.0":"2020-03-04T21:44:20.715Z","0.14.0-canary.02aa8a98.0":"2020-03-06T22:53:10.396Z","0.14.0-canary.7cd5aad6.0":"2020-03-09T23:19:56.830Z","0.14.0-canary.3a79dfa6.0":"2020-03-10T02:55:57.759Z","0.14.0-canary.22e0f5c9.0":"2020-03-10T03:00:00.158Z","0.14.0-canary.f23a1d1b.0":"2020-03-10T20:56:19.404Z","0.14.0-canary.34b2d69a.0":"2020-03-10T21:14:34.020Z","0.14.0-canary.dc04abe1.0":"2020-03-10T22:02:03.026Z","0.14.0-canary.04ccbc88.0":"2020-03-11T00:34:43.809Z","0.14.0-canary.55338c25.0":"2020-03-11T06:31:15.504Z","0.14.0-canary.b7e388f3.0":"2020-03-11T20:19:33.251Z","0.14.0-canary.b3211481.0":"2020-03-11T20:23:42.494Z","0.14.0-canary.0b5c7f23.0":"2020-03-11T21:53:34.353Z","0.14.0-canary.6c0f0b27.0":"2020-03-12T21:16:52.684Z","0.14.0-canary.b6c53425.0":"2020-03-13T16:55:07.534Z","0.14.0-canary.306cabed.0":"2020-03-17T21:17:30.244Z","0.14.0-canary.4e250cbc.0":"2020-03-17T21:23:35.634Z","0.14.0-canary.ff82d9ec.0":"2020-03-18T18:19:24.391Z","0.14.0-canary.f50f48ef.0":"2020-03-19T18:55:06.031Z","0.14.0-canary.134cf877.0":"2020-03-19T20:39:02.588Z","0.14.0":"2020-03-19T21:28:29.179Z","0.15.0-canary.2c1a4913.0":"2020-03-19T23:00:39.975Z","0.15.0-canary.3a6e481a.0":"2020-03-20T18:12:46.834Z","0.15.0-canary.603d6eb3.0":"2020-03-20T21:35:34.704Z","0.15.0-canary.05c6a93c.0":"2020-03-23T16:36:11.273Z","0.14.1":"2020-03-23T17:57:24.707Z","0.15.0-canary.4e6be3f4.0":"2020-03-24T20:58:30.922Z","0.15.0-canary.c29a683d.0":"2020-03-24T21:16:21.057Z","0.15.0-canary.fca3dd9d.0":"2020-03-24T23:42:51.534Z","0.15.0-canary.1e73da49.0":"2020-03-25T21:29:39.062Z","0.15.0-canary.bb6dfc5a.0":"2020-03-27T01:22:47.504Z","0.15.0-canary.1884603d.0":"2020-03-27T19:55:08.629Z","0.15.0-canary.aff73cab.0":"2020-03-27T21:14:05.168Z","0.15.0-canary.63168f61.0":"2020-03-31T18:12:09.232Z","0.15.0-canary.9fb79b3e.0":"2020-03-31T21:19:55.247Z","0.15.0-canary.9bd3e9e2.0":"2020-04-01T00:15:22.179Z","0.15.0-canary.072084ab.0":"2020-04-01T18:39:25.011Z","0.15.0-canary.4dec04af.0":"2020-04-03T20:29:23.259Z","0.15.0-canary.9b676354.0":"2020-04-03T20:29:41.964Z","0.15.0-canary.6b946095.0":"2020-04-03T21:23:53.478Z","0.15.0-canary.5ccbfaa2.0":"2020-04-03T21:29:19.979Z","0.15.0-canary.a0ab8772.0":"2020-04-07T20:08:34.856Z","0.15.0-canary.8d352305.0":"2020-04-07T21:41:32.991Z","0.15.0-canary.31eac79f.0":"2020-04-07T21:57:08.570Z","0.15.0-canary.ba05565e.0":"2020-04-08T17:32:11.990Z","0.15.0-canary.25099f79.0":"2020-04-08T21:30:25.194Z","0.15.0-canary.447e31c6.0":"2020-04-09T01:16:07.591Z","0.15.0-canary.d6dd84f7.0":"2020-04-09T01:24:46.512Z","0.15.0-canary.9b03ee68.0":"2020-04-09T20:02:34.414Z","0.15.0-canary.bbc25b10.0":"2020-04-10T22:45:11.125Z","0.15.0-canary.339cbfd4.0":"2020-04-15T17:38:23.120Z","0.15.0-canary.b74ff19f.0":"2020-04-15T20:03:53.045Z","0.15.0-canary.aaa16853.0":"2020-04-15T22:40:45.966Z","0.15.0-canary.826b23e7.0":"2020-04-16T18:56:43.382Z","0.15.0-canary.e1ad2b2f.0":"2020-04-17T23:01:05.811Z","0.15.0-canary.bade5580.0":"2020-04-17T23:18:57.685Z","0.15.0-canary.dae38247.0":"2020-04-18T00:15:54.547Z","0.15.0-canary.a04c0b82.0":"2020-04-18T00:34:02.482Z","0.15.0-canary.715decfe.0":"2020-04-20T18:34:57.118Z","0.15.0-canary.c862cd04.0":"2020-04-20T21:33:47.221Z","0.15.0-canary.e9b01b35.0":"2020-04-20T23:29:10.270Z","0.15.0-canary.ee7e8989.0":"2020-04-21T00:50:58.280Z","0.15.0-canary.9bf47ffa.0":"2020-04-21T18:37:33.127Z","0.15.0-canary.078dbd98.0":"2020-04-21T21:11:55.476Z","0.15.0-canary.953015d6.0":"2020-04-21T21:35:18.229Z","0.15.0-canary.c360ec63.0":"2020-04-21T21:58:35.344Z","0.15.0-canary.d71b65aa.0":"2020-04-21T22:37:24.638Z","0.15.0-canary.58d51135.0":"2020-04-23T00:44:36.088Z","0.15.0-canary.d0af8ba3.0":"2020-04-23T18:09:37.228Z","0.15.0-canary.8872b17b.0":"2020-04-23T20:40:43.480Z","0.15.0-canary.eca1a610.0":"2020-04-23T21:42:42.141Z","0.15.0-canary.baaf529e.0":"2020-04-23T22:43:53.247Z","0.15.0-canary.7a7992a8.0":"2020-04-23T23:13:48.939Z","0.15.0-canary.1150d64d.0":"2020-04-24T00:18:21.447Z","0.15.0-canary.dad3f828.0":"2020-04-25T00:42:25.742Z","0.15.0-canary.1bcdb47e.0":"2020-04-28T01:12:26.936Z","0.15.0-canary.86ff1b9f.0":"2020-04-28T02:55:24.518Z","0.15.0-canary.54a86b20.0":"2020-04-28T03:17:42.712Z","0.15.0-canary.938fd24b.0":"2020-04-30T01:26:54.143Z","0.15.0-canary.39e9a008.0":"2020-04-30T02:13:07.034Z","0.15.0-canary.f3b365de.0":"2020-04-30T08:26:51.344Z","0.15.0-canary.cdbdf807.0":"2020-05-01T00:14:25.598Z","0.15.0-canary.9995ae17.0":"2020-05-01T18:44:43.155Z","0.15.0-canary.457bf035.0":"2020-05-01T20:50:30.783Z","0.15.0-canary.2381fd02.0":"2020-05-01T21:25:08.541Z","0.15.0-canary.b2ca9b57.0":"2020-05-01T21:35:38.426Z","0.15.0-canary.b2b088e7.0":"2020-05-01T22:33:19.549Z","0.15.0-canary.fdd8f69e.0":"2020-05-02T00:16:12.982Z","0.15.0-canary.730f45a8.0":"2020-05-03T20:44:34.789Z","0.15.0-canary.4219bd20.0":"2020-05-04T23:31:39.362Z","0.15.0-canary.1d83cf6d.0":"2020-05-05T17:11:47.635Z","0.15.0-canary.3bfc63aa.0":"2020-05-05T18:13:24.402Z","0.15.0":"2020-05-05T22:36:11.475Z","0.16.0-canary.1f4e3d1c.0":"2020-05-06T22:04:08.410Z","0.16.0-canary.bc8759d5.0":"2020-05-07T23:14:21.723Z","0.16.0-canary.d1379acf.0":"2020-05-08T17:40:56.285Z","0.16.0-canary.58d51fc0.0":"2020-05-08T19:17:12.271Z","0.16.0-canary.588062d7.0":"2020-05-08T21:23:15.168Z","0.16.0-canary.fa21f639.0":"2020-05-11T17:29:39.063Z","0.16.0-canary.2772c509.0":"2020-05-11T18:36:20.779Z","0.16.0-canary.fc4796d5.0":"2020-05-11T20:04:42.777Z","0.16.0-canary.0d1c5f2c.0":"2020-05-11T21:19:29.622Z","0.16.0-canary.d083d93a.0":"2020-05-12T00:17:56.430Z","0.16.0-canary.c95d429c.0":"2020-05-12T21:36:33.336Z","0.16.0-canary.0c1ad726.0":"2020-05-13T00:33:52.833Z","0.16.0-canary.8b6a4700.0":"2020-05-13T17:18:55.343Z","0.16.0-canary.3270effb.0":"2020-05-13T21:24:16.762Z","0.16.0-canary.832e64f7.0":"2020-05-14T00:51:52.720Z","0.16.0-canary.472fc4fc.0":"2020-05-14T03:36:04.814Z","0.16.0-canary.4dcd7dd5.0":"2020-05-14T16:24:20.300Z","0.16.0-canary.bcd3400d.0":"2020-05-15T22:49:28.879Z","0.16.0-canary.91f63179.0":"2020-05-16T00:34:14.446Z","0.16.0-canary.b8aafb56.0":"2020-05-18T18:31:16.061Z","0.16.0-canary.a564b194.0":"2020-05-18T23:03:13.479Z","0.16.0-canary.ef56465b.0":"2020-05-19T03:47:32.475Z","0.16.0-canary.c22dcd71.0":"2020-05-19T17:23:58.144Z","0.16.0-canary.6eb62388.0":"2020-05-19T20:38:05.154Z","0.16.0-canary.9bc3230c.0":"2020-05-19T21:37:56.334Z","0.16.0-canary.421a6856.0":"2020-05-20T05:23:54.898Z","0.16.0-canary.761aa6f2.0":"2020-05-20T21:30:27.567Z","0.16.0-canary.f8654c40.0":"2020-05-20T21:40:04.493Z","0.16.0-canary.05f3853e.0":"2020-05-21T17:32:57.542Z","0.16.0-canary.5fe61f4e.0":"2020-05-21T23:06:50.884Z","0.16.0-canary.17d33745.0":"2020-05-26T16:13:27.835Z","0.16.0-canary.e8b52f5b.0":"2020-05-26T18:42:13.850Z","0.16.0-canary.09afa0a9.0":"2020-05-26T21:43:43.052Z","0.16.0-canary.58bc9166.0":"2020-05-27T00:29:56.730Z","0.16.0-canary.43bde144.0":"2020-05-27T18:28:54.867Z","0.16.0-canary.51067bbc.0":"2020-05-27T20:02:49.978Z","0.16.0-canary.92751ffa.0":"2020-05-27T21:36:10.045Z","0.16.0-canary.aa2b40bb.0":"2020-05-28T19:14:33.547Z","0.16.0-canary.1a870a01.0":"2020-05-28T21:18:16.990Z","0.16.0-canary.ad57d086.0":"2020-05-29T23:48:52.185Z","0.16.0-canary.3bf2b4d5.0":"2020-05-30T00:36:17.289Z","0.16.0-canary.ac05f090.0":"2020-05-30T02:49:29.837Z","0.16.0-canary.0ba7b095.0":"2020-05-30T02:56:10.707Z","0.16.0-canary.5eaa9bac.0":"2020-06-01T23:28:27.382Z","0.16.0-canary.5677ac20.0":"2020-06-01T23:56:42.900Z","0.16.0-canary.7ac6bff4.0":"2020-06-02T00:15:18.151Z","0.16.0-canary.d45622aa.0":"2020-06-02T23:45:28.229Z","0.16.0-canary.dc26c709.0":"2020-06-05T20:20:37.285Z","0.16.0-canary.b9baf6db.0":"2020-06-05T20:22:04.732Z","0.16.0-canary.e0b8c9d0.0":"2020-06-05T23:04:16.576Z","0.16.0-canary.51552859.0":"2020-06-10T00:07:41.925Z","0.16.0-canary.2e269285.0":"2020-06-10T01:35:18.236Z","0.16.0-canary.be138b01.0":"2020-06-10T20:48:45.184Z","0.16.0-canary.04bccf5a.0":"2020-06-16T00:57:36.249Z","0.16.0-canary.b44dea36.0":"2020-06-16T20:57:20.029Z","0.16.0-canary.e2577e87.0":"2020-06-16T21:08:19.323Z","0.16.0-canary.58b73343.0":"2020-06-16T21:23:22.974Z","0.16.0-canary.f155c058.0":"2020-06-18T18:07:32.521Z","0.16.0-canary.309779d2.0":"2020-06-18T23:58:12.262Z","0.16.0-canary.e7649968.0":"2020-06-19T21:40:24.384Z","0.16.0-canary.8e21c78b.0":"2020-06-22T10:37:23.773Z","0.16.0-canary.6db76faf.0":"2020-06-22T21:12:21.197Z","0.16.0-canary.c4dd9684.0":"2020-06-23T15:14:32.501Z","0.16.0-canary.b3e53981.0":"2020-06-24T00:38:45.109Z","0.16.0-canary.b9468f77.0":"2020-06-24T21:54:01.820Z","0.16.0-canary.eb790e49.0":"2020-06-25T21:18:33.554Z","0.16.0-canary.9aa1a5c5.0":"2020-06-26T17:04:52.672Z","0.16.0-canary.d36e9861.0":"2020-06-26T17:36:00.351Z","0.16.0-canary.155c2f85.0":"2020-06-26T23:28:43.338Z","0.16.0-canary.340c9c40.0":"2020-06-26T23:37:53.632Z","0.16.0-canary.a3384d2d.0":"2020-06-30T21:00:00.827Z","0.17.0-canary.6d056c96.0":"2020-06-30T21:09:27.027Z","0.16.1":"2020-06-30T21:14:38.818Z","0.17.0-canary.f7e37607.0":"2020-06-30T21:43:50.299Z","0.18.0-canary.0afbfef2.0":"2020-07-01T19:43:32.239Z","0.17.0":"2020-07-01T19:43:59.034Z","0.18.0-canary.fd970958.0":"2020-07-01T23:33:04.269Z","0.18.0-canary.fd44be19.0":"2020-07-02T05:48:09.330Z","0.17.2":"2020-07-02T05:58:10.223Z","0.18.0-canary.ca6fc6de.0":"2020-07-02T05:59:00.622Z","0.18.0-canary.79f1ec2a.0":"2020-07-07T17:32:08.473Z","0.18.0-canary.a7bc45ae.0":"2020-07-09T17:22:49.501Z","0.18.0-canary.b184bc1c.0":"2020-07-09T17:32:00.295Z","0.18.0-canary.b39fde62.0":"2020-07-09T17:37:14.930Z","0.18.0-canary.dfdd8d6c.0":"2020-07-09T18:25:25.992Z","0.18.0-canary.11cf2694.0":"2020-07-09T20:43:09.513Z","0.18.0-canary.436d66e9.0":"2020-07-09T20:47:55.723Z","0.18.0-canary.3a44d36b.0":"2020-07-10T00:37:00.433Z","0.18.0-canary.ec11ae6e.0":"2020-07-10T17:52:36.313Z","0.18.0-canary.17f6cf27.0":"2020-07-10T18:32:25.471Z","0.18.0-canary.efdfbc21.0":"2020-07-10T18:44:10.567Z","0.18.0-canary.bae4339a.0":"2020-07-14T16:41:28.265Z","0.18.0-canary.28eac13b.0":"2020-07-14T22:23:02.581Z","0.18.0-canary.44966b65.0":"2020-07-15T18:04:30.294Z","0.18.0-canary.3ef0ef60.0":"2020-07-16T16:54:10.281Z","0.18.0-canary.fcebf9e6.0":"2020-07-20T18:45:43.865Z","0.18.0-canary.b6a772df.0":"2020-07-20T22:46:08.099Z","0.18.0-canary.f6a6ca38.0":"2020-07-21T16:40:33.348Z","0.18.0-canary.647dd6b7.0":"2020-07-21T18:42:02.666Z","0.18.0-canary.3cb7406f.0":"2020-07-22T18:57:02.992Z","0.18.0-canary.5717a5a1.0":"2020-07-22T21:39:36.843Z","0.18.0-canary.d84cd4b2.0":"2020-07-22T21:41:31.514Z","0.18.0-canary.f279e7fc.0":"2020-07-22T22:00:20.463Z","0.18.0-canary.f181e3bc.0":"2020-07-22T22:02:21.180Z","0.18.0-canary.346a622a.0":"2020-07-22T23:39:38.546Z","0.18.0-canary.c9e8a848.0":"2020-07-23T01:09:57.987Z","0.18.0-canary.718c385c.0":"2020-07-23T20:06:02.886Z","0.18.0-canary.cd516a27.0":"2020-07-24T19:10:26.913Z","0.18.0-canary.1f082191.0":"2020-07-24T19:15:47.562Z","0.18.0-canary.ea3e82dc.0":"2020-07-24T19:21:01.189Z","0.18.0-canary.94987b64.0":"2020-07-24T20:26:12.899Z","0.18.0-canary.ff49b7e2.0":"2020-07-27T19:04:29.333Z","0.18.0-canary.3d334ccc.0":"2020-07-28T16:14:44.239Z","0.18.0-canary.82ac569e.0":"2020-07-28T18:42:05.227Z","0.18.0-canary.99df7397.0":"2020-07-29T02:40:06.533Z","0.18.0-canary.45493e05.0":"2020-07-29T17:16:16.061Z","0.18.0-canary.f2ab0a95.0":"2020-07-29T17:21:00.244Z","0.18.0-canary.45f9eddc.0":"2020-07-30T00:54:31.472Z","0.18.0-canary.b64663ea.0":"2020-07-30T17:42:52.066Z","0.18.0-canary.9a1a4d2d.0":"2020-07-30T21:03:48.801Z","0.18.0-canary.887c2848.0":"2020-07-30T22:05:14.994Z","0.18.0-canary.354eb695.0":"2020-07-30T23:57:29.295Z","0.18.0-canary.7beb236c.0":"2020-07-31T17:40:09.130Z","0.18.0-canary.c44acc0c.0":"2020-07-31T21:10:41.953Z","0.18.0-canary.779853ff.0":"2020-08-03T17:22:50.750Z","0.18.0-canary.8aaf270b.0":"2020-08-03T18:40:20.773Z","0.18.0-canary.5cde9f12.0":"2020-08-03T19:00:43.205Z","0.18.0-canary.1607ec53.0":"2020-08-03T19:46:17.969Z","0.18.0-canary.678b30e3.0":"2020-08-03T19:50:08.961Z","0.18.0-canary.21c55569.0":"2020-08-03T19:56:14.972Z","0.19.0-canary.907d4d7d.0":"2020-08-03T21:21:57.460Z","0.18.0":"2020-08-03T21:24:13.733Z","0.19.0-canary.f7958e4a.0":"2020-08-04T02:06:25.857Z","0.19.0-canary.f8ceaf79.0":"2020-08-04T19:17:40.704Z","0.19.0-canary.6b9e385a.0":"2020-08-04T21:29:20.669Z","0.19.0-canary.9a7e6d2a.0":"2020-08-05T03:45:32.268Z","0.19.0-canary.188f3f1c.0":"2020-08-05T18:12:55.419Z","0.19.0-canary.b6106add.0":"2020-08-05T20:48:58.302Z","0.19.0-canary.ebb4c667.0":"2020-08-06T00:18:24.578Z","0.19.0-canary.aa44289e.0":"2020-08-06T18:26:59.245Z","0.19.0-canary.e6b0816b.0":"2020-08-07T18:43:17.766Z","0.19.0-canary.96d15938.0":"2020-08-07T20:28:28.844Z","0.19.0-canary.9d991c8c.0":"2020-08-07T22:08:05.314Z","0.19.0-canary.13bfbd72.0":"2020-08-10T19:27:02.354Z","0.19.0-canary.30b1b258.0":"2020-08-10T20:06:32.112Z","0.19.0-canary.1583e263.0":"2020-08-11T23:10:20.168Z","0.19.0-canary.fefb1a93.0":"2020-08-12T00:24:46.161Z","0.19.0-canary.1ac5b9d4.0":"2020-08-12T18:26:57.097Z","0.19.0-canary.f17f5052.0":"2020-08-13T17:14:08.651Z","0.19.0-canary.80b5d20d.0":"2020-08-13T18:16:53.039Z","0.19.0-canary.758635ed.0":"2020-08-14T17:16:09.781Z","0.19.0-canary.18d6b808.0":"2020-08-14T23:07:41.233Z","0.19.0-canary.5f8ffbd1.0":"2020-08-17T22:15:05.319Z","0.19.0-canary.8604d59e.0":"2020-08-18T01:01:55.175Z","0.19.0-canary.1d7d5e34.0":"2020-08-18T01:08:36.619Z","0.19.0-canary.9cc95c07.0":"2020-08-18T01:16:12.019Z","0.19.0-canary.9f65ced3.0":"2020-08-18T20:15:40.076Z","0.19.0-canary.5962b365.0":"2020-08-19T20:28:20.760Z","0.19.0-canary.9c9ec756.0":"2020-08-20T18:55:28.544Z","0.19.0-canary.fa0ad66a.0":"2020-08-20T20:34:39.079Z","0.19.0-canary.06ecdd6b.0":"2020-08-20T21:33:37.053Z","0.19.0-canary.2bca2318.0":"2020-08-21T17:52:00.235Z","0.19.0-canary.6aa47265.0":"2020-08-21T18:15:42.744Z","0.19.0-canary.e7202a07.0":"2020-08-21T19:23:08.536Z","0.19.0-canary.f208201e.0":"2020-08-24T19:02:48.926Z","0.19.0-canary.14a172db.0":"2020-08-25T19:47:22.129Z","0.19.0-canary.e6c1038d.0":"2020-08-27T19:36:39.415Z","0.19.0-canary.34012082.0":"2020-08-27T19:47:46.356Z","0.19.0-canary.c073f7b8.0":"2020-08-28T17:11:50.619Z","0.19.0-canary.b7ae68ff.0":"2020-08-29T01:26:44.248Z","0.19.0-canary.697e3879.0":"2020-09-02T00:12:43.482Z","0.19.0-canary.eafb7991.0":"2020-09-02T02:17:51.821Z","0.19.0-canary.606642ec.0":"2020-09-02T21:35:07.313Z","0.19.0-canary.ddf05c42.0":"2020-09-03T13:52:41.432Z","0.19.0-canary.b889e6dc.0":"2020-09-03T14:10:46.128Z","0.19.0-canary.aabeceb0.0":"2020-09-03T19:57:06.494Z","0.19.0-canary.d8cca3a6.0":"2020-09-03T21:31:08.803Z","0.19.0-canary.26d34b2e.0":"2020-09-03T21:56:27.066Z","0.19.0-canary.a1c44494.0":"2020-09-09T22:06:54.563Z","0.19.0-canary.be1cd1e9.0":"2020-09-10T16:40:34.354Z","0.19.0-canary.f094c0ce.0":"2020-09-10T17:35:49.711Z","0.19.0-canary.c1261e7d.0":"2020-09-11T02:25:52.429Z","0.19.0-canary.9b39ed1e.0":"2020-09-11T02:26:48.092Z","0.19.0-canary.e67214b3.0":"2020-09-11T02:31:07.620Z","0.19.0-canary.36f5da28.0":"2020-09-11T02:33:46.792Z","0.19.0-canary.3babab12.0":"2020-09-11T02:36:37.076Z","0.19.0-canary.a4481e6f.0":"2020-09-11T02:48:52.327Z","0.19.0-canary.a9177836.0":"2020-09-11T17:47:02.421Z","0.19.0-canary.b102a3c8.0":"2020-09-14T20:12:43.195Z","0.19.0-canary.a7fbc707.0":"2020-09-15T16:04:56.946Z","0.19.0-canary.ed6b8660.0":"2020-09-15T17:24:17.314Z","0.19.0-canary.9c2331f5.0":"2020-09-15T17:48:43.589Z","0.19.0-canary.63a5f088.0":"2020-09-16T21:37:13.511Z","0.19.0-canary.b7995e49.0":"2020-09-16T23:26:00.038Z","0.19.0-canary.0da3ec97.0":"2020-09-21T22:08:04.397Z","0.19.0-canary.a0793c96.0":"2020-09-22T17:03:55.172Z","0.19.0-canary.06998a3e.0":"2020-09-22T18:25:12.046Z","0.19.0-canary.3484a90d.0":"2020-09-22T22:03:37.771Z","0.19.0-canary.3f99af40.0":"2020-09-24T23:20:43.933Z","0.19.0-canary.72aa1129.0":"2020-09-25T21:06:38.670Z","0.19.0-canary.394fd3f6.0":"2020-09-28T14:11:38.880Z","0.19.0-canary.347110f1.0":"2020-09-28T16:49:36.932Z","0.19.0-canary.5e330bb9.0":"2020-09-30T22:00:38.956Z","0.19.0-canary.30b9e3a9.0":"2020-09-30T22:37:38.754Z","0.19.0-canary.7bb04b9a.0":"2020-10-01T23:22:19.544Z","0.19.0-canary.615d861d.0":"2020-10-02T01:32:52.397Z","0.19.0-canary.af110e86.0":"2020-10-02T23:49:23.362Z","0.19.0-canary.89d27ca5.0":"2020-10-06T01:26:35.916Z","0.19.0-canary.9ef2e7c2.0":"2020-10-07T00:13:52.879Z","0.19.0-canary.96c8bdc1.0":"2020-10-07T20:07:09.414Z","0.20.0-canary.6c21f034.0":"2020-10-07T22:30:02.273Z","0.19.0":"2020-10-07T22:33:06.720Z","0.20.0-canary.1f026aaa.0":"2020-10-08T22:53:13.184Z","0.19.1":"2020-10-08T23:05:33.964Z","0.20.0-canary.5f6894b1.0":"2020-10-08T23:06:18.611Z","0.20.0-canary.f6260d06.0":"2020-10-12T22:33:49.329Z","0.20.0-canary.2d1b08aa.0":"2020-10-13T19:21:37.767Z","0.20.0-canary.5bd58844.0":"2020-10-13T23:45:44.932Z","0.20.0-canary.bc846b29.0":"2020-10-14T18:15:19.033Z","0.20.0-canary.3280b686.0":"2020-10-16T00:03:54.737Z","0.20.0-canary.9e94cd38.0":"2020-10-16T21:13:53.274Z","0.20.0-canary.4773c773.0":"2020-10-16T22:33:38.775Z","0.20.0-canary.65787913.0":"2020-10-19T18:50:26.093Z","0.20.0-canary.5485fba3.0":"2020-10-19T21:23:41.193Z","0.20.0-canary.a39d0a92.0":"2020-10-23T21:23:15.866Z","0.20.0-canary.4eafcbc1.0":"2020-10-27T01:20:30.046Z","0.20.0-canary.32961593.0":"2020-10-28T00:38:24.351Z","0.20.0-canary.8e3a0601.0":"2020-10-29T21:36:27.574Z","0.20.0-canary.178c25b4.0":"2020-10-29T21:49:58.760Z","0.20.0-canary.124beb49.0":"2020-10-31T00:06:03.848Z","0.20.0-canary.5937f468.0":"2020-11-04T21:04:59.152Z","0.20.0-canary.a9bafaee.0":"2020-11-05T22:30:18.311Z","0.20.0-canary.184861ee.0":"2020-11-07T00:37:13.726Z","0.20.0-canary.6c6ae2d6.0":"2020-11-09T13:05:16.631Z","0.20.0-canary.ea2aa477.0":"2020-11-09T23:57:17.767Z","0.20.0-canary.a2c088dc.0":"2020-11-10T14:23:27.108Z","0.20.0-canary.b04d71d4.0":"2020-11-12T10:41:31.873Z","0.20.0-canary.2c553352.0":"2020-11-12T22:42:13.994Z","0.20.0-canary.6560d19a.0":"2020-11-13T20:47:55.427Z","0.20.0-canary.a28d5ec3.0":"2020-11-17T15:23:23.409Z","0.20.0-canary.03e7e778.0":"2020-11-17T19:24:59.730Z","0.20.0-canary.ac8ed597.0":"2020-11-17T22:11:11.793Z","0.20.0-canary.b6a60f60.0":"2020-11-17T22:51:35.319Z","0.20.0-canary.71cc24fb.0":"2020-11-17T23:16:04.201Z","0.20.0-canary.761027ff.0":"2020-11-18T22:13:17.178Z","0.20.0-canary.dc93d04c.0":"2020-11-18T22:19:19.051Z","0.20.0-canary.4a5d4eeb.0":"2020-11-19T11:30:01.605Z","0.20.0-canary.bd176a15.0":"2020-11-19T19:09:31.214Z","0.20.0-canary.e85aa60d.0":"2020-11-23T22:24:03.058Z","0.20.0-canary.72092360.0":"2020-11-24T04:17:36.989Z","0.20.0-canary.baf9d39f.0":"2020-11-25T21:47:49.351Z","0.20.0-canary.51aab0ad.0":"2020-12-01T01:04:36.784Z","0.20.0-canary.8fd4af5b.0":"2020-12-03T00:26:34.962Z","0.20.0-canary.26d14d2f.0":"2020-12-03T00:55:13.286Z","0.20.0-canary.1663d7e4.0":"2020-12-03T01:15:50.862Z","0.20.0-canary.cbe9fc12.0":"2020-12-03T19:06:33.711Z","0.20.0-canary.9755be10.0":"2020-12-03T19:24:43.188Z","0.20.0-canary.3f64270c.0":"2020-12-03T21:49:07.791Z","0.21.0-canary.d893b14a.0":"2020-12-03T22:25:18.697Z","0.20.0":"2020-12-03T22:28:32.390Z","0.21.0-canary.47c7d7e5.0":"2020-12-11T19:56:19.099Z","0.21.0-canary.b304a78b.0":"2020-12-15T20:03:12.660Z","0.21.0-canary.777c5fa4.0":"2020-12-16T21:53:27.636Z","0.21.0-canary.635c7996.0":"2020-12-17T23:31:05.795Z","0.21.0-canary.20b0045f.0":"2020-12-17T23:48:02.877Z","0.21.0-canary.41f77000.0":"2020-12-18T00:34:32.562Z","0.21.0-canary.afe4079a.0":"2020-12-22T17:39:10.948Z","0.21.0-canary.407ef8f9.0":"2020-12-30T23:02:06.585Z","0.21.0-canary.2e26e137.0":"2021-01-05T18:48:57.149Z","0.21.0-canary.9009f6c1.0":"2021-01-08T19:53:38.772Z","0.21.0-canary.ee99b646.0":"2021-01-11T23:07:30.416Z","0.21.0-canary.740ed33b.0":"2021-01-12T18:03:21.052Z","0.21.0-canary.c5c541b1.0":"2021-01-12T18:44:51.347Z","0.21.0-canary.06fe9d90.0":"2021-01-12T20:54:18.882Z","0.21.0-canary.269eed01.0":"2021-01-13T21:44:39.422Z","0.21.0-canary.8c075f35.0":"2021-01-13T23:06:14.568Z","0.21.0-canary.3cda381b.0":"2021-01-14T00:03:54.453Z","0.21.0-canary.bc113605.0":"2021-01-14T00:44:45.217Z","0.21.0-canary.0c1d6ff9.0":"2021-01-15T20:08:38.949Z","0.21.0-canary.b4332e00.0":"2021-01-15T22:06:55.955Z","0.21.0-canary.2899691d.0":"2021-01-16T01:43:59.474Z","0.21.0-canary.fe73953b.0":"2021-01-19T19:20:46.208Z","0.21.0-canary.d3a16455.0":"2021-01-19T19:51:40.336Z","0.21.0-canary.597ca1b6.0":"2021-01-20T00:59:16.420Z","0.21.0-canary.3c195efe.0":"2021-01-20T02:00:52.113Z","0.21.0-canary.f7b8755f.0":"2021-01-20T20:37:04.714Z","0.21.0-canary.f60de7df.0":"2021-01-20T23:36:05.331Z","0.21.0-canary.664a2927.0":"2021-01-21T19:17:58.851Z","0.21.0-canary.a6d312e5.0":"2021-01-21T21:46:56.088Z","0.21.0-canary.027365eb.0":"2021-01-22T21:06:53.810Z","0.21.0-canary.7e72b66d.0":"2021-01-22T23:25:54.077Z","0.21.0-canary.a6d6a1e7.0":"2021-01-22T23:32:14.617Z","0.21.0-canary.b95fe100.0":"2021-01-22T23:51:20.494Z","0.21.0-canary.c8797192.0":"2021-01-23T00:06:42.361Z","0.21.0-canary.946f5563.0":"2021-01-23T00:42:50.544Z","0.21.0-canary.43664f0e.0":"2021-01-25T22:39:24.239Z","0.21.0-canary.2e769e3c.0":"2021-01-26T00:05:40.145Z","0.21.0-canary.14e01610.0":"2021-01-27T19:50:52.104Z","0.21.0-canary.5de00c1b.0":"2021-01-27T20:16:31.971Z","0.21.0-canary.5a328336.0":"2021-01-28T19:54:03.992Z","0.21.0-canary.533b1251.0":"2021-01-29T15:11:00.396Z","0.21.0-canary.ab5c0a10.0":"2021-02-02T20:16:50.776Z","0.21.0-canary.b7a40b27.0":"2021-02-03T15:02:54.559Z","0.21.0-canary.0fdee204.0":"2021-02-03T18:32:54.987Z","0.21.0-canary.5160e548.0":"2021-02-05T23:50:43.282Z","0.21.0-canary.4fa2daec.0":"2021-02-09T00:17:57.023Z","0.21.0-canary.67f285fb.0":"2021-02-09T00:50:27.370Z","0.21.0-canary.58cd5a70.0":"2021-02-11T20:43:35.257Z","0.21.0-canary.8107ca43.0":"2021-02-11T23:28:20.599Z","0.21.0-canary.d35d64ef.0":"2021-02-11T23:42:28.035Z","0.21.0-canary.78bcf058.0":"2021-02-12T00:47:43.776Z","0.21.0-canary.0c6908fd.0":"2021-02-12T01:24:12.859Z","0.21.0-canary.f1f34ee0.0":"2021-02-12T20:17:27.934Z","0.21.0-canary.d84df029.0":"2021-02-16T19:07:03.216Z","0.21.0-canary.c525f471.0":"2021-02-17T20:52:51.302Z","0.21.0-canary.ba7a1b35.0":"2021-02-19T00:13:20.668Z","0.21.0-canary.9a566dda.0":"2021-02-19T18:37:12.085Z","0.21.0-canary.55addb8c.0":"2021-02-19T22:01:40.764Z","0.21.0-canary.85dd5e9b.0":"2021-02-23T02:18:41.402Z","0.21.0-canary.aa3e078e.0":"2021-02-23T17:14:04.705Z","0.21.0-canary.dccd254e.0":"2021-02-26T21:09:36.860Z","0.21.0-canary.7dd1a27d.0":"2021-03-01T22:00:34.241Z","0.21.0-canary.12574572.0":"2021-03-02T20:28:52.481Z","0.21.0-canary.1109a3d3.0":"2021-03-02T20:33:33.772Z","0.21.0-canary.b9cd8739.0":"2021-03-03T17:45:52.387Z","0.21.0-canary.71ee796a.0":"2021-03-03T20:10:17.126Z","0.21.0-canary.2be191ed.0":"2021-03-03T21:50:46.242Z","0.21.0-canary.6dc7b06f.0":"2021-03-05T00:21:30.347Z","0.21.0-canary.24fe7ba6.0":"2021-03-05T17:26:34.912Z","0.21.0-canary.12c477d1.0":"2021-03-08T22:23:00.016Z","0.21.0-canary.4c38f801.0":"2021-03-08T23:23:57.478Z","0.21.0-canary.8795b83f.0":"2021-03-09T18:26:55.539Z","0.21.0-canary.12b84cb7.0":"2021-03-10T00:40:34.960Z","0.21.0-canary.6ac6784b.0":"2021-03-10T00:50:33.541Z","0.21.0-canary.b6d92934.0":"2021-03-10T22:00:18.017Z","0.21.0-canary.99a55b9e.0":"2021-03-10T22:51:10.257Z","0.21.0-canary.bb14efb7.0":"2021-03-10T23:36:43.309Z","0.21.0-canary.9ecf3bdd.0":"2021-03-11T00:22:39.573Z","0.21.0-canary.7c0e02fd.0":"2021-03-11T01:46:08.804Z","0.21.0-canary.2d6d59cc.0":"2021-03-11T18:28:42.944Z","0.21.0-canary.0138863c.0":"2021-03-11T18:36:05.522Z","0.21.0-canary.926f5bad.0":"2021-03-11T20:18:10.861Z","0.21.0-canary.520290a9.0":"2021-03-11T22:27:25.516Z","0.21.0-canary.9ec431d1.0":"2021-03-11T22:31:43.115Z","0.21.0-canary.4246c082.0":"2021-03-11T22:38:46.991Z","0.21.0-canary.2d736253.0":"2021-03-15T22:35:15.052Z","0.21.0-canary.7033124d.0":"2021-03-16T18:37:00.322Z","0.21.0-canary.6c0ee901.0":"2021-03-16T22:38:25.494Z","0.21.0-canary.7f0d605e.0":"2021-03-17T18:03:59.430Z","0.21.0-canary.572107b5.0":"2021-03-18T23:53:43.400Z","0.21.0-canary.b7b220b1.0":"2021-03-19T00:19:23.488Z","0.21.0-canary.233b2de7.0":"2021-03-19T18:29:19.477Z","0.21.0-canary.0c1a2d97.0":"2021-03-19T21:20:40.869Z","0.21.0-canary.57ca2e73.0":"2021-03-19T22:40:16.613Z","0.21.0-canary.5c058f4b.0":"2021-03-23T23:07:59.393Z","0.21.0-canary.e27ef7cd.0":"2021-03-30T20:10:48.880Z","0.21.0-canary.15c09e74.0":"2021-03-31T16:47:06.764Z","0.21.0-canary.4dc32be3.0":"2021-03-31T23:47:39.483Z","0.21.0-canary.4b717f65.0":"2021-04-01T18:13:35.007Z","0.21.0-canary.c6870f20.0":"2021-04-01T23:41:24.939Z","0.21.0-canary.852f873c.0":"2021-04-02T05:21:38.932Z","0.21.0-canary.4a674a1d.0":"2021-04-02T14:43:52.070Z","0.21.0-canary.c5b29ff1.0":"2021-04-05T17:49:28.855Z","0.21.0-canary.583644a6.0":"2021-04-05T17:50:29.712Z","0.21.0-canary.02ac1e6b.0":"2021-04-06T18:35:37.374Z","0.21.0-canary.5ac5856e.0":"2021-04-06T18:42:08.980Z","0.21.0-canary.bb23dbc4.0":"2021-04-07T21:23:15.310Z","0.21.0-canary.e539904c.0":"2021-04-08T18:01:32.858Z","0.21.0-canary.a93ae333.0":"2021-04-09T20:10:46.022Z","0.21.0-canary.e142c144.0":"2021-04-12T14:50:01.860Z","0.21.0-canary.382d7eb0.0":"2021-04-12T22:04:50.599Z","0.21.0-canary.b16c7885.0":"2021-04-12T22:38:40.349Z","0.21.0-canary.0e92782b.0":"2021-04-13T14:41:17.576Z","0.21.0-canary.70b3a072.0":"2021-04-14T22:25:45.232Z","0.21.0-canary.ff79b092.0":"2021-04-15T18:59:17.722Z","0.21.0-canary.f35b2fd7.0":"2021-04-15T19:09:49.426Z","0.21.0-canary.11977cac.0":"2021-04-16T00:57:32.560Z","0.21.0-canary.018ff45e.0":"2021-04-22T22:50:28.656Z","0.21.0-canary.c99d1fa5.0":"2021-04-26T19:46:06.452Z","0.21.0-canary.eea9b304.0":"2021-04-27T22:52:35.918Z","0.21.0-canary.5dd85d0c.0":"2021-04-28T00:08:51.433Z","0.21.0-canary.cc813cff.0":"2021-04-30T21:18:47.865Z","0.21.0-canary.0875e898.0":"2021-04-30T21:26:53.788Z","0.21.0":"2021-04-30T23:57:56.366Z","0.22.0-canary.8f1e7e1b.0":"2021-05-01T00:04:43.719Z","0.22.0-canary.deb0e792.0":"2021-05-03T21:33:36.904Z","0.22.0-canary.a3ff615f.0":"2021-05-03T22:33:05.242Z","0.22.0-canary.948ccfb5.0":"2021-05-04T00:10:06.173Z","0.22.0-canary.9f8337d7.0":"2021-05-04T18:36:22.662Z","0.22.0-canary.5813480a.0":"2021-05-05T18:24:46.104Z","0.22.0-canary.ab7fc1bf.0":"2021-05-06T17:58:33.123Z","0.22.0-canary.25693d60.0":"2021-05-07T21:55:22.759Z","0.22.0-canary.c497962b.0":"2021-05-07T22:19:19.047Z","0.22.0-canary.e300688e.0":"2021-05-07T22:23:45.133Z","0.22.0-canary.d70287f2.0":"2021-05-10T19:28:38.797Z","0.22.0-canary.02e841b2.0":"2021-05-10T20:33:54.245Z","0.22.0-canary.badda2f0.0":"2021-05-11T00:34:01.867Z","0.22.0-canary.004aca62.0":"2021-05-11T18:05:39.554Z","0.22.0-canary.4af17446.0":"2021-05-11T18:45:27.892Z","0.22.0-canary.b94d7187.0":"2021-05-11T18:51:04.572Z","0.22.0-canary.4021b2f9.0":"2021-05-12T21:59:55.930Z","0.22.0-canary.6a5956a3.0":"2021-05-12T22:16:52.092Z","0.22.0-canary.b6e8a74b.0":"2021-05-12T23:02:49.719Z","0.22.0-canary.c94e1030.0":"2021-05-12T23:08:41.554Z","0.22.0-canary.40a34e35.0":"2021-05-12T23:57:48.156Z","0.22.0-canary.1be14d2c.0":"2021-05-13T17:49:17.027Z","0.22.0-canary.87dbd64f.0":"2021-05-14T20:57:55.297Z","0.22.0-canary.c452e4da.0":"2021-05-17T23:31:29.122Z","0.22.0-canary.2212691a.0":"2021-05-17T23:52:06.964Z","0.22.0-canary.f748ff2f.0":"2021-05-18T00:21:51.316Z","0.22.0-canary.cc04657a.0":"2021-05-18T01:20:25.028Z","0.22.0-canary.3a3114fa.0":"2021-05-19T23:39:38.090Z","0.22.0-canary.b46bdf83.0":"2021-05-20T01:50:22.404Z","0.22.0-canary.b401a081.0":"2021-05-21T23:22:23.481Z","0.22.0-canary.012c8dc0.0":"2021-05-22T00:15:54.723Z","0.22.0-canary.e01a1731.0":"2021-05-24T16:02:08.425Z","0.22.0-canary.59174b9f.0":"2021-05-25T18:01:35.377Z","0.22.0-canary.c96cb2e0.0":"2021-05-25T19:11:45.474Z","0.22.0-canary.b9b0e330.0":"2021-05-25T20:59:49.619Z","0.22.0-canary.ea2a8063.0":"2021-05-25T21:04:52.848Z","0.22.0-canary.60cd9178.0":"2021-05-25T23:13:31.944Z","0.22.0-canary.2e2c75f2.0":"2021-05-26T00:10:22.809Z","0.22.0-canary.b99c77d5.0":"2021-05-26T19:12:47.651Z","0.22.0-canary.0de82c12.0":"2021-05-26T21:30:28.249Z","0.22.0-canary.227a4614.0":"2021-05-27T16:02:33.994Z","0.22.0-canary.b3d21d31.0":"2021-05-27T18:44:35.379Z","0.22.0-canary.288c33ec.0":"2021-06-02T19:32:33.078Z","0.22.0-canary.7eb7ccb0.0":"2021-06-03T19:54:29.408Z","0.22.0-canary.7fcc0726.0":"2021-06-08T00:44:57.721Z","0.22.0-canary.220a4e5e.0":"2021-06-08T17:49:38.451Z","0.22.0-canary.6b2d6ab0.0":"2021-06-08T18:36:05.247Z","0.22.0-canary.2b20825e.0":"2021-06-11T23:48:34.041Z","0.22.0-canary.e1511867.0":"2021-06-12T00:56:49.720Z","0.22.0-canary.ef4a0c0d.0":"2021-06-15T19:51:17.210Z","0.22.0-canary.573d8913.0":"2021-06-18T23:26:09.474Z","0.22.0-canary.21dba001.0":"2021-06-21T21:40:09.275Z","0.22.0-canary.6f5bfd0f.0":"2021-06-24T22:55:40.781Z","0.22.0-canary.fd8360b4.0":"2021-06-25T19:08:40.185Z","0.22.0-canary.6f74432f.0":"2021-06-25T20:46:33.659Z","0.22.0-canary.b62f901d.0":"2021-06-25T22:16:51.321Z","0.22.0-canary.73122cba.0":"2021-06-30T19:36:13.510Z","0.22.0-canary.a6912af5.0":"2021-07-01T21:33:37.057Z","0.22.0-canary.134f24bf.0":"2021-07-01T22:31:52.267Z","0.22.0-canary.1debb78f.0":"2021-07-07T00:45:50.946Z","0.22.0-canary.d53edeb6.0":"2021-07-07T16:59:47.421Z","0.22.0-canary.2226489a.0":"2021-07-08T18:01:06.529Z","0.22.0-canary.d4801c11.0":"2021-07-08T20:02:19.524Z","0.22.0-canary.7ec5f2d6.0":"2021-07-12T17:16:21.324Z","0.22.0-canary.86cb4ca7.0":"2021-07-13T17:37:07.995Z","0.22.0-canary.cb42f5bd.0":"2021-07-13T18:19:27.347Z","0.22.0-canary.bc9a724e.0":"2021-07-13T18:41:40.537Z","0.22.0-canary.7847b83a.0":"2021-07-14T17:18:14.374Z","0.22.0-canary.8cba18fa.0":"2021-07-14T20:26:10.928Z","0.22.0":"2021-07-14T22:31:53.829Z","0.22.1":"2021-07-14T22:52:45.355Z","0.23.0-canary.fbc09b4e.0":"2021-07-14T22:53:38.371Z","0.23.0-canary.73e9f83c.0":"2021-07-15T20:39:10.098Z","0.23.0-canary.cc0aa7a9.0":"2021-07-15T21:03:15.664Z","0.23.0-canary.a8fcac45.0":"2021-07-15T21:22:13.106Z","0.23.0-canary.3ca580d1.0":"2021-07-15T22:03:37.758Z","0.23.0-canary.9e41cb2e.0":"2021-07-15T23:08:19.120Z","0.23.0-canary.c180db74.0":"2021-07-16T17:24:37.922Z","0.23.0-canary.0d0a9267.0":"2021-07-16T17:56:50.623Z","0.23.0-canary.d234ec3f.0":"2021-07-16T18:07:26.023Z","0.23.0-canary.5cd4bcdb.0":"2021-07-16T21:11:42.664Z","0.23.0-canary.2b133cb2.0":"2021-07-16T22:06:09.702Z","0.23.0-canary.ae4f422b.0":"2021-07-16T23:53:41.579Z","0.23.0-canary.90ff8057.0":"2021-07-19T14:07:05.283Z","0.23.0-canary.dd7b75d1.0":"2021-07-19T17:50:14.423Z","0.23.0-canary.104debd5.0":"2021-07-19T22:53:11.230Z","0.23.0-canary.4612705d.0":"2021-07-20T16:04:16.470Z","0.23.0-canary.b36502a2.0":"2021-07-21T22:34:12.594Z","0.23.0-canary.2c392ab3.0":"2021-07-22T14:52:32.656Z","0.23.0-canary.e8bac95a.0":"2021-07-22T18:52:33.601Z","0.23.0-canary.38f29f8f.0":"2021-07-23T18:15:40.285Z","0.23.0-canary.e0693475.0":"2021-07-23T18:55:49.089Z","0.23.0-canary.d595e030.0":"2021-07-23T20:52:50.909Z","0.23.0-canary.fe7cca31.0":"2021-07-23T21:56:27.324Z","0.23.0-canary.fd9da483.0":"2021-07-26T21:24:27.601Z","0.23.0-canary.8a4c7e06.0":"2021-07-26T22:43:44.495Z","0.23.0-canary.5b395fd1.0":"2021-07-27T22:52:46.453Z","0.23.0-canary.e5efdcc0.0":"2021-07-28T17:21:58.684Z","0.23.0-canary.ab310900.0":"2021-07-28T20:21:03.611Z","0.23.0-canary.21dc9bc5.0":"2021-07-28T20:25:45.334Z","0.23.0-canary.68c7fe5c.0":"2021-07-29T18:31:20.598Z","0.23.0-canary.aebe39e8.0":"2021-07-30T19:13:23.852Z","0.23.0-canary.ea889c69.0":"2021-08-03T18:47:27.589Z","0.23.0-canary.21918905.0":"2021-08-03T21:14:06.403Z","0.23.0-canary.193c87be.0":"2021-08-04T18:07:17.616Z","0.23.0-canary.6fc52d8b.0":"2021-08-05T18:10:33.426Z","0.23.0-canary.e2e9777d.0":"2021-08-05T22:47:06.707Z","0.23.0-canary.72ff1e68.0":"2021-08-06T20:48:29.926Z","0.23.0-canary.c527e93b.0":"2021-08-06T21:10:06.252Z","0.23.0-canary.78b1eaac.0":"2021-08-09T18:03:31.118Z","0.23.0-canary.a8a4ddc9.0":"2021-08-10T18:46:38.652Z","0.23.0-canary.99fc0632.0":"2021-08-11T22:21:21.154Z","0.23.0-canary.3f47ae57.0":"2021-08-12T17:59:42.785Z","0.23.0-canary.6b9bfc32.0":"2021-08-12T18:23:54.410Z","0.23.0-canary.c89ecc63.0":"2021-08-16T17:16:39.766Z","0.23.0-canary.59de86bd.0":"2021-08-18T01:38:02.980Z","0.23.0-canary.dcda879b.0":"2021-08-18T22:23:00.195Z","0.23.0-canary.dbb8b366.0":"2021-08-19T23:00:03.942Z","0.23.0-canary.c6e3060c.0":"2021-08-19T23:01:55.661Z","0.23.0-canary.03120b7d.0":"2021-08-20T00:26:56.673Z","0.23.0-canary.d75a5f74.0":"2021-08-20T07:55:58.330Z","0.23.0-canary.3d79ffe7.0":"2021-08-20T17:21:10.542Z","0.23.0-canary.02213ebe.0":"2021-08-20T17:25:52.486Z","0.23.0-canary.90a999b9.0":"2021-08-20T18:42:21.476Z","0.23.0-canary.6db58716.0":"2021-08-23T09:07:30.836Z","0.23.0-canary.9fb5bc35.0":"2021-08-23T22:49:53.776Z","0.23.0-canary.ddaa5d8e.0":"2021-08-24T18:49:30.277Z","0.23.0-canary.756208fb.0":"2021-08-25T19:50:18.682Z","0.23.0-canary.9576dcd9.0":"2021-08-25T21:43:42.066Z","0.23.0-canary.7531cf97.0":"2021-08-26T17:25:54.060Z","0.23.0-canary.3bab26b4.0":"2021-08-26T21:44:35.086Z","0.23.0-canary.fab48bee.0":"2021-08-26T22:07:25.022Z","0.23.0-canary.dec18df7.0":"2021-08-30T08:28:32.524Z","0.23.0-canary.61fe5b17.0":"2021-08-30T19:28:24.993Z","0.23.0-canary.a8c31f54.0":"2021-08-30T20:31:14.692Z","0.23.0-canary.a096dba8.0":"2021-08-31T22:18:37.397Z","0.23.0-canary.7ec04d47.0":"2021-09-02T23:25:11.770Z","0.23.0-canary.d00b098d.0":"2021-09-03T21:26:26.008Z","0.23.0-canary.f29b3352.0":"2021-09-07T18:15:51.222Z","0.23.0-canary.4962a163.0":"2021-09-07T23:53:05.544Z","0.23.0-canary.33102bf4.0":"2021-09-08T00:13:12.821Z","0.23.0-canary.76c68381.0":"2021-09-08T20:13:26.656Z","0.23.0-canary.17d51f76.0":"2021-09-08T23:26:02.567Z","0.23.0-canary.3fae6c2d.0":"2021-09-10T18:32:37.134Z","0.23.0-canary.f1958c4b.0":"2021-09-13T19:20:20.975Z","0.23.0-canary.78abbd59.0":"2021-09-13T21:25:59.084Z","0.23.0":"2021-09-13T21:35:40.877Z","0.24.0-canary.9830d665.0":"2021-09-13T21:36:48.179Z","0.24.0-canary.20e2081c.0":"2021-09-13T23:31:51.061Z","0.24.0-canary.583613a9.0":"2021-09-14T16:54:56.122Z","0.24.0-canary.0e1bd56f.0":"2021-09-14T17:31:54.638Z","0.24.0-canary.7bb1818e.0":"2021-09-15T00:35:31.622Z","0.24.0-canary.b5e665a9.0":"2021-09-15T18:12:51.973Z","0.24.0-canary.ab1e177c.0":"2021-09-15T18:44:27.171Z","0.24.0-canary.8dff8894.0":"2021-09-15T19:08:16.517Z","0.24.0-canary.9cd7e927.0":"2021-09-15T20:31:52.496Z","0.24.0-canary.a7132082.0":"2021-09-15T21:45:20.737Z","0.24.0-canary.cd9110cd.0":"2021-09-16T17:45:16.450Z","0.24.0-canary.1e5a9883.0":"2021-09-17T20:38:54.529Z","0.24.0-canary.32c830ee.0":"2021-09-17T23:08:31.759Z","0.24.0-canary.1de87bb7.0":"2021-09-18T18:51:57.213Z","0.24.0-canary.f2ea80c4.0":"2021-09-20T17:54:41.637Z","0.24.0-canary.569d739f.0":"2021-09-20T21:23:29.076Z","0.24.0-canary.5a434a50.0":"2021-09-21T02:00:24.674Z","0.26.0-canary.6be1a13e.0":"2021-09-21T02:52:59.163Z","0.26.0-canary.b1c1ab52.0":"2021-09-21T03:11:58.554Z","0.25.1":"2021-09-21T03:12:38.650Z","0.26.0-canary.ae060177.0":"2021-09-21T14:37:53.671Z","0.26.0-canary.b6fe2a12.0":"2021-09-22T20:16:03.666Z","0.26.0-canary.07e91417.0":"2021-09-22T21:05:31.555Z","0.26.0-canary.e2203ffa.0":"2021-09-23T18:27:23.101Z","0.26.0-canary.4abe237e.0":"2021-09-24T17:30:54.034Z","0.26.0-canary.6278ee5d.0":"2021-09-27T18:31:09.487Z","0.26.0-canary.3a5d5f34.0":"2021-09-27T22:41:18.317Z","0.26.0-canary.143ed3c8.0":"2021-09-29T01:50:37.981Z","0.26.0-canary.e5923d68.0":"2021-09-30T00:05:35.311Z","0.26.0-canary.d8ed5109.0":"2021-09-30T23:33:40.272Z","0.26.0-canary.0efb9c2c.0":"2021-10-02T02:08:02.829Z","0.26.0-canary.1c9adcb3.0":"2021-10-04T17:33:21.211Z","0.26.0-canary.dfc00d60.0":"2021-10-09T00:57:02.638Z","0.26.0-canary.c3aa844c.0":"2021-10-11T23:14:09.011Z","0.25.2":"2021-10-11T23:18:29.420Z","0.26.0-canary.406d6fe1.0":"2021-10-13T20:59:14.670Z","0.26.0-canary.ca0a674f.0":"2021-10-18T21:36:39.063Z","0.26.0-canary.eefcf660.0":"2021-10-20T21:23:24.693Z","0.26.0-canary.d21acc8f.0":"2021-10-20T22:32:16.765Z","0.25.3":"2021-10-21T17:55:39.287Z","0.26.0-canary.60449b7b.0":"2021-10-21T18:17:09.580Z","0.26.0-canary.0d8084ed.0":"2021-10-28T17:44:41.820Z","0.26.0-canary.232327ee.0":"2021-11-01T20:15:32.475Z","0.26.0-canary.0a492ae8.0":"2021-11-02T10:00:12.780Z","0.26.0-canary.0aa18745.0":"2021-11-02T18:07:37.181Z","0.26.0-canary.f3e28323.0":"2021-11-02T18:59:18.985Z","0.26.0-canary.27e05c5d.0":"2021-11-03T18:44:45.652Z","0.26.0-canary.b9e44af7.0":"2021-11-03T19:03:49.189Z","0.26.0-canary.448f6cb9.0":"2021-11-04T18:07:42.316Z","0.26.0-canary.8067ce28.0":"2021-11-04T22:22:14.479Z","0.26.0-canary.345c2bb9.0":"2021-12-02T17:09:46.058Z","0.26.0-canary.0547aeeb.0":"2021-12-06T16:35:39.830Z","0.26.0-canary.3b2452cc.0":"2021-12-09T00:05:19.096Z","0.26.0-canary.cf7ba5a9.0":"2021-12-10T19:06:32.210Z","0.26.0-canary.e1bcf14e.0":"2021-12-28T20:45:16.581Z","0.26.0-canary.b9d35b69.0":"2022-01-05T18:26:31.507Z","0.26.0-canary.2afff08e.0":"2022-01-06T22:22:29.235Z","0.26.0-canary.893fc857.0":"2022-01-07T18:53:21.594Z","0.26.0-canary.69ba13b7.0":"2022-01-19T22:23:24.063Z","0.26.0-canary.0af8ade5.0":"2022-02-07T22:04:41.982Z","0.26.0":"2022-05-03T17:30:28.841Z","0.26.1":"2022-05-09T20:31:45.854Z","0.27.0":"2022-08-12T19:12:00.518Z"},"maintainers":[{"email":"abhiomkar@gmail.com","name":"abhiomkar"},{"email":"aomarks@gmail.com","name":"aomarks"},{"email":"andrey.prigogin@gmail.com","name":"aprigogin"},{"email":"asyncliz@gmail.com","name":"asyncliz"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"wangchan518@gmail.com","name":"candysonya"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"esgonzalez@google.com","name":"esgonzalez"},{"email":"aprigogin+npm@google.com","name":"material-admin"},{"email":"prodee@google.com","name":"patrickrodee"},{"email":"sayrisuarez@google.com","name":"ssuarez"},{"email":"brian.t.vann@gmail.com","name":"taylorv"},{"email":"hi@yef.im","name":"yefim"}],"description":"Material Design linear progress web component","license":"Apache-2.0","readme":"# `` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-linear-progress.svg)](https://www.npmjs.com/package/@material/mwc-linear-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a process.\n\n\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-web/demos/linear-progress/)\n\n## Example usage\n\n### Determinate\n\n\n\n```html\n\n\n```\n\n### Indeterminate\n\n\n\n```html\n\n```\n\n### Determinate buffer\n\n\n\n```html\n\n```\n\n### Reversed\n\n\n\n\n```html\n\n\n```\n\n### Styled\n\n\n\n```html\n\n\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name | Type | Default | Description\n| --------------- | --------- | ------- |------------\n| `indeterminate` | `boolean` | `false` | Sets the linear-progress into its indeterminate state.\n| `progress` | `number` | `0` | Sets the primary progress bar's value. Value should be between [0, 1].\n| `buffer` | `number` | `1` | Sets the buffer progress bar's value. Value should be between [0, 1]. Setting this value to be less than 1 will reveal moving, buffering dots.\n| `reverse` | `boolean` | `false` | Reverses the direction of the linear progress indicator.\n| `closed` | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opactiy to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\n| Name | Description\n| ----------------- | -----------\n| `open() => void` | Sets `LinearProgress.closed` to `false`;\n| `close() => void` | Sets `LinearProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n| Name | Default | Description\n| -------------------------------------------- | -------------------------------------- |------------\n| `--mdc-linear-progress-buffer-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6347c3e1b0264cc34cad24e4e52a23e2100a4926/packages/linear-progress/images/color_e6e6e6.png) `#E6E6E6` | Sets the color of the buffer progress bar.
**NOTE:** to change the color of the buffering dots, you must do so in the image of `--mdc-linear-progress-buffering-dots-image`.\n| `--mdc-linear-progress-buffering-dots-image` | `url(\"\")` (see below for value) | Sets the image to use as the buffering dots. This pattern is then repeated horizontally and animated.\n\nDefault value for `--mdc-linear-progress-buffering-dots-image`:\n\n```\ndata:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\n```\n\nIf you paste that data url into your browser you can see and inspect the SVG.\nYou may also notice that it is simply a colored circle with some transparent\nspace to its right. If you would like to change the color of the circle, you can\nsimply change the `fill=\"%23e6e6e6\"` to any valid color property (n.b. `%23` is\nthe url-encoded equivalent of `#`).\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary` | Sets the color of primary progress bar.\n\n## Additional references\n\n- [MDC Web linear-progresss](https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator)\n","readmeFilename":"README.md","homepage":"https://github.com/material-components/material-components-web-components#readme","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/icon-button"},"bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"keywords":["material design","web components","line ripple"]}